/* plano.css — componentes da página /plano/ (Plano de Acompanhamento Metabólico, 6 meses).
   Complementa site.css e home.css, não substitui. */

/* Hero */
.plano-hero{min-height:auto}
.plano-hero .hero-note{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem}
.plano-hero .hero-note .hero-price-tag{font-size:1.6rem}
.plano-hero h1 .accent{color:#c9a46a;font-weight:300}

/* Estatísticas */
.stat{border-left:2px solid hsla(37,47%,60%,.5);padding:.25rem 0 .25rem 1.25rem}
.stat .stat-v{font-family:"Cormorant Garamond",Georgia,serif;font-weight:300;font-size:clamp(2.4rem,4vw,3.4rem);line-height:1;color:#f4efe6;letter-spacing:.01em}
.stat .stat-l{margin-top:.5rem;color:#cfc7bb;font-weight:300}
.stat .stat-s{margin-top:.35rem;color:hsla(36,17%,77%,.6);font-size:.75rem;letter-spacing:.06em}

/* Citação */
.quote{border-left:2px solid #c9a46a;padding:.35rem 0 .35rem 1.5rem;font-family:"Cormorant Garamond",Georgia,serif;font-weight:300;font-size:clamp(1.35rem,2.2vw,1.85rem);line-height:1.35;color:#f4efe6}

/* Travas (lista numerada em duas colunas) */
.trava{display:grid;grid-template-columns:2.25rem 1fr;gap:1rem;padding:1.1rem 0;border-bottom:1px solid hsla(37,47%,60%,.1)}
.trava:last-child{border-bottom:none}
.trava .trava-n{font-family:"Cormorant Garamond",Georgia,serif;font-size:1.6rem;line-height:1.1;color:#c9a46a;opacity:.7}
.trava h3{margin-bottom:.25rem}

/* Planos */
.plan-big{display:flex;align-items:baseline;gap:.6rem;flex-wrap:wrap;margin-bottom:.35rem}
.plan-big .n{font-family:"Cormorant Garamond",Georgia,serif;font-weight:300;font-size:clamp(3rem,5vw,4rem);line-height:1;color:#f4efe6;letter-spacing:.01em}
.plan-big .u{font-family:"Cormorant Garamond",Georgia,serif;font-weight:300;font-size:clamp(1.3rem,2vw,1.6rem);line-height:1.1;color:#cfc7bb}
.plan-fit{border-top:1px solid hsla(37,47%,60%,.15);padding-top:1rem;margin-top:1.5rem}
.plan-fit b{color:#f4efe6;font-weight:500}
#planos .badge-label{align-self:flex-start}

/* Linha do tempo dos relatórios */
.tl{position:relative;padding-left:2rem}
.tl:before{content:"";position:absolute;left:.4rem;top:.6rem;bottom:.6rem;width:1px;background:linear-gradient(180deg,hsla(37,47%,60%,.5),hsla(37,47%,60%,.1))}
.tl-item{position:relative;padding:0 0 2.25rem}
.tl-item:last-child{padding-bottom:0}
.tl-item:before{content:"";position:absolute;left:-2rem;top:.45rem;width:.8rem;height:.8rem;border-radius:9999px;background:#0e1b17;border:1px solid #c9a46a;box-sizing:border-box}
.tl-item.final:before{background:#c9a46a}
.tl-when{display:block;font-family:"Source Sans 3",system-ui,sans-serif;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:#c9a46a;margin-bottom:.35rem}

/* Comparativo */
.cmp-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid hsla(37,47%,60%,.12);border-radius:10px;background:rgba(18,34,28,.5)}
table.cmp{width:100%;min-width:640px;border-collapse:collapse;font-size:.9rem}
table.cmp th,table.cmp td{padding:.9rem 1rem;border-bottom:1px solid hsla(37,47%,60%,.1);text-align:center;vertical-align:middle;color:#cfc7bb;font-weight:300}
table.cmp th{font-family:"Source Sans 3",system-ui,sans-serif;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:hsla(36,17%,77%,.7);font-weight:500}
table.cmp tr:last-child td{border-bottom:none}
table.cmp td:first-child,table.cmp th:first-child{text-align:left;color:#f4efe6;font-weight:400;width:38%}
table.cmp .no{color:hsla(36,17%,77%,.45)}
table.cmp .plan{background:hsla(37,47%,60%,.08);color:#f4efe6;font-weight:500;white-space:nowrap}
table.cmp th.plan{color:#c9a46a}

/* Marcadores de avaliação */
.eval-item{padding:1rem 0;border-bottom:1px solid hsla(37,47%,60%,.08)}
.eval-item:last-child{border-bottom:none}

/* Callout */
.callout{background:rgba(18,34,28,.75);border:1px solid hsla(37,47%,60%,.3);border-radius:10px;padding:1.5rem 1.75rem}
.callout b{color:#c9a46a;font-weight:500}

/* Link para o PDF */
.pdf-link{display:inline-flex;align-items:center;gap:.5rem;color:#c9a46a;border-bottom:1px solid hsla(37,47%,60%,.4);padding-bottom:2px;transition:color .3s ease,border-color .3s ease}
.pdf-link:hover{color:#d4b37a;border-color:#d4b37a}

@media (max-width:767px){
  .plan-big .n{font-size:2.8rem}
  .tl{padding-left:1.75rem}
  .tl-item:before{left:-1.75rem}
}
@media print{
  .stat .stat-v,.plan-big .n,.trava .trava-n{color:#000}
}