*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:Inter,ui-rounded,"Segoe UI",system-ui,sans-serif;color:#082d60;background:#fff}a{text-decoration:none;color:inherit}.top{height:108px;display:flex;align-items:center;gap:24px;padding:6px 5vw;background:#fff;position:sticky;top:0;z-index:30;box-shadow:0 8px 28px #0b4f8c12}.brand{display:flex;align-items:center}.brand img{height:92px;width:112px;object-fit:contain}.brand.right img{width:150px;height:88px}.top nav{display:flex;gap:28px;align-items:center;margin:auto;font-size:14px;font-weight:800}.top nav a{padding:10px 0}.top nav a:hover,.top nav .active{color:#087de0}.top nav .active{background:#087de0;color:#fff;padding:11px 20px;border-radius:999px}.top .app{background:#0874e9;color:#fff!important;padding:14px 24px;border-radius:999px;box-shadow:0 8px 20px #0874e933}.menu{display:none;border:0;background:#eef7ff;border-radius:14px;font-size:27px;padding:8px 13px}.hero{height:560px;position:relative;overflow:hidden;background:#dff3ff}.heroPhoto{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,54,104,.06) 0%,rgba(255,255,255,.04) 48%,rgba(255,255,255,.28) 100%),url('img/frontis-hero.png') center/cover no-repeat}.heroCopy{position:absolute;z-index:4;right:5.5vw;top:24%;width:min(590px,47vw);text-align:left;text-shadow:0 2px 10px #fff8}.eyebrow,.head span,.feature span,.appSec span,.contact>div:first-child>span{font-size:13px;letter-spacing:2px;font-weight:950;color:#086ab8}.hero h1{font-size:50px;line-height:1.03;margin:14px 0;color:#082d60}.hero h1 b{color:#0874e9}.heroTogether{font-size:36px;font-weight:900;font-style:italic;color:#082d60;margin-top:22px}.heroTogether span{color:#f2bf00;font-size:48px}.heroKid{position:absolute;z-index:3;left:10vw;bottom:-45px;height:520px;filter:drop-shadow(0 22px 26px #003b6b33)}.quick{display:grid;grid-template-columns:repeat(5,1fr);max-width:1180px;margin:-42px auto 0;position:relative;z-index:7;background:#fff;border-radius:26px;box-shadow:0 22px 65px #0b4c7b24;padding:14px 10px}.quick a{padding:12px;text-align:center;border-right:1px solid #e5eef6}.quick a:last-child{border:0}.quick i{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;margin:0 auto 8px;background:#e7f3ff;color:#0874e9;font-style:normal;font-size:22px}.quick a:nth-child(1) i{background:#ffe6ed;color:#f04e78}.quick a:nth-child(3) i{background:#e8fff0;color:#18ae47}.quick a:nth-child(4) i{background:#fff5d6;color:#f4b600}.quick a:nth-child(5) i{background:#f1eaff;color:#8c59e8}.quick b{display:block;font-size:16px}.quick span{display:block;font-size:12px;color:#61758b;margin-top:5px}.section{padding:88px 5vw}.head{text-align:center;max-width:820px;margin:0 auto 42px}.head h2{font-size:43px;line-height:1.06;margin:10px 0}.head h2 b{color:#0874e9}.head p{font-size:17px;color:#587087;line-height:1.6}.stories{position:relative;overflow:hidden;background:linear-gradient(180deg,#f3fbff,#fff)}.decor{position:absolute;font-size:120px;color:#cdeeff;opacity:.8}.d1{left:2vw;top:130px;transform:rotate(-15deg)}.d2{right:3vw;top:170px;color:#ffe89c;transform:rotate(10deg)}.orgGrid{display:grid;grid-template-columns:1fr 1fr;gap:25px;max-width:1180px;margin:auto;position:relative;z-index:2}.orgCard{display:grid;grid-template-columns:42% 58%;min-height:310px;border-radius:30px;background:#fff;box-shadow:0 18px 55px #1c64911c;border:1px solid #dcecf8;overflow:hidden}.orgVisual{position:relative;min-height:100%}.orgVisual>img:first-child{width:100%;height:100%;object-fit:cover}.orgLogo{position:absolute;left:18px;top:18px;width:100px;height:90px;object-fit:contain;background:#ffffffdd;border-radius:18px;padding:7px;box-shadow:0 8px 22px #1233}.ia .orgLogo{width:130px}.orgBody{padding:34px 30px;align-self:center}.orgCard h3{font-size:27px;margin:0 0 13px;color:#0874e9}.orgCard.ia h3{color:#16a53f}.orgCard p{line-height:1.55;color:#526a80;font-size:15px}.orgCard .btn{margin-top:12px;font-size:13px}.work{background:linear-gradient(150deg,#0057a5,#1294e4);position:relative;overflow:hidden}.work:before,.work:after{content:"♡";position:absolute;font-size:130px;color:#ffffff18}.work:before{left:25px;top:60px}.work:after{content:"✚";right:25px;bottom:35px}.head.light{color:#fff}.head.light span,.head.light p{color:#dff3ff}.areas{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;max-width:1220px;margin:auto;position:relative;z-index:2}.areas article{border-radius:18px;padding:10px 10px 18px;background:#fff;box-shadow:0 12px 35px #003b6b33}.areas article>img{width:100%;height:145px;object-fit:cover;border-radius:13px}.areas h3{font-size:17px;margin:12px 5px 7px}.areas h3 i{font-style:normal;color:#0874e9}.areas p{color:#60758a;line-height:1.45;font-size:13px;margin:0 5px}.feature,.appSec{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:55px;padding:75px 7vw;background:linear-gradient(120deg,#f1fff7,#eafaff)}.featureCopy{max-width:600px}.feature h2,.appSec h2{font-size:46px;margin:10px 0}.feature p,.appSec p{font-size:18px;line-height:1.7;color:#526a80}.feature img{width:100%;border-radius:30px;box-shadow:0 20px 60px #0a4d7930}.newsSec{background:#fff}.news{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1180px;margin:auto}.news article{overflow:hidden;border-radius:22px;background:#fff;box-shadow:0 15px 45px #0d4b7318;border:1px solid #e4eef6}.news img{width:100%;height:220px;object-fit:cover}.news div{padding:22px}.news small{font-weight:900;color:#0a82d1}.news h3{font-size:21px}.news p{color:#60758a;line-height:1.5}.appSec{background:linear-gradient(135deg,#073d76,#0b82cf);color:#fff}.appSec span,.appSec p{color:#e4f5ff}.appPics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.appPics img{width:100%;height:260px;object-fit:cover;border-radius:18px;box-shadow:0 15px 35px #002b4c55}.contact{padding:70px 6vw;background:#f4faff}.contact>div:first-child{text-align:center}.contact h2{font-size:40px;margin:8px 0 10px}.contactGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;max-width:1180px;margin:35px auto 0}.contactGrid a{background:#fff;border-radius:18px;padding:22px;box-shadow:0 10px 30px #0d4b7314}.contactGrid b,.contactGrid span{display:block}.contactGrid span{font-size:13px;color:#60758a;margin-top:6px}footer{display:flex;justify-content:space-between;align-items:center;padding:25px 5vw;background:#062d59;color:#fff}footer img{height:55px;max-width:130px;object-fit:contain;margin-right:12px}
/* story pages */.story{background:linear-gradient(180deg,#eef9ff,#fff)}.back{position:fixed;top:18px;left:18px;z-index:35;background:#fff;padding:12px 18px;border-radius:999px;box-shadow:0 10px 30px #0b4c7b2c;font-weight:800}.storyHero{min-height:390px;padding:80px 8vw 50px;display:flex;align-items:center;justify-content:center;gap:55px;color:#fff;text-align:left}.storyHero img{width:230px;max-height:220px;object-fit:contain;filter:drop-shadow(0 12px 25px #002b4d44)}.storyHero h1{font-size:55px;margin:8px 0}.storyHero p{font-size:22px}.arbg{background:linear-gradient(120deg,#064c8c,#0a8bd7)}.iabg{background:linear-gradient(120deg,#07509a,#20a84a)}.storyText{max-width:900px;margin:-35px auto 70px;padding:50px;background:rgba(255,255,255,.94);border-radius:30px;box-shadow:0 20px 60px #0c4c7a22}.storyText h2{font-size:27px;margin-top:35px}.storyText p{font-size:17px;line-height:1.8;color:#415d75}.storyText blockquote{margin:45px 0 0;padding:30px;border-radius:20px;background:#eaf7ff;font-size:23px;font-weight:850;color:#086db6}
@media(max-width:900px){html{scroll-padding-top:82px}.top{height:82px;padding:5px 16px;gap:8px}.brand img{height:68px;width:82px}.brand.right img{width:100px;height:67px}.menu{display:block;margin-left:auto}.top nav{display:none;position:absolute;top:82px;left:12px;right:12px;background:#fff;flex-direction:column;padding:22px;border-radius:0 0 22px 22px;box-shadow:0 20px 30px #0002}.top nav.open{display:flex}.hero{height:650px}.heroPhoto{background:linear-gradient(180deg,rgba(0,85,155,.18),rgba(255,255,255,.94) 70%),url('img/sala-multifuncional.png') center/cover}.heroCopy{left:7vw;right:auto;top:32%;width:86vw;text-align:center}.eyebrow{font-size:11px}.hero h1{font-size:40px}.hero p{font-size:16px}.actions{justify-content:center}.heroMessage{display:none}.heroKid{height:280px;left:50%;transform:translateX(-50%);bottom:-25px}.quick{grid-template-columns:repeat(2,1fr);margin:-18px 15px 0;padding:8px}.quick a{border-bottom:1px solid #e5eef6}.quick a:nth-child(even){border-right:0}.quick a:last-child{grid-column:1/-1}.section{padding:65px 18px}.head h2{font-size:34px}.orgGrid,.areas,.news,.feature,.appSec,.contactGrid{grid-template-columns:1fr}.orgCard{grid-template-columns:1fr;min-height:0}.orgVisual{height:210px}.orgBody{padding:25px}.areas{gap:16px}.areas article{display:grid;grid-template-columns:130px 1fr;column-gap:15px;padding:10px}.areas article>img{grid-row:1/3;height:120px}.areas h3{align-self:end;margin:8px 0 3px}.areas p{margin:0;align-self:start}.feature,.appSec{padding:55px 20px}.feature h2,.appSec h2{font-size:35px}.appPics{grid-template-columns:repeat(3,1fr)}.appPics img{height:150px}.contactGrid{gap:10px}footer{flex-direction:column;gap:15px;text-align:center}.storyHero{padding:85px 20px 65px;flex-direction:column;text-align:center;gap:20px}.storyHero img{width:170px}.storyHero h1{font-size:38px}.storyText{margin:-25px 14px 50px;padding:28px}.storyText h2{font-size:23px}}
@media(max-width:520px){.hero h1{font-size:36px}.heroCopy{top:31%}.hero p{font-size:15px}.btn{padding:12px 17px;font-size:14px}.quick i{width:40px;height:40px}.orgVisual{height:190px}.areas article{grid-template-columns:105px 1fr}.areas article>img{height:105px}.appPics{gap:5px}.appPics img{height:110px}.contact h2{font-size:33px}}

/* V3 portada responsive */
@media(max-width:900px){.hero{height:690px}.heroPhoto{background:linear-gradient(180deg,rgba(255,255,255,.05) 0%,rgba(255,255,255,.12) 60%,rgba(255,255,255,.28) 100%),url('img/frontis-hero.png') 47% center/cover no-repeat}.heroCopy{left:5vw;right:5vw;top:7%;width:auto;text-align:center;transform:none}.heroCopy .eyebrow{display:none}.hero h1{font-size:42px;line-height:1.02;margin:0;text-shadow:0 2px 14px #fff}.heroTogether{font-size:30px;margin-top:12px;text-shadow:0 2px 12px #fff}.heroKid{height:430px;left:50%;transform:translateX(-50%);bottom:-32px}.quick{margin:-18px 15px 0}}
@media(max-width:520px){.hero{height:650px}.hero h1{font-size:36px}.heroTogether{font-size:27px}.heroKid{height:390px;bottom:-25px}.heroPhoto{background-position:44% center}}


/* V4: portada móvil propia + eliminación bloque redundante */
@media(max-width:900px){
  .hero{height:590px;margin:0;isolation:isolate;background:#eaf8ff}
  .heroPhoto{background:linear-gradient(180deg,rgba(255,255,255,.08) 0%,rgba(255,255,255,.10) 52%,rgba(5,61,111,.08) 100%),url('img/frontis-hero.png') 50% center/cover no-repeat}
  .heroCopy{top:30px;left:22px;right:22px;width:auto;text-align:center;z-index:5}
  .hero h1{font-size:38px;line-height:1.02;margin:0 auto;max-width:560px;color:#082d60;text-shadow:0 2px 12px #fff,0 0 24px #fff}
  .heroTogether{font-size:26px;margin-top:10px;color:#082d60;text-shadow:0 2px 12px #fff,0 0 20px #fff}
  .heroTogether span{font-size:34px}
  .heroKid{height:390px;left:50%;bottom:-28px;transform:translateX(-50%);z-index:4}
  .stories{margin-top:0;padding-top:58px}
}
@media(max-width:520px){
  .top{height:78px;padding:4px 14px}
  .brand img{height:64px;width:78px}.brand.right img{width:96px;height:64px}.menu{font-size:25px;padding:7px 12px}
  .hero{height:560px}
  .heroPhoto{background-position:51% center}
  .heroCopy{top:24px;left:16px;right:16px}
  .hero h1{font-size:34px;line-height:1.04}
  .heroTogether{font-size:24px;margin-top:8px}
  .heroKid{height:355px;bottom:-20px}
  .stories{padding-top:50px}
  .head{margin-bottom:28px}.head h2{font-size:32px}.head p{font-size:16px}
}


/* V5: contraste portada + historias destacadas */
.orgCard .btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border-radius:999px;font-size:14px;font-weight:900;color:#fff!important;box-shadow:0 10px 24px rgba(0,74,145,.18);transition:transform .2s ease,box-shadow .2s ease}
.orgCard .btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(0,74,145,.25)}
.orgCard .btn.blue{background:#0874e9}.orgCard .btn.green{background:#16a53f}
.stories{background:#fff}
@media(max-width:900px){
  .heroPhoto:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.55) 0%,rgba(255,255,255,.20) 31%,rgba(255,255,255,.02) 58%,rgba(3,47,88,.05) 100%);pointer-events:none}
  .heroCopy{padding:14px 12px 18px;border-radius:24px;background:rgba(255,255,255,.58);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);box-shadow:0 10px 35px rgba(3,55,101,.08)}
  .hero h1{text-shadow:0 2px 10px #fff,0 0 18px #fff}
  .heroTogether{text-shadow:0 2px 9px #fff,0 0 15px #fff}
  .orgCard{background:#fff;box-shadow:0 18px 50px rgba(10,73,117,.14)}
  .orgCard .btn{width:100%;margin-top:18px;padding:15px 18px;font-size:15px}
}
@media(max-width:520px){
  .heroCopy{top:18px;left:12px;right:12px;padding:12px 8px 14px}
  .hero h1{font-size:33px}
  .heroTogether{font-size:23px}
}

/* V6 — portada ordenada según maqueta aprobada. No alterar secciones ya aprobadas. */
.hero{height:560px;min-height:520px;max-height:590px}
.heroPhoto{background:linear-gradient(90deg,rgba(255,255,255,.02) 0%,rgba(255,255,255,.01) 43%,rgba(255,255,255,.12) 58%,rgba(255,255,255,.42) 100%),url('img/frontis-hero.png') center 52%/cover no-repeat}
.heroCopy{right:5.5vw;top:17%;width:min(610px,46vw);padding:22px 20px 24px 42px;text-align:left;background:radial-gradient(ellipse at 62% 46%,rgba(255,255,255,.90) 0%,rgba(255,255,255,.70) 42%,rgba(255,255,255,.18) 70%,rgba(255,255,255,0) 82%);border-radius:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.heroCopy .eyebrow{display:block;font-size:12px;letter-spacing:2.1px}
.hero h1{font-size:clamp(42px,4vw,58px);line-height:1.01;margin:12px 0 0;text-shadow:0 2px 10px rgba(255,255,255,.95)}
.heroTogether{font-size:clamp(30px,3vw,42px);margin-top:18px;text-shadow:0 2px 9px #fff}
.heroKid{left:9vw;bottom:-38px;height:525px;max-height:94%;transform:none}
.top .app:after{content:" ↗";font-weight:900}

@media (min-width:901px) and (max-width:1250px){
  .top{padding-left:3vw;padding-right:3vw;gap:12px}.top nav{gap:18px;font-size:12px}.brand img{width:96px}.brand.right img{width:125px}.top .app{padding:12px 18px}
  .hero{height:500px}.heroKid{left:7vw;height:455px;bottom:-30px}.heroCopy{right:3.5vw;top:15%;width:50vw;padding-left:34px}.hero h1{font-size:43px}.heroTogether{font-size:31px}
}

@media(max-width:900px){
  .hero{height:620px;min-height:0;max-height:none;background:#eaf8ff}
  .heroPhoto{background:linear-gradient(180deg,rgba(255,255,255,.18) 0%,rgba(255,255,255,.02) 44%,rgba(0,45,85,.04) 100%),url('img/frontis-hero.png') 48% center/cover no-repeat}
  .heroPhoto:after{content:"";position:absolute;inset:0;background:none}
  .heroCopy{top:22px;left:4vw;right:4vw;width:auto;padding:14px 8px 18px;text-align:center;background:radial-gradient(ellipse at center,rgba(255,255,255,.96) 0%,rgba(255,255,255,.82) 48%,rgba(255,255,255,.35) 68%,rgba(255,255,255,0) 82%);border-radius:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
  .heroCopy .eyebrow{display:block;font-size:9px;letter-spacing:1.45px;margin-bottom:7px}
  .hero h1{font-size:40px;line-height:1.02;margin:0 auto;max-width:640px;text-shadow:0 2px 9px #fff}
  .heroTogether{font-size:28px;margin-top:11px;text-shadow:0 2px 9px #fff}
  .heroTogether span{font-size:38px}
  .heroKid{height:390px;max-height:none;left:7vw;bottom:-24px;transform:none}
}
@media(max-width:520px){
  .hero{height:590px}
  .heroPhoto{background-position:49% center}
  .heroCopy{top:16px;left:10px;right:10px;padding:10px 5px 15px}
  .heroCopy .eyebrow{font-size:8px;letter-spacing:1.15px}
  .hero h1{font-size:35px;line-height:1.03}
  .heroTogether{font-size:24px;margin-top:8px}
  .heroTogether span{font-size:33px}
  .heroKid{height:350px;left:1vw;bottom:-16px}
}
@media(max-width:390px){.hero{height:555px}.hero h1{font-size:32px}.heroTogether{font-size:22px}.heroKid{height:325px;left:-3vw}}
