
:root{--blue:#0a255f;--red:#e30613;--ink:#0c1730;--paper:#f5f6f8;--white:#fff;--line:#dfe3ea;--muted:#61708d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 Montserrat,Arial,sans-serif}body.lock{overflow:hidden}button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.shell{width:min(1180px,92vw);margin:auto}.top{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.top-inner{height:86px;display:flex;align-items:center;justify-content:space-between;gap:28px}.logo{width:245px}.logo img{width:100%;height:auto}.nav{display:flex;align-items:center;gap:25px;font-size:.84rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.nav a:hover{color:var(--red)}.nav .join,.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.7rem 1.15rem;border:1px solid var(--blue);background:var(--blue);color:white;font-weight:700;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;transition:.2s}.nav .join:hover,.button:hover{background:var(--red);border-color:var(--red);color:white}.button.light{background:white;color:var(--blue)}
.hero{min-height:calc(100vh - 86px);display:grid;grid-template-columns:1.08fr .92fr;background:#050b18;color:white}.hero-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(55px,8vw,115px) max(4vw,calc((100vw - 1180px)/2)) clamp(55px,7vw,95px)}.kicker{display:flex;align-items:center;gap:12px;margin-bottom:28px;font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.17em}.kicker:before{content:"";width:42px;height:4px;background:var(--red)}h1,h2,h3{font-family:"Barlow Condensed",Impact,sans-serif;text-transform:uppercase;line-height:.94;margin:0}.hero h1{font-size:clamp(4.2rem,9vw,9.3rem);letter-spacing:-.025em}.hero h1 span{display:block;color:var(--red)}.slogan{margin:24px 0 36px;font-size:clamp(1.08rem,1.8vw,1.45rem);font-weight:500}.hero-visual{position:relative;min-height:520px;overflow:hidden}.hero-visual img{width:100%;height:100%;object-fit:cover}.hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#050b18 0,transparent 36%),linear-gradient(0deg,rgba(5,11,24,.52),transparent 45%)}.hero-note{position:absolute;z-index:2;left:8%;right:8%;bottom:7%;padding:20px 22px;border-left:5px solid var(--red);background:rgba(5,11,24,.84);font-size:.96rem}
.section{padding:clamp(75px,9vw,130px) 0}.section-head{display:grid;grid-template-columns:170px 1fr;gap:35px;margin-bottom:50px}.index{font:700 1rem "Barlow Condensed";color:var(--red);letter-spacing:.14em}.section h2{font-size:clamp(3.2rem,7vw,6.8rem);color:var(--blue);letter-spacing:-.02em}.lead{max-width:850px;margin:20px 0 0;font-size:1.08rem}.links{display:grid;grid-template-columns:repeat(2,1fr);border:1px solid var(--line);background:var(--line);gap:1px}.portal{position:relative;min-height:380px;display:flex;flex-direction:column;justify-content:space-between;padding:34px;background:white;overflow:hidden;cursor:pointer}.portal:before{content:"";position:absolute;inset:0;background:linear-gradient(155deg,transparent 47%,rgba(10,37,95,.06) 47%)}.portal>*{position:relative}.portal-num{font:700 .9rem "Barlow Condensed";letter-spacing:.12em;color:var(--red)}.portal h3{font-size:clamp(2.4rem,4vw,4.2rem);color:var(--blue)}.portal p{max-width:530px}.portal-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:28px;font-weight:700;text-transform:uppercase;font-size:.8rem}.circle{display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--blue);border-radius:50%;font-size:1.3rem;transition:.2s}.portal:hover{background:var(--blue);color:white}.portal:hover h3,.portal:hover .portal-num{color:white}.portal:hover .circle{border-color:white;transform:translateX(5px)}
.feature{background:var(--blue);color:white}.feature .section-head{align-items:end}.feature h2{color:white}.feature .index{color:white}.idea-tools{display:flex;gap:12px;margin-bottom:28px}.search{width:min(550px,100%);height:54px;border:1px solid rgba(255,255,255,.35);background:transparent;color:white;padding:0 18px;outline:none}.search::placeholder{color:#cbd3e2}.search:focus{border-color:white}.idea-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.2)}.idea-card{min-height:370px;display:flex;flex-direction:column;border:0;padding:0;background:#0a255f;color:white;text-align:left;cursor:pointer;overflow:hidden}.idea-image{height:190px;background:#e8ebf0;overflow:hidden}.idea-image img{width:100%;height:100%;object-fit:cover}.idea-image.empty{display:grid;place-items:center;font:800 3rem "Barlow Condensed";color:var(--blue)}.idea-body{flex:1;display:flex;flex-direction:column;padding:25px}.idea-no{font:700 .76rem Montserrat;color:#aebbd4;letter-spacing:.12em}.idea-card h3{margin:13px 0 22px;font-size:1.95rem;text-transform:none;line-height:1.05}.idea-open{margin-top:auto;display:flex;align-items:center;justify-content:space-between;text-transform:uppercase;font-size:.75rem;font-weight:700}.idea-card:hover{background:var(--red)}.idea-card:hover .idea-no{color:white}.empty-results{display:none;padding:35px;border:1px solid rgba(255,255,255,.3)}
.placeholder{padding:0}.banner{display:grid;grid-template-columns:1.05fr .95fr;min-height:440px;background:white;border:1px solid var(--line)}.banner-art{position:relative;overflow:hidden;background:#111}.banner-art img{width:100%;height:100%;object-fit:cover}.banner-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(35px,6vw,75px)}.banner-copy h2{font-size:clamp(3rem,6vw,6rem)}.state{margin-top:25px;padding-top:18px;border-top:1px solid var(--line);color:var(--muted);font-size:.92rem}.state b{color:var(--red)}.campaign{position:relative;min-height:650px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#080808;color:white}.campaign>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.campaign:after{content:"";position:absolute;inset:0;background:rgba(3,7,16,.46)}.campaign-content{position:relative;z-index:2;width:min(1050px,88vw);padding:55px;text-align:center;background:rgba(5,11,24,.9);border-top:6px solid var(--red)}.campaign-content h2{font-size:clamp(4rem,9vw,8rem);color:white}.campaign-content p{max-width:850px;margin:22px auto 32px;font-size:clamp(1.2rem,2vw,1.7rem);font-weight:700}.campaign-content .button{min-width:220px;background:white;color:var(--blue);border-color:white}.campaign-content .button:hover{background:var(--red);color:white;border-color:var(--red)}
.community{background:white}.community-grid{display:grid;grid-template-columns:.8fr 1.2fr;border:1px solid var(--line)}.community-title{padding:55px;background:#060606;color:white}.community-title h2{color:white}.community-copy{padding:55px}.community-copy p{margin-top:0}.form{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:34px}.field{display:flex;flex-direction:column;gap:7px;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.field.full{grid-column:1/-1}.field input,.field textarea{width:100%;border:1px solid #bdc5d2;background:#fff;padding:13px;color:var(--ink);outline:none}.field input:focus,.field textarea:focus{border-color:var(--blue)}.field textarea{min-height:115px;resize:vertical}.form .button{justify-self:start}
.impact{padding:clamp(70px,8vw,115px) 0;background:#050b18;color:white}.impact-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:35px}.impact h2{color:white;font-size:clamp(3rem,6vw,5.8rem)}.carousel{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.25);background:#111}.slides{display:flex;transition:transform .65s cubic-bezier(.2,.7,.2,1)}.slide{position:relative;min-width:100%;min-height:clamp(360px,42vw,610px);margin:0;display:grid;place-items:center;padding:clamp(30px,6vw,85px);background:url('/assets/image-15d01cb97d563956.webp') center/cover no-repeat;text-align:center}.slide:before{content:"";position:absolute;inset:0;background:rgba(3,8,20,.48)}.slide-content{position:relative;z-index:1;width:min(1050px,94%);padding:clamp(24px,4vw,55px);background:rgba(5,11,24,.84);border-left:6px solid var(--red)}.slide-title{display:block;font:800 clamp(2.25rem,5.2vw,5.7rem)/.98 "Barlow Condensed",Impact,sans-serif;text-transform:none}.slide-value{display:block;margin-top:20px;font:800 clamp(5rem,12vw,12rem)/.8 "Barlow Condensed",Impact,sans-serif;color:white}.slide.statement .slide-title{font-size:clamp(2.6rem,6vw,6.4rem)}.carousel-controls{display:flex;align-items:center;justify-content:space-between;margin-top:18px}.dots{display:flex;gap:8px}.dot{width:9px;height:9px;border:1px solid white;border-radius:50%;background:transparent;padding:0;cursor:pointer}.dot.active{background:var(--red);border-color:var(--red)}.arrows{display:flex;gap:8px}.arrow{width:46px;height:46px;border:1px solid rgba(255,255,255,.5);background:transparent;color:white;cursor:pointer}.arrow:hover{background:white;color:var(--blue)}.offer-library{background:var(--blue);color:white}.offer-library h2,.offer-library .index{color:white}.offer-empty{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.2)}.offer-slot{min-height:260px;padding:30px;background:var(--blue);display:flex;align-items:flex-end;font-weight:700;color:#cbd3e2}.offer-slot:first-child{color:white;border-top:5px solid var(--red)}
footer{padding:48px 0;background:white;border-top:6px solid var(--red)}.footer-grid{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end}.footer-logo{width:250px}.footer-slogan{margin:16px 0 0;font-weight:600}.footer-nav{display:flex;gap:20px;text-transform:uppercase;font-size:.75rem;font-weight:700}.drawer{position:fixed;inset:0;z-index:100;display:none}.drawer.open{display:block}.drawer-backdrop{position:absolute;inset:0;background:rgba(2,8,20,.74);backdrop-filter:blur(5px)}.drawer-panel{position:absolute;top:0;right:0;width:min(850px,94vw);height:100%;overflow:auto;background:white;box-shadow:-25px 0 90px rgba(0,0,0,.35)}.drawer-top{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:15px 22px;background:white;border-bottom:1px solid var(--line)}.close{width:44px;height:44px;border:1px solid var(--blue);border-radius:50%;background:white;color:var(--blue);font-size:1.5rem;cursor:pointer}.detail-image{width:100%;max-height:450px;object-fit:cover;background:#e9edf3}.detail{padding:clamp(30px,6vw,70px)}.detail h1{font-size:clamp(3rem,7vw,6rem);color:var(--blue);text-transform:none}.detail h2,.detail h3,.detail h4{margin:45px 0 14px;color:var(--blue);font-size:2rem;text-transform:none}.detail p{margin:0 0 17px;font-size:1.02rem}.download{margin-top:35px}
@media(max-width:900px){.nav a:not(.join){display:none}.hero{grid-template-columns:1fr}.hero-copy{min-height:620px}.hero-visual{min-height:450px}.section-head{grid-template-columns:1fr}.links,.banner,.community-grid{grid-template-columns:1fr}.idea-grid{grid-template-columns:repeat(2,1fr)}.community-title,.community-copy{padding:40px}.footer-grid{grid-template-columns:1fr}.footer-nav{flex-wrap:wrap}}@media(max-width:600px){.top-inner{height:72px}.logo{width:190px}.nav .join{padding:.55rem .75rem;font-size:.7rem}.hero{min-height:auto}.hero-copy{min-height:540px}.hero h1{font-size:4.4rem}.hero-visual{min-height:360px}.section{padding:70px 0}.links{display:block}.portal{min-height:340px;border-bottom:1px solid var(--line)}.idea-grid{display:block;border:0}.idea-card{min-height:0;border-bottom:1px solid rgba(255,255,255,.25)}.idea-image{height:210px}.banner-art{min-height:260px}.form{grid-template-columns:1fr}.impact-head{display:block}.impact-head p{margin-top:18px}.offer-empty{grid-template-columns:1fr}.offer-slot[aria-hidden=true]{display:none}.footer-nav{display:grid}.footer-logo{width:220px}}
.slide{background-image:url('/assets/image-ccfa2e34c08b7cf1.webp')}.slide:before{background:rgba(3,8,20,.38)}
.brand-wrap{display:flex;align-items:center;gap:22px}.top-slogan{max-width:190px;font-size:.75rem;font-weight:800;line-height:1.25;color:var(--blue)}.banner-art{background:var(--blue);padding:1px}.news-grid{height:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:rgba(255,255,255,.28)}.news-teaser{min-height:220px;padding:25px;display:flex;flex-direction:column;justify-content:space-between;background:var(--blue);color:white}.news-teaser:first-child{border-top:5px solid var(--red)}.news-teaser span{font-size:.72rem;font-weight:800;letter-spacing:.12em;color:#aebbd4}.news-teaser strong{font:700 1.8rem/1 "Barlow Condensed",Impact,sans-serif;text-transform:uppercase}@media(max-width:900px){.top-slogan{display:none}}@media(max-width:600px){.news-grid{grid-template-columns:1fr 1fr}.news-teaser{min-height:180px;padding:20px}}
#topicGrid .idea-image img{object-fit:contain}.drawer.topic-detail .detail-image{max-height:none;height:auto;object-fit:contain}.detail p{white-space:pre-line;overflow-wrap:anywhere}@media(max-width:600px){#topicGrid .idea-card{width:100%}}
.news-date{display:block;font-size:.72rem;line-height:1.5;color:#d2dbea;margin:0 0 20px}.drawer.news-detail .detail-image{max-height:none;height:auto;object-fit:contain}.drawer.news-detail .detail a{color:var(--blue);text-decoration:underline;overflow-wrap:anywhere}@media(max-width:600px){#newsGrid .idea-card{width:100%}}

/* Navegación rápida al comienzo de la página */
section{position:relative}#inicio{scroll-margin-top:86px}.back-top{position:absolute;z-index:5;right:max(4vw,calc((100vw - 1180px)/2));bottom:18px;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 15px;border:1px solid var(--blue);border-radius:4px;background:#fff;color:var(--blue);font-size:.85rem;font-weight:700;text-decoration:none;box-shadow:0 3px 12px rgba(0,0,0,.12)}.back-top:hover,.back-top:focus-visible{background:var(--blue);color:#fff;outline-offset:3px}@media(max-width:600px){.back-top{right:4vw;bottom:12px;font-size:.8rem}}

/* Organizaciones amigas en el pie */
.footer-grid{grid-template-columns:250px minmax(180px,1fr) auto;align-items:center;gap:32px}.footer-organizations{justify-self:center;text-align:center;min-width:0}.footer-organizations h2{margin:0 0 14px;color:var(--blue);font-size:.85rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.organization-window{width:144px;height:144px;overflow:hidden;margin:auto}.organization-track{display:flex;transition:transform .6s ease}.organization-link{flex:0 0 100%;display:flex;align-items:center;justify-content:center;width:144px;height:144px;padding:8px;background:#fff}.organization-link img{display:block;width:100%;height:100%;object-fit:contain}.organization-link:focus-visible{outline:3px solid var(--blue);outline-offset:-3px}.organization-controls{display:flex;justify-content:center;gap:6px;margin-top:12px}.organization-controls[hidden]{display:none}.organization-controls button{min-width:36px;min-height:36px;border:1px solid #dce1e9;background:white;color:var(--blue);padding:6px;cursor:pointer;font:inherit;font-size:.75rem}.organization-controls button:focus-visible{outline:2px solid var(--blue);outline-offset:2px}@media(max-width:1050px){.footer-grid{grid-template-columns:250px 1fr}.footer-nav{grid-column:1/-1;justify-content:center}}@media(max-width:600px){.footer-grid{grid-template-columns:1fr;gap:28px}.footer-organizations{justify-self:start;text-align:left}.organization-window{margin:0}.organization-controls button{min-width:44px;min-height:44px}.footer-nav{grid-column:auto;justify-content:start}.organization-window,.organization-link{width:128px;height:128px}}@media(prefers-reduced-motion:reduce){.organization-track{transition:none}}

/* Pie sin enlaces de navegación */
.footer-grid{grid-template-columns:250px minmax(180px,1fr)}@media(max-width:600px){.footer-grid{grid-template-columns:1fr}}
/* Distribución horizontal solicitada para el pie */
footer{padding:32px 0}.footer-grid{grid-template-columns:250px minmax(0,1fr);align-items:center;gap:48px}.footer-slogan{max-width:250px}.footer-organizations{display:flex;align-items:center;justify-self:end;gap:64px;text-align:left}.footer-organizations h2{margin:0;font:800 2.3rem/1.15 "Barlow Condensed",Impact,sans-serif;letter-spacing:0;text-transform:uppercase}.footer-organizations h2 span{display:block}.organization-window,.organization-link{width:220px;height:220px}.organization-controls{justify-content:center}@media(max-width:900px){.footer-grid{gap:32px}.footer-organizations{gap:28px}.footer-organizations h2{font-size:2rem}.organization-window,.organization-link{width:176px;height:176px}}@media(max-width:600px){.footer-grid{grid-template-columns:1fr;gap:28px}.footer-organizations{justify-self:start;gap:24px}.footer-organizations h2{font-size:1.8rem}.organization-window,.organization-link{width:128px;height:128px}.footer-slogan{max-width:220px}}
@media(max-width:400px){.footer-organizations{gap:16px}.footer-organizations h2{font-size:1.5rem}.organization-window,.organization-link{width:112px;height:112px}}

.video-card{text-decoration:none;color:inherit}.video-card .idea-image{position:relative}.video-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:64px;height:46px;border-radius:12px;background:#e30613;color:#fff;font-size:24px;box-shadow:0 2px 16px rgba(0,0,0,.25)}.video-card:focus-visible{outline:3px solid var(--red);outline-offset:4px}

/* Bilingual navigation */
.language-switch{display:flex;align-items:center;gap:4px;border:1px solid #cbd0db;border-radius:999px;padding:3px;margin-left:8px;white-space:nowrap}
.nav .language-switch a{font-size:12px;line-height:1.2;padding:8px 10px;border-radius:999px;text-transform:none;letter-spacing:0;text-decoration:none}
.nav .language-switch a[aria-current="page"]{background:#081d4f;color:#fff}
.nav .language-switch a:focus-visible{outline:3px solid #e30613;outline-offset:3px}
@media(max-width:760px){.top-inner{flex-wrap:wrap;gap:10px}.nav{flex-wrap:wrap;justify-content:center;gap:12px}.language-switch{margin-left:0}.nav .language-switch a{padding:7px 9px}}
@media(max-width:900px){.nav .language-switch a[data-language]{display:inline-flex}}
@media(max-width:600px){.top-inner{height:auto;min-height:108px;padding-top:10px;padding-bottom:10px;justify-content:center}.top-inner .nav{width:100%;justify-content:center;flex-wrap:nowrap}.brand-wrap{justify-content:center}}
.drawer-top .language-switch{margin-left:auto;margin-right:10px}
.drawer-top .language-switch a{display:inline-flex;font-size:12px;line-height:1.2;padding:8px 10px;border-radius:999px;color:#081d4f;text-decoration:none;font-weight:700}
.drawer-top .language-switch a[aria-current="page"]{background:#081d4f;color:white}
.drawer-top .language-switch a:focus-visible{outline:3px solid #e30613;outline-offset:2px}
@media(max-width:900px){.hero{grid-template-columns:minmax(0,1fr)}.hero-copy,.hero-visual,.section-head>*,.community-grid>*{min-width:0}.section-head,.community-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){.hero h1{font-size:clamp(2.8rem,12vw,4.4rem);overflow-wrap:anywhere}.section h2,.impact h2,.campaign h2{font-size:clamp(2.3rem,10vw,3.8rem);overflow-wrap:anywhere}.index{overflow-wrap:anywhere}}

/* Allow the introduction to grow without clipping its paragraphs. */
.hero-visual{display:grid;align-items:end}
.hero-visual>img{position:absolute;inset:0}
.hero-note{position:relative;left:auto;right:auto;bottom:auto;margin:60px 8% 90px;overflow-wrap:anywhere}
.hero-note p{margin:0 0 1em}
.hero-note p:last-child{margin-bottom:0}


/* Text language controls, including article panels and compact screens. */
.language-switch a[data-language]{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:8px;font-size:12px;line-height:1;font-weight:700;letter-spacing:.02em}
@media(max-width:400px){.top-inner .nav{gap:8px}.nav .join{padding:.55rem .6rem}.drawer-top{padding-left:12px;padding-right:12px}.drawer-top .language-switch{margin-right:6px}.drawer-top .index{font-size:.85rem;letter-spacing:.05em}}
/* Portuguese layout adjustments stay within the Portuguese version. */
html[lang="pt-BR"] .idea-card,html[lang="pt-BR"] .idea-body,html[lang="pt-BR"] .slide-content{min-width:0}
html[lang="pt-BR"] .idea-card h3,html[lang="pt-BR"] .slide-title,html[lang="pt-BR"] .slide-value{overflow-wrap:anywhere}
html[lang="pt-BR"] .slide-content{max-width:100%}
html[lang="pt-BR"] .slide-value.word{font-size:clamp(2.4rem,8vw,8rem)}
@media(max-width:600px){html[lang="pt-BR"] .idea-card{width:100%}}
@media(min-width:901px){html[lang="pt-BR"] .hero{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)}html[lang="pt-BR"] .hero-copy{min-width:0;padding-left:clamp(32px,5vw,80px);padding-right:clamp(32px,5vw,80px)}html[lang="pt-BR"] .hero h1{font-size:clamp(3.6rem,7vw,7.4rem);overflow-wrap:anywhere}}

/* Circular language buttons; aria-current marks the selected language. */
.nav .language-switch a[data-language],.drawer-top .language-switch a[data-language]{box-sizing:border-box;flex:0 0 44px;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;line-height:1}

/* Discreet access to the game at the bottom of every language version. */

/* Horizontal game invitation after all Ideas cards. */
.ideas-game-invite{scroll-margin-top:110px;display:grid;grid-template-columns:128px minmax(0,1fr) auto;align-items:center;gap:30px;margin:36px 0 0;padding:28px;border:1px solid #ffffff3d;border-left:4px solid #e30613;background:#ffffff08}
.ideas-game-art,.ideas-game-copy{min-width:0}.ideas-game-kicker{display:block;font-size:.7rem;font-weight:800;letter-spacing:.14em;color:#c8d7f1;margin-bottom:9px}.ideas-game-invite h3{color:#fff;font-size:clamp(1.8rem,3vw,2.35rem);line-height:1.05;text-transform:none}.ideas-game-invite p{font-size:.92rem;line-height:1.65;color:#e1e8f5;margin:10px 0 0;max-width:720px}
.ideas-game-link{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:48px;padding:12px 20px;background:#e30613;border:1px solid #e30613;color:#fff;font-size:.86rem;font-weight:800;white-space:nowrap;transition:background .2s,border-color .2s}.ideas-game-link:hover{background:#ba0715;border-color:#ff8290}.ideas-game-link:focus-visible{outline:3px solid #fff;outline-offset:5px}.ideas-game-link span{font-size:1.25rem;line-height:1}
.planet-boundary-icons{display:grid;grid-template-columns:repeat(3,36px);gap:8px}.boundary-icon{display:grid;place-items:center;width:36px;height:36px;border:1px solid currentColor;border-radius:50%;background:#051b42}.boundary-icon svg{display:block;width:25px;height:25px}
@media(max-width:1000px) and (min-width:761px){.ideas-game-invite{grid-template-columns:100px minmax(0,1fr) auto;gap:22px;padding:24px}.planet-boundary-icons{grid-template-columns:repeat(3,30px);gap:5px}.boundary-icon{width:30px;height:30px}.boundary-icon svg{width:21px;height:21px}.ideas-game-link{padding:12px 16px;font-size:.8rem}}
@media(max-width:760px){.ideas-game-invite{grid-template-columns:minmax(0,1fr);gap:20px;padding:24px 20px}.planet-boundary-icons{grid-template-columns:repeat(9,minmax(0,1fr));gap:6px;max-width:400px}.boundary-icon{width:100%;height:auto;aspect-ratio:1;max-width:36px}.boundary-icon svg{width:70%;height:70%}.ideas-game-link{justify-self:start;white-space:normal;max-width:100%}}

/* Clear introduction and direct actions on the home screen. */
.hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.hero-copy{min-width:0;padding:clamp(48px,6vw,88px) clamp(24px,5vw,80px)}
.hero h1{font-size:clamp(4rem,7.6vw,7.8rem)}
.hero-visual{align-items:center}
.hero-note{margin:48px 8% 64px;padding:clamp(22px,2.4vw,34px);background:rgba(5,11,24,.94);font-size:1rem;line-height:1.7}
.hero-note .hero-intro{font-size:clamp(1.08rem,1.4vw,1.25rem);font-weight:600;line-height:1.55}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.hero-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 18px;border:1px solid transparent;font-size:.86rem;font-weight:700;line-height:1.4;text-align:center;transition:background .2s,border-color .2s}
.hero-action-primary{background:#e30613;color:#fff}
.hero-action-primary:hover{background:#bd0510}
.hero-action-secondary{border-color:#ffffffa6;color:#fff;background:transparent}
.hero-action-secondary:hover{background:#fff;color:#0a255f}
.hero-action:focus-visible{outline:3px solid #fff;outline-offset:4px}
#ideas,#comunidad{scroll-margin-top:106px}
@media(max-width:900px){
 .hero{grid-template-columns:minmax(0,1fr)}
 .hero-copy{min-height:0;padding:42px 6vw 18px}
 .hero h1{font-size:clamp(3rem,8vw,5rem)}
 .hero .kicker{margin-bottom:18px}
 .hero .slogan{margin:18px 0 14px}
 .hero-visual{min-height:0}
 .hero-note{margin:20px 6vw 70px}
}
@media(max-width:600px){
 .hero-copy{padding:30px 6vw 8px}
 .hero h1{font-size:clamp(2.6rem,10vw,3.8rem)}
 .hero-note{margin:12px 6vw 70px;padding:20px;font-size:.94rem;line-height:1.65}
 .hero-note .hero-intro{font-size:1.06rem}
 .hero-actions{flex-direction:column;align-items:stretch;margin-top:22px}
 .hero-action{width:100%}
}

/* Ideas: large photographs on the homepage; the catalogue keeps the original grid. */
.ideas-carousel-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:26px}
.ideas-all-link{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-height:50px;padding:12px 22px;border:1px solid #fff;font-size:.85rem;font-weight:700;transition:background .2s,color .2s}
.ideas-all-link:hover{background:#fff;color:var(--blue)}
.ideas-carousel-navigation{display:flex;align-items:center;gap:10px}.ideas-position{font-size:.8rem;color:#cbd3e2;margin-right:12px;font-variant-numeric:tabular-nums}
.ideas-arrow{display:grid;place-items:center;width:48px;height:48px;border:1px solid #ffffff70;background:transparent;color:#fff;font-size:1.4rem;cursor:pointer}.ideas-arrow:hover:not(:disabled){background:var(--red);border-color:var(--red)}.ideas-arrow:disabled{opacity:.3;cursor:default}
#ideaGrid.ideas-carousel{display:grid;grid-template-columns:1fr;align-items:start;justify-items:center;position:relative;isolation:isolate;perspective:1200px;overflow:hidden;touch-action:pan-y;border:0;background:transparent;padding:18px 0 28px;margin:0}
#ideaGrid.ideas-carousel .idea-card{grid-area:1/1;width:66%;max-width:780px;min-width:0;min-height:0;border:0;background:var(--blue);position:relative;z-index:0;opacity:0;visibility:hidden;pointer-events:none;transform:scale(.7);transition:transform .65s cubic-bezier(.22,.7,.24,1),filter .65s,opacity .65s,visibility .65s;transform-origin:center 45%;filter:brightness(.38) saturate(.65)}
#ideaGrid.ideas-carousel .idea-card.is-active{z-index:3;opacity:1;visibility:visible;pointer-events:auto;transform:translateX(0) scale(1);filter:none}
#ideaGrid.ideas-carousel .idea-card.is-prev,#ideaGrid.ideas-carousel .idea-card.is-next{z-index:1;opacity:1;visibility:visible;pointer-events:auto}
#ideaGrid.ideas-carousel .idea-card.is-prev{transform:translateX(-44%) scale(.8) rotateY(8deg)}
#ideaGrid.ideas-carousel .idea-card.is-next{transform:translateX(44%) scale(.8) rotateY(-8deg)}
#ideaGrid.ideas-carousel .idea-image{display:block;flex:none;width:100%;height:auto;aspect-ratio:3/2}
#ideaGrid.ideas-carousel .idea-body{padding:22px 10px 8px;flex:none;width:100%;text-align:center}
#ideaGrid.ideas-carousel .idea-no,#ideaGrid.ideas-carousel .idea-open{display:none}
#ideaGrid.ideas-carousel h3{font-size:clamp(1.7rem,2.7vw,2.5rem);line-height:1.08;margin:0;text-transform:none}
#ideaGrid.ideas-carousel .idea-card.is-active{overflow:visible}
#ideaGrid.ideas-carousel .idea-card.is-active .idea-body{position:relative;background:var(--blue);padding-bottom:22px;box-shadow:0 14px 28px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.10)}
#ideaGrid.ideas-carousel .idea-card.is-active:hover h3{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
.ideas-arrow:focus-visible,.ideas-all-link:focus-visible,#ideaGrid .idea-card:focus-visible,.ideas-back:focus-visible{outline:3px solid #fff;outline-offset:3px}
.ideas-catalogue .feature{min-height:calc(100vh - 86px)}.ideas-catalogue h1{font-size:clamp(3.2rem,7vw,6.8rem);letter-spacing:-.02em;color:white}
.ideas-back{display:inline-block;margin-bottom:35px;font-size:.82rem;font-weight:600}.ideas-back:hover{text-decoration:underline}
@media(max-width:600px){.ideas-carousel-toolbar{gap:12px;align-items:flex-start;flex-wrap:wrap}.ideas-all-link{gap:12px;padding:12px 14px;font-size:.76rem}.ideas-carousel-navigation{gap:6px;margin-left:auto}.ideas-arrow{width:42px;height:46px}.ideas-position{display:none}#ideaGrid.ideas-carousel{padding:12px 0 22px}#ideaGrid.ideas-carousel .idea-card{width:76%;border:0}#ideaGrid.ideas-carousel .idea-body{padding:16px 4px 8px}#ideaGrid.ideas-carousel .idea-card.is-prev{transform:translateX(-35%) scale(.78) rotateY(6deg)}#ideaGrid.ideas-carousel .idea-card.is-next{transform:translateX(35%) scale(.78) rotateY(-6deg)}#ideaGrid.ideas-carousel h3{font-size:1.85rem}}
@media(prefers-reduced-motion:reduce){#ideaGrid.ideas-carousel .idea-card{transition:none}}

/* Novedades: a full-height feature and a compact, scrollable news rail. */
#newsGrid.news-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:24px;align-items:stretch;background:none;border:0}
#newsGrid .news-card{width:100%;min-width:0;min-height:0;text-decoration:none;font:inherit;transition:background .2s}
#newsGrid .news-card:focus-visible,.news-sidebar:focus-visible{outline:3px solid white;outline-offset:4px}
#newsGrid .news-featured{height:660px;border:1px solid rgba(255,255,255,.22);box-shadow:0 14px 35px rgba(0,0,0,.18)}
#newsGrid .news-featured .idea-image{height:330px;flex-shrink:0}
#newsGrid .news-featured .idea-body{padding:28px 30px;min-height:0}
#newsGrid .news-featured .idea-no{color:#fff;border-left:3px solid var(--red);padding-left:10px}
#newsGrid .news-featured h3{font-size:clamp(2rem,3.1vw,3rem);margin:14px 0;line-height:1.04}
.news-summary{font-size:.86rem;line-height:1.65;color:#e4eaf5;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
#newsGrid .news-featured .news-date{margin-bottom:18px}
.news-sidebar{height:660px;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#8398bf #0a255f;display:flex;flex-direction:column;gap:12px;padding-right:8px}
#newsGrid .news-mini{flex:0 0 auto;display:grid;grid-template-columns:124px minmax(0,1fr);min-height:150px;border:1px solid rgba(255,255,255,.2)}
#newsGrid .news-mini .idea-image{height:100%;min-height:150px;position:relative}
#newsGrid .news-mini .idea-body{padding:16px;min-width:0}
#newsGrid .news-mini .idea-no{font-size:.61rem;letter-spacing:.08em}
#newsGrid .news-mini h3{font-size:1.48rem;line-height:1.06;margin:9px 0}
#newsGrid .news-mini .news-date{font-size:.62rem;line-height:1.45;margin:0 0 12px}
#newsGrid .news-mini .idea-open{font-size:.61rem;gap:8px}
#newsGrid .news-mini .video-play{width:32px;height:32px;font-size:13px}
#newsGrid.news-single{grid-template-columns:1fr}
#newsGrid.news-single .news-featured{height:auto}
@media(max-width:1000px) and (min-width:761px){#newsGrid.news-layout{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:16px}#newsGrid .news-mini{grid-template-columns:95px minmax(0,1fr)}#newsGrid .news-featured .idea-body{padding:24px}#newsGrid .news-featured .idea-image{height:280px}}
@media(max-width:760px){#newsGrid.news-layout{grid-template-columns:1fr;gap:20px}#newsGrid .news-featured{height:auto}#newsGrid .news-featured .idea-image{height:auto;aspect-ratio:16/9}#newsGrid .news-featured .idea-body{padding:24px}#newsGrid .news-featured h3{font-size:2.15rem}.news-sidebar{height:auto;overflow:visible;padding:0;gap:10px}#newsGrid .news-mini{grid-template-columns:110px minmax(0,1fr)}#newsGrid .news-mini .idea-body{padding:14px}#newsGrid .news-mini h3{font-size:1.45rem}}

/* Compact Planeta NESTAD access, separated from the portal cards. */
.planet-access{display:block;grid-column:1/-1;width:100%;margin-top:36px;overflow:hidden;position:relative;background:#000;background-image:linear-gradient(90deg,#000 0%,#000 49%,rgba(0,0,0,.82) 56%,transparent 76%),url('/assets/planeta-nestad-banner.webp');background-size:cover;background-position:right center;text-decoration:none;color:#fff;transition:filter .2s ease}
.planet-access-copy{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:22px 36px;min-height:290px;position:relative}
.planet-access img.planet-access-logo{display:block;width:150px;height:auto;max-height:50px;object-fit:contain}
.planet-access-title{font:800 clamp(26px,3vw,42px)/1.02 Montserrat,Arial,sans-serif;text-transform:uppercase;letter-spacing:-.04em;color:#fff}
.planet-access-title strong{color:#ed001b;font-weight:800}
.planet-access-intro{font:500 clamp(12px,1.25vw,17px)/1.4 Montserrat,Arial,sans-serif;color:#fff}
.planet-access-cta{display:inline-flex;gap:18px;align-items:center;background:#e30613;color:#fff;padding:11px 18px;font:800 12px/1.2 Montserrat,Arial,sans-serif;text-transform:uppercase;margin-top:3px}
.planet-access-cta>span{font-size:23px;line-height:1}
.planet-access:hover{filter:brightness(1.08)}.planet-access:focus-visible{outline:3px solid #ff304d;outline-offset:5px}
@media(max-width:700px){.planet-access{margin-top:26px;background-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.92) 40%,rgba(0,0,0,.4) 100%),url('/assets/planeta-nestad-banner.webp')}.planet-access-copy{padding:22px;min-height:265px;gap:10px}.planet-access-title{font-size:27px}.planet-access-intro{font-size:12px}.planet-access-cta{font-size:10px;padding:10px 12px}.planet-access img.planet-access-logo{width:125px}}
