/* Complemento: hereda colores, tipografía y componentes de /css/styles.css */
.info-page{background:#fff}
.info-hero{background:radial-gradient(ellipse at 90% 0%,rgba(43,217,142,.18),transparent 56%),linear-gradient(120deg,#F7FDF9,#E9F8F0);padding:72px 0 67px;border-bottom:1px solid var(--line)}
.info-eyebrow{font-size:11px;font-weight:850;letter-spacing:.13em;text-transform:uppercase;color:var(--teal);margin-bottom:18px}
.info-hero h1{max-width:920px;font-size:clamp(34px,5vw,60px);line-height:1.12;letter-spacing:-.05em;margin:0 0 19px}
.info-hero p{max-width:820px;font-size:17px;line-height:1.75;color:var(--ink-soft);margin:0 0 27px}
.info-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.info-secondary{display:inline-flex;align-items:center;justify-content:center;padding:14px 19px;min-height:52px;border-radius:10px;border:1px solid #a8cfc0;color:var(--teal);font-weight:750;font-size:13px;background:white}
.info-main{padding:70px 0 100px}
.info-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;align-items:start;gap:62px}
.info-content{max-width:800px;min-width:0}
.info-content h2{font-size:29px;letter-spacing:-.035em;margin:36px 0 15px;line-height:1.25}
.info-content h3{font-size:19px;margin:24px 0 11px;line-height:1.35}
.info-content p,.info-content li{font-size:15px;line-height:1.87;color:#4f6960}
.info-content p{margin-bottom:17px}
.info-content ul,.info-content ol{padding-left:23px;margin:0 0 24px}
.info-content strong{color:var(--ink)}
.info-content a:not(.primary-button){color:#086b55;text-decoration:underline;text-underline-offset:3px}
.info-note{padding:18px 21px;background:#F0FBF5;border:1px solid #CEE8D8;border-radius:13px;margin:26px 0}
.info-note p{margin:4px 0 0;font-size:13px}
.info-toc{position:sticky;top:24px;border:1px solid var(--line);border-radius:15px;padding:22px;background:#fff}
.info-toc strong{display:block;margin:0 0 16px;font-size:13px}
.info-toc a{display:block;padding:9px 0;border-top:1px solid #EDF2EF;color:#38685a;font-size:13px;font-weight:650}
.info-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:24px 0 34px}
.info-tile{padding:25px;border:1px solid #D9E9E0;border-radius:14px;background:#fff;display:flex;flex-direction:column;gap:9px;transition:box-shadow .15s}
.info-tile:hover{box-shadow:0 12px 29px rgba(12,83,53,.08)}
.info-tile strong{font-size:17px;color:#153533}
.info-tile span{font-size:13px;line-height:1.6;color:#607e72}
.info-tile em{font-style:normal;font-size:12px;font-weight:760;color:#0b6a56;margin-top:auto}
.info-faq details{border-bottom:1px solid #DDECE3;padding:17px 0}
.info-faq details:first-child{border-top:1px solid #DDECE3}
.info-faq summary{cursor:pointer;font-weight:770;color:#22453c;font-size:16px;line-height:1.55}
.info-faq details p{margin:12px 0 2px}
.info-breadcrumb{padding:17px 0 0;font-size:12px;color:#69877a}
.info-breadcrumb a{text-decoration:underline}
.info-footer-links{display:flex;gap:16px;flex-wrap:wrap;font-size:12px;padding:19px 0 24px}
.info-footer-links a{text-decoration:underline}
.info-dateline{font-size:12px;color:var(--muted);margin-top:15px}
.info-source{border-left:3px solid #2BD98E;padding:12px 0 12px 18px;margin:17px 0}
.info-source small{display:block;color:#6e847c;margin-top:5px}
@media(max-width:870px){.info-layout{grid-template-columns:1fr;gap:25px}.info-toc{position:static;order:-1}.info-hero{padding:48px 0}.info-main{padding:45px 0 70px}}
@media(max-width:600px){.info-tiles{grid-template-columns:1fr}.info-hero h1{font-size:clamp(34px,9vw,44px)}.info-hero p{font-size:15px}.info-content h2{font-size:24px}.info-tile{padding:20px}}