@media(min-width:1600px){.hero{height:650px}.hero-content{padding-top:88px;max-width:820px}.hero h2{font-size:4.6rem}.hero p{font-size:1.03rem}.header-inner{min-height:100px}.hero-caption{bottom:110px}}
@media(max-width:1180px){.header-inner{padding-inline:28px;gap:20px}#main-nav{gap:17px;font-size:0.875rem}.brand-name{font-size:1.42rem}.brand-mark{width:40px;height:40px}.brand small{letter-spacing:.02em;font-size:0.875rem}.container{width:calc(100% - 64px)}.hero-content{padding:60px 44px}.slider-controls{left:44px}.hero h2{font-size:3.6rem}.topic-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.topic-card{padding:20px 15px 40px}.topic-card h3{font-size:.91rem}.split{gap:40px}.games-banner{gap:20px;padding:30px}.games-banner h2{font-size:1.7rem}.footer-grid{gap:27px}}
@media(max-width:980px){.header-inner{min-height:82px}.menu-toggle{display:grid;place-items:center}#main-nav{display:none;position:absolute;left:24px;right:24px;top:78px;background:var(--paper);border:1px solid var(--line);padding:18px 24px;border-radius:14px;box-shadow:0 16px 40px #193d2c20;max-height:calc(100dvh - 100px);overflow:auto;font-size:.95rem;align-items:stretch;gap:4px}#main-nav.is-open{display:flex;flex-direction:column}#main-nav>a:not(.nav-games){padding:10px 0}#main-nav>a[aria-current=page]:after{display:none}.nav-games{margin-top:8px;justify-content:center}.projects-toggle{padding-block:12px;width:100%;justify-content:space-between}.project-menu{position:static;box-shadow:none;background:#eef2e8;border:0;min-width:0;margin-bottom:8px}.hero-caption{display:none}.hero-content{max-width:710px}.hero-shade{background:linear-gradient(90deg,#092317e8,#0c261995 70%,#0c261955)}.topic-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.topic-card{min-height:190px;padding:23px}.topic-card h3{font-size:1.1rem}.topic-card p{font-size:0.875rem}.topic-card:nth-last-child(1){grid-column:span 3;min-height:120px;display:grid;grid-template-columns:50px 1fr;column-gap:20px;align-items:center;padding:22px}.topic-card:nth-last-child(1) .topic-icon{grid-row:span 2;margin:0}.topic-card:nth-last-child(1) h3{margin:0}.topic-card:nth-last-child(1) .topic-number{display:none}.section-note{display:none}.learning-strip{flex-wrap:wrap;justify-content:center;column-gap:35px;row-gap:12px}.split{gap:28px}.intro-visual>img{height:460px}.intro-copy h2{font-size:2.15rem}.values-grid{gap:0}.value-card{padding-inline:20px}.product-grid{gap:15px}.product-body{padding:22px}.product-photo{height:230px}.project-card>img{height:200px}.project-card>div{padding:20px}.project-card:nth-child(n+4){grid-template-columns:1fr}.project-card:nth-child(n+4)>img{height:200px}.story-banner>div{padding:35px}.story-banner h2{font-size:2.2rem}.games-banner{flex-wrap:wrap}.games-banner>.button{margin-left:100px}.footer-grid{grid-template-columns:1.3fr 1fr}.gallery-item{height:270px}}
@media(max-width:700px){.container{width:calc(100% - 40px)}.section{padding-block:42px}.header-inner{padding:13px 20px;min-height:77px}.brand-name{font-size:1.55rem}.brand small{letter-spacing:.02em;font-size:0.875rem}.brand-mark{width:42px;height:42px}.hero{width:calc(100% - 24px);margin-top:12px;height:590px;border-radius:17px}.hero-content{padding:43px 25px 100px}.hero-eyebrow{font-size:0.875rem;letter-spacing:.085em;max-width:280px;line-height:1.7;margin-bottom:28px}.hero h2{font-size:clamp(2.5rem,8.7vw,3.6rem);line-height:1.1}.hero p{font-size:.9rem;line-height:1.8;max-width:360px;margin-bottom:28px}.hero-content>.button{font-size:0.875rem;padding:14px 16px;gap:12px}.hero-shade{background:linear-gradient(90deg,#0b251be8,#0b251b80),linear-gradient(0deg,#0b251b55,transparent)}.hero-image{object-position:60% center}.slider-controls{bottom:24px;left:25px;right:23px;gap:10px}.slider-count{gap:8px}.count-line{width:22px}.slider-dot{width:24px}.slider-dot:after{left:9px}.slider-dot[aria-pressed=true]:after{left:4px;width:17px}.slider-arrows{gap:6px}.slider-arrows button{width:34px;height:34px}.learning-strip{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding-block:23px}.learning-strip>span{font-size:0.875rem;line-height:1.5;gap:8px}.learning-strip .icon{width:19px}.section-heading{display:block;margin-bottom:26px}.section-heading>.button{margin-top:20px}.section-heading h2{font-size:2rem}.section-heading p{font-size:.88rem}.eyebrow{font-size:0.875rem}.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.topic-card{padding:20px 17px 38px;min-height:195px}.topic-card h3{font-size:1rem}.topic-card p{font-size:0.875rem}.topic-number{top:21px;right:16px}.topic-card:nth-last-child(1){grid-column:auto;display:block;min-height:195px;padding:20px 17px 38px}.topic-card:nth-last-child(1) .topic-icon{margin-bottom:21px}.topic-card:nth-last-child(1) h3{margin-bottom:9px}.topic-card:nth-last-child(1) .topic-number{display:block}.split{grid-template-columns:1fr;gap:35px}.intro-section{padding-block:40px;margin-block:0}.intro-visual>img{height:330px}.image-note{left:15px;right:15px;bottom:15px;padding:13px 16px;font-size:0.875rem}.image-note small{font-size:0.875rem}.intro-copy h2{font-size:2.2rem}.intro-copy p{font-size:.93rem}.values-grid{grid-template-columns:1fr;gap:27px}.value-card{padding:0 0 0 22px}.value-card p{font-size:.88rem}.value-card>.icon{margin-bottom:12px;width:24px;height:24px}.value-card .eyebrow{margin-bottom:8px}.product-grid{grid-template-columns:1fr;gap:25px}.product-photo{height:280px}.product-body p{min-height:0}.project-grid{grid-template-columns:1fr}.project-card,.project-card:nth-child(n+4){grid-column:auto;display:grid;grid-template-columns:1fr}.project-card>img,.project-card:nth-child(n+4)>img{height:230px}.project-card>div{padding:24px}.story-banner{grid-template-columns:1fr}.story-banner>div{padding:30px 25px}.story-banner h2{font-size:2.1rem}.story-banner>img{height:260px}.gallery-grid{grid-template-columns:1fr 1fr;gap:12px}.gallery-item{height:230px}.gallery-overlay{padding:14px;font-size:0.875rem;gap:5px}.gallery-overlay .icon{display:none}body[data-page=inicio] .gallery-grid{grid-template-columns:1fr}body[data-page=inicio] .gallery-item{height:300px}.games-banner{padding:28px 23px;gap:24px}.games-banner h2{font-size:1.8rem}.games-banner-icon{padding:15px}.games-banner-icon .icon{height:30px;width:30px}.games-banner>.button{margin-left:0;font-size:0.875rem}.footer-grid{grid-template-columns:1fr 1fr;gap:30px 20px}.footer-grid>div:first-child{grid-column:span 2}.footer-grid .school{grid-column:span 2;display:flex;align-items:center;gap:18px}.school p,.school img{margin:0}.footer-bottom{flex-direction:column;gap:7px}.site-footer{margin-top:15px}.back-top{right:15px;bottom:15px}}
@media(max-width:360px){.hero-content{padding-inline:20px}.hero h2{font-size:2.35rem}.slider-controls{left:20px;right:18px}.slider-count{display:none}.hero-content>.button{font-size:0.875rem}.topic-card{padding-inline:13px}.topic-card h3{font-size:.92rem}}
@media(max-width:980px){.page-heading{padding-top:20px}.page-intro .content-figure>img{height:430px}.reading h2{font-size:2rem}.reading p{font-size:.94rem}.process-section{padding:30px}.process-flow{gap:20px}.process-flow h3{font-size:.98rem}.timeline-item{gap:27px}.timeline-content h2{font-size:1.8rem}.related-grid{gap:12px}.related-grid>a{padding:20px 15px;font-size:0.875rem;gap:10px}.game-body{padding:25px}.game-body h2{font-size:1.7rem}.gallery-toolbar{display:block}#gallery-count{margin:15px 0 0;padding:0}}
@media(max-width:700px){.breadcrumbs{font-size:0.875rem;padding:20px 0;gap:7px}.page-heading{padding:18px 0 10px}.page-heading h1{font-size:2.8rem}.page-heading>p{font-size:1rem}.page-intro{padding-top:20px}.reading h2{font-size:2rem}.page-intro .content-figure>img,.content-figure>img{height:340px}.about-experiences{grid-template-columns:1fr;gap:25px}.about-experiences h2{font-size:1.7rem}.source-note p{font-size:0.875rem}.related-grid{grid-template-columns:1fr;gap:12px}.related-grid>a{font-size:.95rem}.related-section h2{font-size:1.9rem}.anchor-tabs{gap:8px}.anchor-tabs a{padding:9px 14px;font-size:0.875rem;gap:15px}.crop-section:nth-of-type(even) .content-figure{order:0}.crop-section .content-figure>img{height:310px}.crop-section h2{font-size:2.7rem}.benefits{padding:27px 24px;margin-block:25px 35px}.benefits h2{font-size:1.75rem}.benefits ul{grid-template-columns:1fr;gap:14px}.benefits li{font-size:.88rem}.info-pair{grid-template-columns:1fr;gap:20px}.info-pair>article{padding:25px}.info-pair h2{font-size:1.65rem}.process-section{padding:28px 23px}.process-section>h2{font-size:1.8rem}.process-flow{grid-template-columns:1fr;gap:35px;padding-top:15px}.process-flow>li{padding-left:78px;min-height:90px}.step-icon{position:absolute;left:0;top:0;width:55px;height:55px;margin:0}.process-flow>li:not(:last-child):after{content:"↓";left:14px;right:auto;top:70px}.process-flow h3{font-size:1.1rem;margin-bottom:9px}.process-flow p{font-size:0.875rem}.process-flow small{margin-bottom:6px}.learning-callout{padding:25px 22px;gap:15px}.learning-callout>.icon{width:26px;height:26px}.learning-callout h2{font-size:1.45rem}.learning-callout p{font-size:0.875rem}.two-photos{grid-template-columns:1fr;gap:20px}.two-photos .content-figure>img{height:360px}.insect-section h2{font-size:2.1rem}.insect-icons{gap:23px;display:grid;grid-template-columns:1fr 1fr;max-width:300px;margin-inline:auto}.insect-icons b{width:100px;height:100px;font-size:2.7rem}.illustration-note{font-size:0.875rem}.history-intro{padding:27px 24px}.history-intro h2{font-size:1.75rem}.history-intro p{font-size:.9rem}.timeline{padding-left:38px}.timeline:before{left:10px;bottom:40px}.timeline-item{grid-template-columns:1fr;gap:10px;padding-block:28px}.timeline-marker{left:-46px;top:29px;width:39px;height:39px;font-size:0.875rem}.timeline-content h2{font-size:1.7rem}.timeline-content p{font-size:.88rem}.timeline-item .content-figure>img{height:240px}.timeline-item .eyebrow{font-size:0.875rem}.gallery-filters{gap:7px}.gallery-filters button{font-size:0.875rem;padding:8px 13px}.gallery-toolbar{margin-bottom:22px}body[data-page=galeria] .gallery-item{height:235px}.lightbox{padding:14px 12px;border-radius:12px;max-width:96vw;width:96vw}.lightbox-stage{gap:5px;grid-template-columns:35px minmax(0,1fr) 35px}.lightbox-stage img{height:60dvh}.lightbox button{min-width:34px;width:34px;height:40px}.lightbox>p{margin:10px;font-size:0.875rem}.game-grid{grid-template-columns:1fr;gap:25px}.game-art{height:250px;padding:23px}.game-body{min-height:290px}.game-body h2{font-size:1.9rem}.games-intro{gap:13px}.games-intro p{font-size:.9rem}}

/* Lectura e integración de las nuevas experiencias, sin cambiar la identidad. */
.home-title{font-size:1rem;letter-spacing:.08em;margin-top:18px;margin-bottom:0;color:var(--green)}
.brand small{font-size:.75rem;letter-spacing:.035em}
.topic-card p,.product-body p,.project-card p,.intro-copy p,.value-card p,.reading p,.about-experiences p,.info-pair p,.timeline-content p,.history-intro p,.learning-callout p,.games-banner p{font-size:1rem}
.topic-card{min-height:235px}.topic-card h3{font-size:1.12rem}.topic-number{font-size:.875rem}
.footer-grid p,.footer-grid>div>a:not(.brand){font-size:.875rem}
.community-section .content-figure>img{height:auto;object-fit:contain}
.hero{height:610px}.hero-content{padding-bottom:110px}.hero p{font-size:1rem}
.gallery-overlay{inset:15% 0 0;background:linear-gradient(transparent,#10291cf5);font-size:.95rem}
body[data-page=galeria] .gallery-item{height:auto;min-height:300px;display:flex;flex-direction:column;background:white;border:1px solid var(--line)}
body[data-page=galeria] .gallery-item>img{height:235px;flex-shrink:0}
body[data-page=galeria] .gallery-overlay{position:static;background:white;color:var(--ink);padding:18px;align-items:center;flex:1}
body[data-page=galeria] .gallery-overlay small{color:var(--green);font-size:.75rem}
.not-found{min-height:55vh;max-width:900px}.not-found h1{font-size:clamp(2.5rem,5vw,4.5rem)}
@media(max-width:1180px){.menu-toggle{display:grid;place-items:center}#main-nav{display:none;position:absolute;left:24px;right:24px;top:78px;background:var(--paper);border:1px solid var(--line);padding:18px 24px;border-radius:14px;box-shadow:0 16px 40px #193d2c20;max-height:calc(100dvh - 100px);overflow:auto;font-size:1rem;align-items:stretch;gap:4px}#main-nav.is-open{display:flex;flex-direction:column}#main-nav>a:not(.nav-games){padding:10px 0}#main-nav>a[aria-current=page]:after{display:none}.nav-games{margin-top:8px;justify-content:center}.projects-toggle{padding-block:12px;width:100%;justify-content:space-between}.project-menu{position:static;box-shadow:none;background:#eef2e8;border:0;min-width:0;margin-bottom:8px}.header-inner{min-height:82px}.topic-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.hero{height:690px}.hero-content{padding-top:35px}.hero-eyebrow{font-size:.75rem}.hero h2{font-size:clamp(2.25rem,8.7vw,3.6rem)}.hero-content>.button{font-size:.875rem;max-width:100%;padding-inline:14px}.slider-controls{gap:6px;left:20px;right:18px}.slider-count{display:none}.slider-dot{width:25px}.slider-arrows button{width:40px;height:40px}.slider-arrows{gap:5px}.brand{gap:8px}.brand-name{font-size:1.45rem}.brand small{font-size:.75rem;letter-spacing:0}.brand-mark{width:37px;height:40px}.header-inner{padding-inline:16px;gap:12px}.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topic-card,.topic-card:nth-last-child(1){min-height:230px}.topic-card h3{font-size:1.1rem}.learning-strip>span{font-size:.875rem}.gallery-grid{grid-template-columns:1fr}body[data-page=galeria] .gallery-item{min-height:0}.gallery-filters button{font-size:.875rem;min-height:44px}.source-note p,.content-figure figcaption,.timeline-note,.illustration-note{font-size:.875rem}.game-body{min-height:0}.game-body .button{margin-top:10px}}
@media(max-width:360px){.topic-grid{grid-template-columns:1fr}.topic-card,.topic-card:nth-last-child(1){min-height:180px}.slider-dot{width:23px}.slider-arrows button{width:38px;height:40px}.slider-controls{left:14px;right:14px}.hero-content{padding-inline:20px}.hero{height:720px}}
@media(min-width:1600px){.hero{height:700px}}
/* Las fotografías grupales conservan el encuadre completo en las miniaturas. */
body[data-page=galeria] .gallery-item[data-category="Comunidad educativa"]>img{height:auto;aspect-ratio:16/9;object-fit:contain}
