:root{--ink:#0b0e10;--deep:#141718;--teal:#02baa9;--teal-bright:#11d9c5;--orange:#f46c35;--yellow:#ffcf21;--paper:#f4f0e7;--soft:#c7c9c8;--line:#434b49;--font:system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font:17px/1.58 var(--font);overflow-wrap:break-word}img,svg{max-width:100%}button,summary,a{touch-action:manipulation}a{color:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}button{font:inherit;cursor:pointer}p{max-width:830px}h1,h2,h3,blockquote,p{margin-top:0}h1,h2,h3{font-weight:900;line-height:1.08;letter-spacing:-.048em}h1{font-size:clamp(3.25rem,7.5vw,7rem);letter-spacing:-.075em;margin:16px 0 30px}h2{font-size:clamp(2.2rem,5.4vw,4.7rem);margin:12px 0 25px}h3{font-size:1.32rem;margin:10px 0}h1 em{font-style:normal;color:var(--yellow)}.shell{width:min(1180px,calc(100% - 48px));margin-inline:auto}
.skip{position:fixed;top:-90px;left:15px;z-index:500;background:var(--yellow);color:#111;padding:11px 16px;font-weight:800}.skip:focus{top:14px}
.head{z-index:200;position:sticky;top:0;background:rgba(11,14,16,.96);border-bottom:1px solid #46524e;backdrop-filter:blur(13px)}.head nav{width:min(1230px,calc(100% - 32px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:78px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--paper);font-size:.92rem;font-weight:950;line-height:1.06;letter-spacing:-.05em;white-space:nowrap}.brand strong{color:var(--yellow)}.brand img{width:60px;height:60px;object-fit:contain;border-radius:7px}
.navigation{display:flex;align-items:center;gap:20px}.navigation>a,.nav-pop summary{font-size:.76rem;font-weight:850;letter-spacing:.04em;text-decoration:none;text-transform:uppercase;color:var(--paper)}.navigation>a:hover,.navigation a[aria-current=page],.nav-pop summary:hover{color:var(--yellow)}.nav-pop{position:relative;flex:none}.nav-pop summary{cursor:pointer;list-style:none;user-select:none}.nav-pop summary::-webkit-details-marker{display:none}.nav-pop summary span{color:var(--orange)}.nav-pop-content{position:absolute;top:calc(100% + 27px);left:-10px;min-width:260px;max-width:min(90vw,350px);background:#131a19;border:1px solid #63726c;box-shadow:0 20px 60px #0009;padding:9px;display:flex;flex-direction:column;gap:2px}.nav-pop-content a{padding:9px 11px;line-height:1.3;text-decoration:none;font-size:.87rem;font-weight:600}.nav-pop-content a:hover,.nav-pop-content a:focus-visible{background:#18544d}.nav-toggle{display:none;background:var(--teal);border:0;color:#08100f;font-weight:850;padding:9px 12px}
.hero{background:radial-gradient(ellipse at 85% 25%,#0c5a50 0,transparent 50%),linear-gradient(135deg,#0d1011 20%,#121515);border-bottom:1px solid var(--line);overflow:hidden}.hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(235px,.85fr);gap:clamp(24px,5vw,70px);align-items:center;min-height:550px;padding-top:70px;padding-bottom:85px}.hero-type{min-width:0}.lead{font-size:clamp(1.1rem,2.1vw,1.47rem);line-height:1.48;max-width:680px}.hero-figure{min-width:0;position:relative}.hero-logo{display:block;max-width:430px;width:100%;height:auto;filter:drop-shadow(0 20px 40px #0008);animation:float 9s ease-in-out infinite}.eyebrow{display:flex;align-items:center;gap:9px;font-size:.78rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--teal-bright)}.eyebrow img{width:33px;height:33px;object-fit:contain;flex:none}.visual{height:335px;width:100%;position:relative;overflow:hidden;border:1px solid #285a53;border-radius:18px;background:radial-gradient(circle at 80% 30%,#13a18e,transparent 46%),linear-gradient(145deg,#123a37,#10171a)}.visual::before{content:"";position:absolute;left:11%;top:16%;width:41%;height:67%;border-radius:14px;background:var(--yellow);transform:rotate(-11deg);box-shadow:130px 25px 0 -12px var(--orange)}.visual::after{content:"";position:absolute;left:29%;top:28%;width:38%;aspect-ratio:1;border-radius:50%;border:22px solid var(--ink);box-shadow:125px 0 0 -17px var(--teal-bright)}.visual-lines{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 29px,#ffffff15 30px 31px);opacity:.3}.visual-cut{position:absolute;width:100px;height:24px;right:18%;bottom:13%;background:var(--paper);transform:rotate(-12deg)}.visual-music::before{border-radius:50%;background:var(--orange);width:45%;height:62%;left:17%;top:18%}.visual-music::after{border-color:var(--teal);left:32%;top:32%}.visual-redes::before,.visual-ciudad::before{border-radius:6px;transform:rotate(15deg);box-shadow:128px -12px 0 -9px var(--teal)}.visual-tecnologia::after,.visual-cuidado::after{box-shadow:0 0 0 34px var(--orange),0 0 0 79px #00bbaa55}.visual-creacion::before{transform:rotate(28deg);border-radius:54% 16% 54% 16%}.visual-asociacion::after{box-shadow:0 0 0 28px var(--teal)}.visual-equipo::before{border-radius:50%}.visual-proyectos::after{border-style:dashed}.visual-metodo::after{box-shadow:0 0 0 30px var(--teal)}.visual-contacto::before{border-radius:45% 45% 10% 45%}
.section{padding:82px 0;border-bottom:1px solid #36413e}.section p{font-size:1.07rem}.section .editorial-copy{font-size:1.15rem}.split{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(220px,.7fr);gap:45px;align-items:start}.split blockquote{padding:26px;border-left:4px solid var(--teal);background:#1a2624;font-size:1.65rem;font-weight:730;line-height:1.28}.feature-note{border:1px solid #63716c;padding:26px;display:grid;gap:14px;max-width:330px}.feature-note strong{font-size:1.35rem;line-height:1.3}.button{display:inline-flex;align-items:center;gap:11px;text-decoration:none;background:var(--yellow);color:#10120e;padding:12px 18px;font-size:.9rem;font-weight:900;margin-top:12px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px);background:#ffe06a}.tile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.tile{border:1px solid #53625e;color:var(--paper);padding:17px;text-decoration:none;display:flex;flex-direction:column;min-height:345px;transition:transform .26s,background .26s,border-color .26s;background:linear-gradient(145deg,#151819,#0d1011)}.tile:hover{transform:translateY(-5px);border-color:var(--teal);background:#142c29}.tile .tile-visual{height:145px;margin:0 0 17px;border-radius:10px}.tile-visual::before{transform:scale(.48) rotate(-11deg);transform-origin:top left;left:15%;top:25%}.tile-visual::after{transform:scale(.42);transform-origin:top left;left:49%;top:33%}.tile-meta{color:var(--teal-bright);font-size:.75rem;letter-spacing:.12em;font-weight:900;margin-bottom:9px}.tile h3{font-size:1.36rem;line-height:1.13}.tile p{font-size:.94rem;line-height:1.5;color:#d2d5d3;margin:2px 0 18px}.tile-link{margin-top:auto;font-size:.85rem;font-weight:900;color:var(--yellow)}.columns-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.columns-3>div{padding:22px 20px;border-top:3px solid var(--teal);background:#171c1c}.columns-3 p{font-size:.97rem}
.tabs{display:flex;flex-wrap:wrap;gap:7px;border-bottom:1px solid #576863;margin:27px 0 24px;padding-bottom:14px}.tabs button{background:#141b1b;border:1px solid #69726f;color:var(--paper);padding:11px 16px;font-size:.86rem;font-weight:850}.tabs button:hover{border-color:var(--yellow)}.tabs button[aria-selected=true]{background:var(--teal);border-color:var(--teal);color:#08120f}.tab-pane[hidden]{display:none}.tab-pane h3{margin-top:27px}
.film-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0 42px}.film-card{background:linear-gradient(145deg,#182320,#101615);border:1px solid #52625b;padding:20px;min-height:270px;display:flex;flex-direction:column}.film-number{font-size:.75rem;font-weight:850;letter-spacing:.07em;color:var(--teal-bright)}.film-card h3{font-size:1.48rem;line-height:1.1;margin:14px 0}.film-card p{font-size:.93rem;line-height:1.5}.film-card dl{margin:auto 0 0;display:grid;grid-template-columns:1fr;gap:2px}.film-card dt{color:#99aaa4;text-transform:uppercase;font-size:.65rem;font-weight:900}.film-card dd{margin:0 0 6px;font-size:.82rem}.award{display:inline-block;background:var(--yellow);color:#12140d;padding:4px 10px;font-size:.78rem;font-weight:900;margin:10px 0 4px;align-self:start}.profile-grid,.press-grid,.session-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.profile,.press-grid article,.session-card{border:1px solid #53605e;background:#14191a;padding:20px}.profile span{font-size:.73rem;color:var(--teal-bright);font-weight:850}.profile h3,.press-grid h3,.session-card h3{font-size:1.35rem}.profile p,.press-grid p,.session-card p{font-size:.95rem}.session-grid{margin:27px 0 0}.session-card{border-left:4px solid var(--orange)}.award-panel{background:#172623;border-left:5px solid var(--yellow);padding:25px;margin-bottom:24px}.award-panel h3{margin-top:16px}
.media-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:13px}.external-player{border:1px solid #677773;padding:16px;background:#111819}.player-cover{aspect-ratio:16/9;background:radial-gradient(circle,#174941,#061010);display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;padding:20px;font-size:.93rem}.play-symbol{font-size:2rem;color:var(--yellow);margin-bottom:12px}.play-activate{background:var(--yellow);color:#111;border:0;font-size:.88rem;font-weight:850;padding:9px 14px;margin:14px 0}.external-player iframe{width:100%;aspect-ratio:16/9;height:auto;border:0}.smallprint{font-size:.81rem!important;color:#acb7b3;line-height:1.5!important}
.source-attention{max-width:870px;border-left:4px solid var(--orange);background:#26211b;padding:17px;margin:19px 0 27px}.source-text{border:1px solid #576863;max-width:950px;background:#111819}.source-text summary{padding:17px;font-weight:800;cursor:pointer}.source-text summary span{color:var(--yellow)}.source-body{border-top:1px solid #53625b;padding:20px;max-height:none;overflow-wrap:anywhere}.source-body img{max-width:100%;height:auto}.source-body table{max-width:100%;display:block;overflow-x:auto}.steps{counter-reset:step;list-style:none;margin:20px 0;padding:0;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.steps li{counter-increment:step;padding:25px;border-left:3px solid var(--teal);background:#18201f}.steps li::before{content:counter(step,decimal-leading-zero);display:block;color:var(--yellow);font-weight:900;margin-bottom:7px}.steps li strong{font-size:1.17rem}.steps li p{margin:6px 0 0}.contact-line a{font-size:clamp(1.4rem,4vw,3.5rem);font-weight:850;letter-spacing:-.05em;color:var(--yellow);overflow-wrap:anywhere}footer{padding:32px 0;color:#bdc8c4;font-size:.84rem}footer .shell{display:flex;align-items:center;gap:12px;flex-wrap:wrap}footer .shell a{color:var(--yellow)}.source-body p{font-size:1rem}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-13px)}}
@media(max-width:1080px){.navigation{gap:10px}.navigation>a,.nav-pop summary{font-size:.7rem}.hero-grid{min-height:490px}.tile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.film-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:780px){body{font-size:16px}.head nav{min-height:74px}.brand img{width:54px;height:54px}.brand{font-size:.83rem}.nav-toggle{display:block}.navigation{display:none;position:absolute;left:0;right:0;top:100%;background:#101718;flex-direction:column;align-items:stretch;padding:15px 23px 22px;gap:3px;border-bottom:1px solid #63716a;max-height:calc(100dvh - 70px);overflow:auto}.navigation.open{display:flex}.navigation>a,.nav-pop summary{padding:10px 0;display:block;font-size:.89rem}.nav-pop-content{position:static;border:0;box-shadow:none;padding:4px 0 8px 13px;background:#102522;min-width:0;max-width:100%}.nav-pop-content a{font-size:.85rem}.hero-grid{grid-template-columns:1fr;min-height:0;padding:53px 0 64px}.hero-figure{width:min(100%,320px);margin-inline:auto}.visual{height:265px}.hero-logo{max-width:300px;margin-inline:auto}.section{padding:56px 0}.split,.columns-3{grid-template-columns:1fr}.tile-grid,.film-grid,.profile-grid,.press-grid,.session-grid,.steps{grid-template-columns:1fr}.tile{min-height:320px}.shell{width:min(100% - 32px,1180px)}h1{font-size:clamp(3.05rem,11.5vw,5rem)}h2{font-size:clamp(2.1rem,8vw,3.6rem)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important}.hero-logo{animation:none}}
.hero-cine h1{font-size:clamp(3rem,5.6vw,6rem)}.hero-figure .visual-lines{background:none}.eyebrow img{border-radius:50%}
.tile-visual{position:relative;overflow:hidden}.tile-visual .visual-lines{position:absolute;inset:0}.visual-lines{pointer-events:none}

.navigation>a[href="orquesta-nacional-de-lavapies.html"]{white-space:normal;max-width:220px;text-align:center;line-height:1.22}@media(max-width:780px){.navigation>a[href="orquesta-nacional-de-lavapies.html"]{max-width:none;text-align:left}}