/* Páginas informativas: Servicios, Acerca de, Contacto */
.info-page{font-family:'DM Sans',Arial,sans-serif}
.info-hero{background:linear-gradient(160deg,#245a4e,#123a31);color:#fff;padding:clamp(48px,8vw,110px) 4.5% clamp(40px,6vw,80px)}
.info-hero .eyebrow{color:#ffffffb3}
.info-hero h1{font-size:clamp(34px,5vw,68px);text-transform:none;margin:14px 0;max-width:18ch}
.info-hero p{color:#ffffffd0;font-size:clamp(16px,1.4vw,20px);max-width:60ch}
.info-sec{padding:clamp(36px,5vw,72px) 4.5%}
.info-sec h2{font-size:clamp(26px,3vw,40px);margin:0 0 20px}
.info-sec.alt{background:var(--paper)}
.info-sec p{max-width:70ch;font-size:clamp(16px,1.2vw,18px);line-height:1.65}
.info-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:18px;margin-top:22px}
.info-card{background:#fff;border-radius:18px;padding:24px;box-shadow:0 4px 18px #0000001a}
.info-card h3{margin:0 0 8px;font-size:20px}.info-card p{margin:0;font-size:15px;color:var(--muted)}
.info-todo{display:inline-block;margin-top:12px;font-size:13px;font-weight:700;color:#7a5a00;background:#fff3cd;border-radius:999px;padding:3px 12px}
.info-cta{display:inline-flex;margin-top:18px;border-radius:999px}
.info-nav{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.info-nav a{border:1px solid #ffffff66;border-radius:999px;padding:8px 18px;font-size:15px;color:#fff}
.info-nav a:hover{background:#ffffff26}
body.info-open header:not(.x){position:sticky}