:root{--ink:#10162a;--navy:#002c72;--blue:#2970ff;--coral:#ff7a45;--yellow:#ffc83d;--turquoise:#35c9e8;--green:#34c759;--paper:#f4f7ff;--line:rgba(16,22,42,.14);--shadow:0 28px 70px rgba(16,22,42,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}h1,h2,h3,p{margin-top:0}a{color:inherit;text-decoration:none}a{touch-action:manipulation;-webkit-tap-highlight-color:rgba(41,112,255,.18)}.container{width:min(1120px,calc(100% - 40px));margin:auto}.skip-link{position:fixed;top:-60px;left:16px;z-index:20;padding:10px 16px;background:var(--ink);color:#fff}.skip-link:focus{top:0}
.site-header{background:#fff;border-bottom:1px solid var(--line)}.nav-wrap{height:82px;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;height:37px}.logo img{height:100%;width:auto}.back-link{min-height:44px;display:flex;align-items:center;color:#526079;font-size:13px;font-weight:750}.back-link:hover{color:var(--blue)}
.download-hero{padding:70px 0;background:radial-gradient(circle at 90% 5%,rgba(53,201,232,.25),transparent 24%),linear-gradient(135deg,#fff,#edf3ff)}.download-card{display:grid;grid-template-columns:.95fr 1.05fr;min-height:610px;border-radius:32px;background:#fff;overflow:hidden;box-shadow:var(--shadow)}.cover{margin:0;min-height:610px;background:var(--yellow);overflow:hidden}.cover img{display:block;width:100%;height:100%;object-fit:cover}.download-copy{display:flex;flex-direction:column;justify-content:center;padding:64px}.eyebrow{color:var(--blue);font-size:10px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.download-copy h1{margin:14px 0 25px;font-size:clamp(48px,6vw,74px);line-height:.96;letter-spacing:-.055em}.download-copy h1 em{font-family:Georgia,serif;font-weight:400;color:var(--blue)}.lead{color:#5d687b;font-size:17px}.download-copy ul{list-style:none;margin:23px 0 30px;padding:0;border-block:1px solid var(--line)}.download-copy li{position:relative;padding:11px 0 11px 26px;border-bottom:1px solid var(--line);font-size:13px}.download-copy li:last-child{border:0}.download-copy li:before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:900}.actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.button{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:13px 23px;border-radius:999px;background:var(--blue);color:#fff;font-weight:800;box-shadow:0 12px 26px rgba(41,112,255,.22)}.button:hover{transform:translateY(-1px)}.text-link{min-height:44px;display:flex;align-items:center;border-bottom:1px solid;font-size:12px;font-weight:750}.download-copy>small{margin-top:22px;color:#7e8899;font-size:10px}
.how-to{padding:90px 0 110px}.how-to h2{max-width:720px;margin:12px 0 42px;font-size:clamp(38px,5vw,58px);line-height:1.02;letter-spacing:-.045em}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.steps article{min-height:230px;padding:28px;border:1px solid var(--line);border-radius:22px;background:#fff}.steps span{display:grid;place-items:center;width:44px;height:44px;margin-bottom:35px;border-radius:14px;background:var(--yellow);font-size:11px;font-weight:850}.steps h3{margin-bottom:8px;font-size:21px}.steps p{color:#687487;font-size:13px}
footer{padding:45px 0;background:var(--navy);color:#fff}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-logo{display:flex;height:38px}.footer-logo img{height:100%;width:auto}.footer-inner p{margin:0;color:#adbed7;font-size:13px}.footer-inner>span{color:#92a7c6;font-size:11px}
@media(max-width:850px){.download-card{grid-template-columns:1fr}.cover{min-height:0;aspect-ratio:1.414/1}.download-copy{padding:45px}.footer-inner{flex-wrap:wrap}.steps{grid-template-columns:1fr}}
@media(max-width:560px){.container{width:min(100% - 28px,1120px)}.nav-wrap{height:70px}.logo{height:30px}.back-link{font-size:11px}.download-hero{padding:28px 0 55px}.download-card{border-radius:23px}.download-copy{padding:35px 23px}.download-copy h1{font-size:47px}.lead{font-size:15px}.actions{align-items:stretch;flex-direction:column}.button,.text-link{width:100%;justify-content:center}.how-to{padding:70px 0 80px}.steps article{min-height:0}.footer-inner{align-items:flex-start;flex-direction:column}}

/* Identidad global del footer */
.footer-inner>div:first-child{display:flex;flex-direction:column;align-items:flex-start}.footer-logo.footer-mark{display:block;width:58px;height:58px}.footer-logo.footer-mark img{display:block;width:100%;height:100%;object-fit:contain;filter:brightness(0) invert(1)}.footer-inner>div:first-child p{margin-top:12px;color:#fff;font-size:14px}.social-links{display:flex;gap:10px}.social-links a{display:grid;place-items:center;width:40px;height:40px;border:1px solid rgba(255,255,255,.35);border-radius:50%}.social-links img{width:19px;height:19px;filter:brightness(0) invert(1)}@media(max-width:560px){.footer-logo.footer-mark{width:50px;height:50px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button:hover{transform:none}}

/* Migas de pan y próximos pasos educativos. */
.breadcrumb{display:flex;align-items:center;gap:7px;margin-bottom:18px;color:#687487;font-size:10px;font-weight:750}
.breadcrumb a{text-decoration:underline;text-underline-offset:3px}.breadcrumb a:hover{color:var(--blue)}
.related-links{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:32px}
.related-links a{display:flex;flex-direction:column;gap:5px;padding:22px;border:1px solid var(--line);border-radius:18px;background:#fff}
.related-links a:hover{border-color:var(--blue)}.related-links strong{font-size:15px}.related-links span{color:#687487;font-size:12px}
@media(max-width:700px){.related-links{grid-template-columns:1fr}}

.resource-guide{padding:82px 0 95px;background:#fff}
.resource-guide h2{max-width:760px;margin:10px 0 28px;font-size:clamp(34px,4.5vw,54px);line-height:1.04;letter-spacing:-.045em}
.resource-guide-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px;max-width:900px}
.resource-guide-grid p{margin:0;color:#637086;font-size:15px;line-height:1.75}
@media(max-width:700px){.resource-guide-grid{grid-template-columns:1fr}.resource-guide{padding:65px 0 75px}}