@font-face{font-family:'Clash Display';src:url('assets/fonts/clash-display-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Clash Display';src:url('assets/fonts/clash-display-600.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'General Sans';src:url('assets/fonts/general-sans-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'General Sans';src:url('assets/fonts/general-sans-600.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}


/* Ruta 1 aprobada: Anton en portada, General Sans en categorías y lectura. */
.films{--rose:#cd638e;--aqua:#48aab5;--gold:#cda052;--lavender:#a080e8;font-family:'General Sans',Arial,sans-serif;color:#f8f7fa}
.films h2,.films .display{font-family:'General Sans',Arial,sans-serif;font-weight:600;text-transform:none;letter-spacing:-.035em;line-height:1.12}
.films h3{font-family:'General Sans',Arial,sans-serif;font-weight:600;letter-spacing:-.025em}
.films .brand{font-family:Poppins,Arial,sans-serif}
.films nav{font-size:12px;gap:16px 22px}
.films nav a[href='#animacion']{color:var(--aqua)}
.films nav a[href='#turismo']{color:var(--gold)}
.films nav a[href='#trabajos']{color:var(--rose)}
.films nav a:hover{color:var(--lavender)}
.films .reel-hero h1{font-family:Anton,Impact,sans-serif;font-size:clamp(42px,5.6vw,80px);font-weight:400;text-transform:uppercase;letter-spacing:0;line-height:1.05}
.films .reel-hero h1 span{color:var(--rose)}
.films .reel-work-link{color:var(--rose);border-color:var(--rose)}
.films .films-selection h2,.films .section-heading h2,.films .tv-heading h2{font-size:clamp(34px,4.2vw,60px);line-height:1.12}
.films .films-selection h2 span{color:var(--rose)}
.films .selection-hint{color:#bdb6c7}
.films .eyebrow{font-size:10px;letter-spacing:.15em;color:#bdb6c7}
.films .tv-caption h3{font-size:20px;line-height:1.25}
.films .tv-feature .tv-caption h3{font-size:24px}
.films .tv-caption p{color:#bdb6c7;font-size:13px}
.films .tv-caption small{color:#bdb6c7;letter-spacing:.09em}
.films .tv-image{border-radius:8px}
.films .portfolio-jumps a{color:var(--lavender);border-color:#baa3f560}
.films .portfolio-jumps a:nth-child(1){color:var(--rose);border-color:#edaccb60}
.films .portfolio-jumps a:nth-child(3){color:var(--aqua);border-color:#8bdce260}
.films .portfolio-jumps a:nth-child(4){color:var(--gold);border-color:#f2cf7360}
.films .portfolio-jumps a:hover{color:white}
.films #trabajos h2{color:var(--rose)}
.films #animacion h2{color:var(--aqua)}
.films #animacion .eyebrow:before{background:var(--aqua)}
.films #turismo h2{color:var(--gold)}
.films #turismo .eyebrow:before{background:var(--gold)}
.films .tv-heading h2{color:var(--lavender)}
.films .tv-heading em{color:var(--aqua)}
.films #alta-factoria h2{font-size:clamp(32px,3.8vw,52px);color:var(--lavender)}
.films #hacemos h2{font-size:clamp(34px,4.2vw,60px)}
.films .cap-list summary{font-size:21px;letter-spacing:-.02em;font-weight:400}
.films .cap-list summary:after{color:var(--rose)}
.films #somos h2{color:var(--rose)}
.films footer .display{color:var(--rose);font-size:clamp(48px,7vw,100px);line-height:1.05}
.films footer .footer-row a,.films .tv-status{color:var(--gold)}
.films #tv-dialog h2{font-family:'General Sans',Arial,sans-serif;font-weight:600;text-transform:none;font-size:clamp(28px,3.5vw,46px);color:var(--rose);letter-spacing:-.03em;line-height:1.15}
@media(max-width:760px){.films header{display:block;padding:20px 0}.films header nav{display:flex;width:100%;margin-top:18px;gap:12px 18px;justify-content:flex-start;font-size:11px;line-height:1.4}.films nav .contact-link{padding:8px 14px}.films .reel-hero h1{font-size:clamp(36px,8.5vw,56px)}.films .films-selection h2,.films .section-heading h2,.films .tv-heading h2{font-size:clamp(28px,7.7vw,40px)}.films .tv-caption h3{font-size:17px}.films .tv-feature .tv-caption h3{font-size:22px}.films .cap-list summary{font-size:18px}.films #tv-dialog h2{font-size:28px}}

/* Contacto y redes oficiales */
.films .footer-email{font-size:clamp(18px,2.2vw,28px);overflow-wrap:anywhere}
.films .films-footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-top:26px}
.films .films-footer-bottom small{color:#aba7b6;font-size:12px;line-height:1.7}
.films .films-socials{display:flex;flex-wrap:wrap;gap:24px}
.films .films-socials a{color:#ddd9e7;font-size:13px;text-decoration:none}
.films .films-socials a:hover{color:var(--rose)}
.films footer a:focus-visible{outline:2px solid var(--rose);outline-offset:6px}
@media(max-width:700px){.films .films-footer-bottom{align-items:flex-start;flex-direction:column-reverse;gap:22px}.films .films-socials{gap:20px}.films footer .footer-row{align-items:flex-start;gap:18px;flex-wrap:wrap}}

.films .films-clients{padding:38px 0 46px;overflow:hidden;border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12;background:#eae7e2;color:#302b3c;margin-top:18px}
.films .films-clients>.eyebrow{margin:0 4vw 26px;color:#615b6b}
.films .client-strip{overflow:hidden}
.films .client-track{display:flex;width:max-content;animation:client-scroll 180s linear infinite}
.films .client-group{display:flex;align-items:center;gap:54px;padding-right:54px}
.films .client-logo{width:122px;height:64px;display:flex;align-items:center;justify-content:center}
.films .client-logo img{max-width:122px;max-height:62px;object-fit:contain;mix-blend-mode:multiply;filter:grayscale(1);opacity:.8}
.films .client-strip:hover .client-track{animation-play-state:paused}
@keyframes client-scroll{to{transform:translateX(-50%)}}
.films .footer-secondary{display:flex;gap:20px;flex-wrap:wrap;padding-top:18px;color:#aba7b6;font-size:14px}
.films .footer-secondary a{color:inherit;text-decoration:none}
@media(prefers-reduced-motion:reduce){.films .client-track{animation:none}.films .client-strip{overflow:auto}}

/* Huincha completa sobre el fondo de Films */
.films .films-clients{background:#0b0a12;color:#dedbe5;padding:30px 0 36px;margin-top:0;border-color:#ffffff12}
.films .films-clients>.eyebrow{color:#a9a3b5;margin-bottom:25px}
.films .client-track{animation-duration:240s}
.films .client-logo{width:138px;height:62px;flex:none}
.films .client-logo img{max-width:138px;max-height:58px;filter:grayscale(1) invert(1) brightness(3);mix-blend-mode:screen;opacity:.9}
.films .client-name{font-family:'General Sans',Arial,sans-serif;font-weight:600;font-size:23px;line-height:1.08;letter-spacing:-.035em;text-align:center;color:#d6d2df}
.films .client-strip:focus .client-track{animation-play-state:paused}
@media(max-width:700px){.films .client-logo{width:112px;height:52px}.films .client-logo img{max-width:112px;max-height:48px}.films .client-name{font-size:20px}.films .client-group{gap:36px;padding-right:36px}}

/* Logos originales: sin filtros que alteren las marcas. */
.films .client-group{gap:30px;padding-right:30px}
.films .client-logo{width:148px;height:82px;padding:12px;box-sizing:border-box;border-radius:4px}
.films .client-logo--light{background:#fff}
.films .client-logo--dark{background:transparent}
.films .client-logo img{max-width:124px;max-height:58px;width:auto;height:auto;filter:none;mix-blend-mode:normal;opacity:1}
@media(max-width:700px){.films .client-group{gap:22px;padding-right:22px}.films .client-logo{width:128px;height:74px;padding:10px}.films .client-logo img{max-width:108px;max-height:54px}}

.films .films-contact-address{font-style:normal;line-height:1.6;color:#dedbe5;font-size:16px}.films .films-contact-phone{font-size:19px;letter-spacing:.01em}@media(max-width:700px){.films .footer-row{align-items:flex-start;gap:24px;flex-wrap:wrap}.films .films-contact-address{font-size:15px}}

/* Awards: quiet cinematic laurels, original distinctions. */
.films-awards{padding-top:30px;padding-bottom:100px;scroll-margin-top:100px}.films-awards h2{font-family:'General Sans',sans-serif;font-size:clamp(32px,4vw,48px);font-weight:600;letter-spacing:-.035em;margin:20px 0 45px}.films-awards-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.films-award{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;min-height:235px;padding:26px 10px 20px;border-top:1px solid #ffffff24;text-decoration:none;color:#eeeaf3}.award-laurel{position:absolute;width:116px;height:116px;top:12px;color:#a18abf;opacity:.8;pointer-events:none}.award-year{font-size:12px;letter-spacing:.16em;color:#cdc5d8;margin:8px 0 18px}.films-award h3{font-family:'General Sans',sans-serif;font-size:24px;line-height:1.15;font-weight:600;margin:0 0 32px;z-index:1;letter-spacing:-.025em}.award-result{font-size:12px;line-height:1.6;color:#c8b7dc;max-width:190px}.films-award p{font-size:15px;margin:12px 0 0;color:#eeeaf3}.films-award:hover .award-laurel{color:#cd638e;opacity:1}.films .footer-secondary{display:flex;gap:32px;flex-wrap:wrap}@media(max-width:800px){.films-awards-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.films-awards{padding-bottom:60px}}@media(max-width:420px){.films-award h3{font-size:20px}.award-result{font-size:11px}.films-award p{font-size:13px}}

/* Logo-only awards and funding strip. */
.films-awards-logos{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px 28px;align-items:stretch}.award-logo{height:136px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:20px;border:1px solid #ffffff18;border-radius:4px;box-sizing:border-box;background:#100e17}.award-logo img{max-width:100%;width:auto;height:auto;max-height:82px;object-fit:contain}.award-logo.light{background:#ebe8ee;border-color:#ebe8ee}.award-logo span{font-family:'General Sans',sans-serif;font-size:12px;line-height:1.4;margin-top:9px;color:#1e1729;text-align:center}.award-logo img[src$="sitges.svg"]{height:65px}.award-logo img[src$="cntv.svg"]{max-height:65px}.award-logo img[src$="fondo-audiovisual.svg"]{max-height:65px}.award-wordmark{color:#ddd3ec;text-align:center}.award-wordmark strong{font-family:'General Sans',sans-serif;font-size:19px;line-height:1.05;letter-spacing:-.04em}.award-wordmark span{color:#a58bbc;letter-spacing:.13em;font-size:10px}.award-wordmark .wordmark-dot{display:inline;font-size:26px;margin:0;letter-spacing:0;color:#cd638e}.films-awards h2{margin-bottom:34px}@media(max-width:1000px){.films-awards-logos{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}}@media(max-width:540px){.films-awards-logos{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.award-logo{height:118px;padding:16px}.award-wordmark strong{font-size:16px}}

.award-logo:has(img[src$="cntv.svg"]) span{color:#d4c9e1}.award-logo:has(img[src$="comkids.png"]){overflow:hidden}.award-logo img[src$="comkids.png"]{transform:scale(1.7)}

/* Center incomplete awards rows, preserving five marks on desktop. */
.films-awards-logos{display:flex;flex-wrap:wrap;justify-content:center;gap:20px 28px}.films-awards-logos .award-logo{flex:0 0 calc((100% - 112px)/5);min-width:0}@media(max-width:1000px){.films-awards-logos{gap:18px}.films-awards-logos .award-logo{flex-basis:calc((100% - 36px)/3)}}@media(max-width:540px){.films-awards-logos{gap:12px}.films-awards-logos .award-logo{flex-basis:calc((100% - 12px)/2)}}