/* Estilos compartidos de las páginas de contenido (especialidades, método,
   equipo). Se cargan DESPUÉS de site.css y reutilizan sus tokens y su
   .site-bar / .site-footer / .btn. No tocan index.html. */

.page-main{max-width:720px;margin:0 auto;padding:0 24px;}

/* ---------- migas de pan ---------- */
.crumbs{font-size:13px;color:var(--ink-soft);margin:22px 0 0;}
.crumbs a{color:var(--olive-dark);text-decoration:none;font-weight:600;}
.crumbs a:hover{text-decoration:underline;}

/* ---------- cabecera de página ---------- */
.page-hero{padding:34px 0 8px;}
.page-hero h1{margin:10px 0 14px;}
.page-hero .lede{font-size:18px;}
.page-hero .hero-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px;}

/* ---------- prosa ---------- */
.prose{margin:36px 0;}
.prose > h2{margin:40px 0 12px;}
.prose > h3{font-size:19px;margin:28px 0 8px;font-weight:600;}
.prose p{margin-bottom:1.15em;}
.prose ul,.prose ol{margin:0 0 1.3em 1.3em;}
.prose li{margin-bottom:.5em;}
.prose strong{font-weight:700;}
.prose a{color:var(--olive-dark);text-decoration:underline;text-underline-offset:2px;}

/* ---------- lista de características ---------- */
.features{list-style:none;margin:26px 0;padding:0;display:grid;gap:14px;}
.features li{
  background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-md);
  padding:18px 20px;
}
.features li b{display:block;font-family:'Fraunces',serif;font-size:17px;font-weight:600;margin-bottom:4px;}
.features li span{color:var(--ink-soft);font-size:15px;}

/* ---------- datos / prueba social ---------- */
.stat-row{display:flex;flex-wrap:wrap;gap:24px;margin:26px 0;padding:22px;background:var(--sage-light);border-radius:var(--radius-md);}
.stat-row div{flex:1 1 120px;}
.stat-row b{display:block;font-family:'Fraunces',serif;font-size:30px;font-weight:600;color:var(--olive-dark);line-height:1;}
.stat-row span{font-size:13px;color:var(--ink-soft);}

/* ---------- ficha de tutora ---------- */
.tutor{display:flex;gap:20px;align-items:flex-start;margin:26px 0;padding:22px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-md);}
.tutor img{width:96px;height:96px;border-radius:50%;object-fit:cover;flex:none;background:var(--sage-light);}
.tutor h3{font-size:19px;margin-bottom:2px;}
.tutor .role{font-size:12.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--olive-dark);margin-bottom:8px;}
.tutor p{font-size:14.5px;color:var(--ink-soft);margin:0;}
@media (max-width:520px){.tutor{flex-direction:column;gap:14px;}}

/* ---------- FAQ ---------- */
.faq{margin:40px 0;}
.faq h2{margin-bottom:14px;}
.faq details{border-bottom:1px solid var(--line);padding:14px 0;}
.faq summary{
  cursor:pointer;font-weight:700;font-size:16px;list-style:none;
  display:flex;justify-content:space-between;gap:16px;align-items:baseline;
}
.faq summary::-webkit-details-marker{display:none;}
.faq summary::after{content:"+";font-size:20px;color:var(--olive-dark);flex:none;line-height:1;}
.faq details[open] summary::after{content:"–";}
.faq details p{margin:12px 0 4px;color:var(--ink-soft);font-size:15.5px;}

/* ---------- banda CTA ---------- */
.cta-band{
  margin:44px 0;padding:32px;border-radius:var(--radius-lg);
  background:var(--olive-dark);color:var(--cream);text-align:center;
}
.cta-band h2{color:var(--cream);margin-bottom:8px;}
.cta-band p{color:rgba(249,244,238,.85);font-size:15.5px;margin-bottom:20px;}
.cta-band .btn-ghost{background:transparent;color:var(--cream);border-color:var(--cream);}
.cta-band .btn-ghost:hover{background:var(--cream);color:var(--olive-dark);}
.cta-band .btn-primary{background:var(--gold);color:var(--ink);}

/* ---------- enlaces relacionados ---------- */
.page-links{margin:36px 0;padding-top:22px;border-top:1px solid var(--line);font-size:15px;}
.page-links a{color:var(--olive-dark);font-weight:700;text-decoration:none;}
.page-links a:hover{text-decoration:underline;}