/* La guía usa la tipografía del sitio, no la del sistema.
   El 2026-09-20 Ignacio vio que esta página no seguía el diseño: los títulos
   salían en una fuente de sistema porque la página no cargaba las tipografías
   de marca, y además estos estilos ponían letter-spacing:0, que anula el
   ajuste con el que se compone el resto del sitio. Las cabeceras de ZenitJob
   van en Cormorant Garamond, como .headline y .page-hero h1 en paginas-seo.css. */
.experience-guide h1,.experience-guide h2,.experience-guide h3{font-family:'Cormorant Garamond',Georgia,serif;color:var(--text)}
.experience-guide h1{letter-spacing:-.02em}
.experience-guide h2,.experience-guide h3{letter-spacing:-.015em}
.experience-guide{padding-top:120px;padding-bottom:70px;max-width:900px}
.experience-guide h1{font-size:clamp(34px,4.2vw,50px);line-height:1.08;margin:16px 0 24px}
.experience-guide h2{font-size:clamp(26px,2.6vw,34px);line-height:1.15;margin:42px 0 16px}
.experience-guide h3{font-size:22px;margin-bottom:14px}
.experience-guide p,.experience-guide li{font-size:17px;line-height:1.8;margin-bottom:16px}
.experience-guide .intro{font-size:20px;color:var(--text2)}
.experience-guide .notice{border-left:3px solid var(--gold);padding:14px 20px;margin:30px 0;background:var(--bg2)}
.experience-guide .comparison{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:24px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.experience-guide blockquote{margin:0;font-size:18px;line-height:1.7}
.experience-guide li{margin-left:22px}
.experience-guide a:not(.btn-cta){color:var(--gold);text-decoration:underline}
.experience-guide .btn-cta{white-space:normal;margin:8px 12px 8px 0;max-width:100%}
@media(max-width:640px){.experience-guide{padding-top:96px}.experience-guide .comparison{grid-template-columns:1fr}}