/* Simplified editorial sections, scoped to this site preview. */
.experience-heading,.method-heading{display:block}
.rh-connection .company-heading{display:block}
.rh-connection .rh-channel{padding-top:38px;gap:10%;align-items:start}
.rh-connection .rh-channel .rh-channel-lead{font-size:clamp(17px,1.3vw,18px);line-height:1.65;max-width:580px;margin:0;color:var(--secondary)}
.editorial-section .editorial-prose .privacy-faq-link{display:inline-flex;align-items:center;gap:20px;max-width:100%;margin-top:26px;padding:12px 18px;border:1px solid #9eae94;border-radius:30px;color:#e8eadf;font-size:13px;line-height:1.5;text-decoration:none}
.editorial-section .privacy-faq-link:hover{background:#ffffff0c}
.editorial-section .privacy-faq-link:focus-visible{outline-color:#d2dec8}
.care-card{background:#e8e5dd;border-radius:20px}
.care-card .care{padding-block:clamp(48px,6vw,86px);padding-inline:calc(var(--gutter) - 20px);max-width:1560px;border-top:0}
@media(max-width:760px){.rh-connection .rh-channel{grid-template-columns:1fr;gap:30px;padding-top:28px}.rh-connection .rh-channel .rh-channel-lead{max-width:none}}
@media(max-width:600px){.care-card{border-radius:16px}.care-card .care{padding:48px 18px}.editorial-section .editorial-prose .privacy-faq-link{font-size:12px;gap:16px}}
.editorial-section .layout{padding-bottom:96px}
.section-illustration{display:block;width:300px;max-width:75%;height:auto;margin:0 0 28px;mix-blend-mode:multiply}
.care-card .care-context{align-self:center}
@media(max-width:1050px){.editorial-section .layout{padding-bottom:84px}}
@media(max-width:600px){.section-illustration{width:230px;margin-bottom:24px}}
@media(max-width:420px){.editorial-section .layout{padding-bottom:72px}}

/* Tall, horizontally scrollable cards, matching the supplied Amia reference. */
#possibilidades{background:#eeebe6}
#possibilidades .moments-track{--card-width:clamp(300px,26vw,380px);display:flex;gap:18px;max-width:none;margin:60px 0 0;padding:0 max(var(--gutter),calc((100vw - 1600px)/2 + var(--gutter))) 8px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline-start:max(var(--gutter),calc((100vw - 1600px)/2 + var(--gutter)));scrollbar-width:none;overscroll-behavior-x:contain;cursor:grab;user-select:none}
#possibilidades .moments-track::-webkit-scrollbar{display:none}
#possibilidades .moments-track.is-dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto}
#possibilidades .moment-card{flex:0 0 var(--card-width);max-width:none;min-height:500px;padding:28px 26px;border:0;border-radius:10px;background:#fff;scroll-snap-align:start;transform:none;box-shadow:none}
#possibilidades .moment-art{height:154px;padding:0;justify-content:flex-start;align-items:flex-start;background:transparent;flex-shrink:0}
#possibilidades .moment-art img{width:154px;height:154px;object-fit:contain;object-position:left top;mix-blend-mode:multiply;transform:none;pointer-events:none}
#possibilidades .moment-content{flex:0 0 auto;margin-top:auto;padding:58px 0 0}
#possibilidades .moment-content h3{font-size:22px;line-height:1.25;letter-spacing:-.035em;font-weight:500;margin:0 0 12px}
#possibilidades .moment-content>p{font-size:16px;line-height:1.6}
#possibilidades .moments-navigation{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px}
#possibilidades .moments-navigation>div{display:flex;align-items:center;gap:18px}
@media(max-width:860px){#possibilidades .moments-track{--card-width:42vw;margin-top:42px}}
@media(max-width:600px){#possibilidades .moments-track{--card-width:min(82vw,360px);gap:16px;margin-top:32px;padding-inline:22px;scroll-padding-inline-start:22px}#possibilidades .moment-card{min-height:460px;padding:24px}#possibilidades .moment-art,#possibilidades .moment-art img{height:138px}#possibilidades .moment-art img{width:138px}#possibilidades .moment-content h3{font-size:22px}#possibilidades .moment-content>p{font-size:16px}}
@media print{#possibilidades .moments-track{display:grid;grid-template-columns:1fr 1fr;overflow:visible}#possibilidades .moment-card{min-height:380px}#possibilidades .moments-navigation{display:none}}

/* Continuous report copy and aligned editorial columns. */
.editorial-section .editorial-prose .lead+.lead{margin-top:20px}
.rh-connection .rh-channel-route{min-width:0}
.rh-connection .company-note{display:flex;flex-direction:column;align-items:flex-start;gap:22px;margin-top:24px;padding-top:24px;border-top:1px solid var(--line)}
.rh-connection .company-note p{max-width:none;font-size:16px}
.rh-connection .company-note .text-link{align-self:flex-start}
.care-card .care{grid-template-columns:1fr 1fr;column-gap:10%;row-gap:24px;padding-bottom:100px;align-items:start}
.care-card .care>.section-illustration{grid-column:1;grid-row:1;margin:0}
.care-card .care-copy{grid-column:1;grid-row:2}
.care-card .care-context{grid-column:2;grid-row:2;align-self:start;padding-top:.35em}
.method .method-grid{grid-template-columns:1fr 1fr;column-gap:10%;row-gap:28px;align-items:start}
.method .method-grid>.section-illustration{grid-column:1;grid-row:1;margin:0}
.method .method-heading{grid-column:1;grid-row:2;margin:0}
.method .method-list{grid-column:2;grid-row:2;padding-top:.35em}
#contato .contact-image{inset:auto 0 0 auto;width:46%;height:82%;object-fit:contain;object-position:right bottom}
#contato .contact-content>p{max-width:460px;width:46%}
@media(max-width:860px){.method .method-grid{grid-template-columns:1fr;gap:28px}.method .method-list{grid-column:1;grid-row:3;padding-top:0}#contato .contact-image{right:-3%;width:48%;height:72%}#contato .contact-content>p{width:52%}}
@media(max-width:600px){.care-card .care{grid-template-columns:1fr;gap:24px;padding-bottom:64px}.care-card .care-context{grid-column:1;grid-row:3;padding-top:0}#contato{padding-top:250px}#contato .contact-image{inset:0 0 auto auto;width:100%;height:290px;object-position:center top}#contato .contact-content>p{width:100%;max-width:460px}}
@media print{#contato{padding-top:0}}

.editorial-section .editorial-grid{grid-template-columns:1fr .9fr}
.editorial-section #trust-title,.editorial-section #trust-title em{color:#fff}
.opening .opening-grid{grid-template-columns:.9fr 1fr;gap:7%}
.opening .opening-aside{justify-self:start}
.continuity.inset{padding:0}
.continuity .memory-photo{height:auto;min-height:0;align-self:start}
.continuity .memory-photo img{position:static;width:100%;height:auto;object-fit:contain;transform:none}
.pilot-form{width:46%;max-width:460px;margin-top:32px;display:grid;gap:18px}
.pilot-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.pilot-form label{display:grid;gap:8px;font-size:13px;line-height:1.4;color:#474b42}
.pilot-form input{min-width:0;width:100%;min-height:50px;border:1px solid #b9b8aa;border-radius:10px;padding:13px 14px;background:#f6f4f1b3;color:var(--ink);font:inherit;font-size:15px;transition:border-color .2s,background .2s}
.pilot-form input::placeholder{color:#77796f;font-size:13px}
.pilot-form input:focus{outline:2px solid #687d61;outline-offset:2px;background:#faf9f6}
#contato .pilot-form .button{margin:4px 0 0;justify-content:space-between;border-radius:999px;min-height:54px;width:100%;font-size:15px}
.pilot-form .pilot-form-note,.pilot-form .pilot-form-status{font-size:12px;line-height:1.6;color:#62645f;max-width:390px}
.pilot-form-status:empty{display:none}
@media(max-width:1050px){.editorial-section .editorial-grid{grid-template-columns:1fr 1fr}}
@media(max-width:860px){.opening .opening-grid{grid-template-columns:1fr;gap:26px}.pilot-form{width:52%}}
@media(max-width:720px){.editorial-section .editorial-grid{grid-template-columns:1fr}.editorial-section .editorial-copy{grid-row:1}.editorial-section .editorial-report{grid-row:2}}
@media(max-width:600px){.pilot-form{width:100%;max-width:460px}.pilot-form-row{grid-template-columns:1fr}.pilot-form input{font-size:16px}}

/* Keep portrait sections bounded while the full product photograph scales naturally. */
.continuity.inset{width:calc(100% - 40px);max-width:1600px;margin-inline:auto}
.continuity .memory-photo{height:clamp(420px,45vw,640px);min-height:0;align-self:start}
.continuity .memory-photo img{display:block;position:static;width:100%;height:100%;object-fit:cover;object-position:50% 20%;transform:none}
.product-photo .product-photo-frame,.product-photo picture{height:auto;min-height:0;max-height:none}
.product-photo img{display:block;width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:auto;object-fit:contain;transform:none}
.personal-space{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center;padding-bottom:var(--space)}
.personal-space-photo{border-radius:20px;overflow:hidden;background:#c4b5a3}
.personal-space-photo img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;object-position:50% 65%}
.personal-space-copy h2{font-size:clamp(34px,3.4vw,54px);max-width:550px;margin-bottom:30px}
.personal-space-copy p{max-width:460px;font-size:18px;line-height:1.65;color:var(--secondary)}
.personal-space-copy p+p{margin-top:22px}
@media(max-width:860px){.personal-space{gap:6%}.personal-space-copy p{font-size:16px}.personal-space-copy h2{font-size:34px}}
@media(max-width:600px){.continuity.inset{width:calc(100% - 16px)}.continuity .memory-photo{height:420px;width:100%}.personal-space{grid-template-columns:1fr;gap:32px}.personal-space-photo{border-radius:16px}.personal-space-copy h2{margin-bottom:24px}.personal-space-copy h2 br:last-child{display:none}}

/* Shared heading scale and a portrait that fills the complete text row. */
#care-title,#memory-title{font-size:clamp(32px,3.3vw,52px);line-height:1.06;letter-spacing:-.055em}
.continuity .memory-photo{height:auto;min-height:clamp(420px,45vw,640px);align-self:stretch}
.continuity .memory-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 20%}
@media(max-width:600px){#care-title,#memory-title{font-size:34px}.continuity .memory-photo{height:420px;min-height:0;flex-shrink:0}}

.header:not(.scrolled){top:18px}
@media(max-width:600px){.header:not(.scrolled){top:12px}}

/* As etapas do exemplo respondem ao mouse: a etapa que não está aberta escurece
   no texto e no filete, para ficar claro que dá para clicar. */
.demo-tabs button:not([aria-selected=true]):hover{color:var(--ink);border-top-color:#1c1e2359}
.demo-tabs button:not([aria-selected=true]):hover .step-number{color:var(--green-dark)}
.demo-tabs button{transition:color .25s var(--ease),border-color .25s var(--ease)}

/* Mais ar entre o carrossel de possibilidades e o bloco da conversa com o gestor. */
.continuity{margin-top:clamp(28px,3.2vw,48px)}

/* Sem o rótulo "Explore as possibilidades", as setas ficariam sozinhas à
   esquerda por causa do space-between. Elas passam a se alinhar à direita. */
#possibilidades .moments-navigation{justify-content:flex-end}

/* Os três pontos do RH descem um pouco, para não colar no fim da coluna de texto. */
.channels{margin-top:clamp(112px,11.5vw,172px)}
@media(max-width:720px){.channels{margin-top:72px}}

/* ===== PENTE FINO NO CELULAR E NO TABLET ===== */

/* As etapas do exemplo perdem a numeração e a legenda ganha a largura toda,
   centralizada. Em três colunas estreitas ela ficava com cinco palavras por linha. */
@media(max-width:980px){
  .demo-tabs .step-number{display:none}
  .demo-tabs button{grid-template-columns:1fr;text-align:center;justify-items:center}
  .demo-tabs .step-caption{grid-column:1;max-width:none;text-align:center}
}

/* Abaixo de 980px as seções de imagem mais texto empilham, com a imagem em cima.
   Entre 720 e 980 elas ainda tentavam duas colunas, e o texto saía espremido. */
@media(max-width:980px){
  .continuity-grid{grid-template-columns:1fr;gap:32px}
  .continuity .memory-photo{order:1}
  .continuity .continuity-copy{order:2}
  .two-sides{grid-template-columns:1fr;gap:26px}
  .membrane-line{display:none}
}

/* Mais ar entre o fim do bloco escuro do RH e o bloco claro que vem depois. */
@media(max-width:980px){
  .company.rh-connection{margin-top:clamp(40px,7vw,72px)}
}

/* A legenda só pode ser tão larga quanto a coluna do botão que a contém. Para
   ela ganhar a largura toda, as três etapas passam a empilhar abaixo de 980px. */
@media(max-width:980px){
  .demo-tabs{display:block!important;grid-template-columns:1fr;gap:0}
  .demo-tabs button{padding:16px 0}
  .demo-tabs .step-caption{display:none}
  .demo-tabs button[aria-selected=true] .step-caption{display:block;margin-top:10px}
}

/* As três etapas empilhadas ficam todas centralizadas, ativa ou não, e a
   legenda acompanha o mesmo eixo. */
@media(max-width:980px){
  .demo-tabs button,
  .demo-tabs button[aria-selected=true]{display:block;text-align:center;padding:15px 0}
  .demo-tabs .step-title{display:block}
  .demo-tabs button[aria-selected=true] .step-caption{text-align:center;margin-inline:auto;max-width:520px}
}

/* ===== CORREÇÃO: as etapas no celular =====
   As regras antigas da v8 usam !important em duas delas
   (`.step-caption{display:none!important}` abaixo de 600px e
   `padding:15px 4px!important` abaixo de 860px), então as minhas perdiam em
   silêncio. Este bloco declara tudo de uma vez e com o mesmo peso. */
@media(max-width:980px){
  .demo-tabs{display:block!important}
  .demo-tabs button{
    display:block!important;
    width:100%!important;
    text-align:center!important;
    padding:16px 0!important;
    grid-template-columns:1fr!important;
    border-top:1px solid #1c1e2326!important;
  }
  .demo-tabs button[aria-selected=true]{padding-left:0!important}
  .demo-tabs .step-number{display:none!important}
  .demo-tabs .step-title{display:block!important;margin:0!important}
  .demo-tabs .step-caption{display:none!important}
  .demo-tabs button[aria-selected=true] .step-caption{
    display:block!important;
    grid-column:1!important;
    max-width:520px!important;
    margin:10px auto 0!important;
    text-align:center!important;
  }
}

/* A folga embaixo da retrospectiva era pensada para o desktop. No celular ela
   somava com o respiro do FAQ e virava um vazio de mais de 300px. */
@media(max-width:860px){
  .screen-section--dark{padding-bottom:calc(var(--space) * .55)}
}

/* O vazio antes das perguntas frequentes tem dois donos: a folga de baixo da
   retrospectiva e a folga de cima do FAQ, que usa 1,33 do espaçamento padrão.
   No celular os dois somavam. Cortados juntos, para o total cair um terço. */
@media(max-width:860px){
  .screen-section--dark{padding-bottom:calc(var(--space) * .30)}
  .faq.section-space{padding-top:calc(var(--space) * .85)}
}

/* Buyer overview: make the three essentials readable at a glance. */
.opening .opening-facts{margin-top:0}
.opening .opening-facts dt{font-size:18px;line-height:1.4;font-weight:500;letter-spacing:-.02em;color:var(--ink);text-transform:none}
.opening .opening-facts dd{font-size:18px;line-height:1.6;margin-top:8px}
.editorial-section .pilot-current{margin-bottom:24px;padding-bottom:22px;border-bottom:1px solid var(--line);color:#d0d6cc}
.editorial-section .pilot-current strong{display:block;color:var(--cream);font-size:17px;font-weight:500;line-height:1.4;margin-bottom:8px}
.editorial-section .pilot-current p{font-size:14px;line-height:1.65}
.editorial-section .report-heading{align-items:flex-start;gap:16px}
.editorial-section .report-preview-title{display:block;font-size:16px;line-height:1.4;color:var(--ink);letter-spacing:-.02em}
.editorial-section .report-preview-title>span{display:table;margin-top:8px;padding:3px 9px;border:1px solid #42553d59;border-radius:20px;font-size:12px;line-height:1.4;letter-spacing:0;color:#42553d}
.editorial-section .report-heading .period{flex-shrink:0;padding-top:4px}