@charset "utf-8";

@media (max-width: 960px) {
  .dia-section { padding: 48px 0px 24px; scroll-margin-top: var(--dia-teto); --dia-teto: 88px; --dia-mobile-viewport: 100svh; --dia-larg: min(92%, 480px); --dia-lado: min(100%, max(220px, calc(var(--dia-mobile-viewport) - var(--dia-mobile-reserva, 360px)))); }
  .dia-topo.dia-intro { position: relative; flex: 0 0 auto; width: var(--dia-larg); padding: 0px 0px 24px; margin: 0 auto calc(32px - var(--dia-mobile-intro-inset, 32px)); border-top: 0px; border-right: 0px; border-left: 0px; border-image: none; border-bottom: 1px solid var(--dia-fio); text-align: left; }
  .dia-topo.dia-intro::after { content: ""; position: absolute; bottom: -1px; left: 0px; width: 36px; height: 1px; background: var(--dia-tinta); }
  .dia-intro-chamada { display: flex; justify-content: flex-start; }
  .dia-intro .dia-headline { display: block; max-width: 100%; padding: 0px; margin: 0px; border: 0px; border-radius: 0px; background: none; color: var(--dia-tinta); font-size: clamp(1.75rem, 7vw, 2.3rem); font-weight: 400; line-height: 1.16; letter-spacing: -0.035em; text-align: left; text-wrap: balance; }
  .dia-section .dia-trilha { display: block; width: 100%; margin-top: 0px; }
  .dia-section .dia-passos { display: none; }
  .dia-section .dia-palco { position: relative; top: auto; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; height: auto; padding: 0px; gap: 0px; }
  .dia-section .dia-quadro { display: block; flex: 0 0 auto; width: var(--dia-larg); min-height: 0px; }
  .dia-section .dia-cartao[data-ato] { position: relative; grid-area: auto; display: flex; flex-direction: column; align-items: center; justify-content: center; box-sizing: border-box; min-height: calc(var(--dia-mobile-viewport) - var(--dia-mobile-offset, 88px)); padding: 32px 0px; margin: 0px; scroll-margin-top: var(--dia-mobile-offset, 88px); opacity: var(--dia-mobile-presenca, 1) !important; transform: none !important; transition: none !important; z-index: auto !important; pointer-events: auto !important; }
  .dia-section .dia-cartao > .dia-topo.dia-intro { width: 100%; max-width: none; padding: 0px; margin: 0px 0px 24px; border: 0px; }
  .dia-section .dia-cartao > .dia-cena { display: none; }
  .dia-section .dia-cartao > .dia-hora { position: static; display: block; flex: 0 0 auto; width: auto; height: auto; min-width: 76px; min-height: 0px; padding: 5px 14px; margin: 0px 0px 12px; border: 1px solid rgb(231, 231, 235); border-radius: 999px; background: rgb(245, 245, 247); box-shadow: none; color: rgb(100, 100, 109); font-size: 0.875rem; font-weight: 400; line-height: 1.5; letter-spacing: 0px; text-align: center; overflow: visible; clip-path: none; white-space: nowrap; }
  .dia-mobile-copy[hidden] { display: grid; grid-template-rows: var(--dia-mobile-titulo-alt, auto) var(--dia-mobile-sub-alt, auto); gap: 10px; width: 100%; margin: 0px 0px 20px; text-align: center; font-family: Poppins, sans-serif; visibility: visible !important; }
  .dia-mobile-copy > h3 { place-self: center; margin: 0px; max-width: 28ch; color: var(--dia-tinta); font-size: clamp(1.25rem, 5.64vw, 1.5rem); font-weight: 400; line-height: 1.25; letter-spacing: -0.025em; text-wrap: balance; }
  .dia-cartao[data-ato="3"] .dia-mobile-copy > h3 { max-width: 20ch; }
  .dia-mobile-copy > p { place-self: start center; max-width: 40ch; margin: 0px; color: rgb(115, 115, 122); font-size: 13px; font-weight: 300; line-height: 1.5; letter-spacing: -0.005em; text-wrap: pretty; }
  .dia-section .dia-cartao > .dia-trilho { position: relative; display: grid; flex: 0 0 auto; grid-template-columns: repeat(5, minmax(0px, 1fr)); gap: 0px; width: var(--dia-lado); max-width: 480px; height: auto; padding: 12px 0px 8px; margin: 20px 0px 0px; background: var(--dia-branco); box-shadow: none; }
  .dia-trilho::before { content: ""; position: absolute; inset: 16px 10% auto; height: 1px; width: auto; transform: none; background: rgb(224, 224, 229); }
  .dia-trilho::after { content: ""; position: absolute; z-index: 1; left: calc(10% + var(--dia-mobile-progresso, 0) * 80%); top: 16px; right: auto; width: 7px; height: 7px; border-radius: 50%; background: var(--dia-tinta); box-shadow: none; transform: translate(-50%, -50%); transition: none; }
  .dia-section .dia-trilho > .dia-marco { display: block; height: auto; padding: 16px 0px 0px; color: rgb(115, 115, 122); font-size: 0.75rem; line-height: 1.5; text-align: center; white-space: nowrap; }
  .dia-section .dia-trilho > .dia-marco.is-mobile-current { color: var(--dia-tinta); }
  .dia-trilho > .dia-marco::after { inset: 4px auto auto 50%; width: 3px; height: 3px; border-radius: 50%; opacity: 1; transform: translate(-50%, -50%); background: rgb(207, 207, 212); }
  .dia-cartao .dia-foto { width: var(--dia-lado); max-width: 480px; container-type: inline-size; flex-shrink: 0; opacity: 1 !important; }
  .dia-section .dia-cartao :is(.dia-noti, .dia-zap-audio, .dia-zap-resp, .zap4-bolha) { opacity: 1; }
  .dia-cartao .dia-noti { width: min(86%, 392px); --dia-noti-icone: clamp(30px, 10cqw, 44px); gap: clamp(8px, 2.5cqw, 13px); padding: clamp(10px, 3cqw, 15px); border-radius: clamp(16px, 5cqw, 25px); }
  .dia-cartao .dia-noti-linha { gap: 7px; }
  .dia-cartao .dia-noti-titulo { font-size: clamp(11px, 3.8cqw, 17px); }
  .dia-cartao .dia-noti-hora { font-size: clamp(9px, 2.8cqw, 13px); }
  .dia-cartao .dia-noti-sub { font-size: clamp(10px, 3.1cqw, 13.76px); }
  .dia-cartao .dia-noti-icone > img { max-width: 62%; max-height: 62%; }
  .dia-cartao[data-ato="2"] .dia-zap, .dia-cartao[data-ato="4"] .zap4-fio { width: min(84%, 400px); }
  .dia-cartao[data-ato="4"] .zap4-envio-desktop { display: none; }
  .dia-cartao[data-ato="2"] .dia-zap-audio, .dia-cartao[data-ato="2"] .dia-zap-resp, .dia-cartao[data-ato="4"] .zap4-bolha { width: min(70cqw, 352px); max-width: min(70cqw, 352px); }
  .dia-mobile-lista .dia-cartao[data-ato] { min-height: 0px; padding: 0px 0px 56px; opacity: 1 !important; }
  .dia-mobile-lista .dia-cartao .dia-foto, .dia-mobile-lista .dia-cartao > .dia-trilho { width: min(100%, 420px); }
  .dia-mobile-lista .dia-mobile-copy[hidden] { grid-template-rows: auto auto; }
  @container (max-width: 300px) {
  .dia-cartao[data-ato="4"] .zap4-fio { top: 3%; bottom: auto; }
}
}

@media (max-width: 960px) and (prefers-reduced-motion: no-preference) {
  .dia-section:not(.dia-mobile-lista) .dia-quadro { clip-path: inset(var(--dia-mobile-clip, 0px) 0 0); }
}

@supports (height: 100dvh) {
  @media (max-width: 960px) {
  .dia-section { --dia-mobile-viewport: 100dvh; }
}
}

@media (max-width: 960px) and (max-height: 640px) {
  .dia-section { --dia-teto: 86px; }
  .dia-mobile-copy > h3 { font-size: 1.25rem; }
}

@media (max-width: 960px) and (prefers-reduced-motion: reduce) {
  .dia-section .dia-cartao[data-ato] { min-height: 0px; padding: 0px 0px 56px; }
  .dia-cartao .dia-foto, .dia-section .dia-cartao > .dia-trilho { width: min(100%, 420px); }
  .dia-mobile-copy[hidden] { grid-template-rows: auto auto; }
  .dia-section .dia-trilho > .dia-marco { transition: none; }
}