/* NEO Films · paleta de acentos y marcos de imagen (se carga después de marca.css y sitio.css / cobro.css). */
:root{--cu:#9A7224;--cu-b:#E2B45A;--cu-h:#F0C877;--cu-p:#9A7224;--ambar:#4FB3C2;--cu-w:rgba(226,180,90,.30);--acc:#E2B45A;--glow:0 10px 30px rgba(226,180,90,.30);--ring:0 0 0 3px var(--paper),0 0 0 5px var(--cu-b)}
.sec--neo h2 em,.logo span{color:var(--cu-b)}
.lang-sw{display:inline-flex;gap:2px;padding:3px;border:1px solid var(--line-l);border-radius:999px;font:600 .74rem var(--mono);letter-spacing:.06em}
.lang-sw a,.lang-sw span{padding:4px 9px;border-radius:999px;text-decoration:none;color:var(--snow-2)}
.lang-sw span{background:var(--cu-b);color:var(--obs)}
.vx{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(24px,5vw,64px);align-items:center}
.vx--inv .marco{order:-1}
.vx ul{padding-left:1.1em;margin-top:.6em}.vx li{margin:.3em 0}
.marco{margin:0;display:flex;flex-direction:column;gap:10px}
.marco-in{position:relative;aspect-ratio:var(--ar,16/9);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(16px,3vw,28px);
 background:radial-gradient(70% 60% at 80% 10%,rgba(226,180,90,.50),transparent 70%),radial-gradient(60% 60% at 0% 100%,rgba(79,179,194,.38),transparent 70%),linear-gradient(160deg,#1B1710,#0B0D10);color:var(--snow);box-shadow:var(--sh-2)}
.marco-in::before{content:"";position:absolute;inset:12px;border:1px solid rgba(255,255,255,.14);border-radius:calc(var(--r) - 6px);pointer-events:none}
.marco-in b{position:relative;font:italic 400 clamp(1.5rem,3.2vw,2.4rem)/1.05 var(--serif);color:var(--snow)}
.marco-in .mk{position:relative;font:600 .66rem var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--cu-b);margin-bottom:8px}
.marco-in img{position:absolute;right:8%;top:10%;width:30%;height:auto;opacity:.95;filter:drop-shadow(0 10px 30px rgba(0,0,0,.4))}
.mini .marco-in .mk{display:none}
.marco figcaption{font:500 .66rem var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}
.dark .marco figcaption{color:var(--snow-3)}
.mini{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.mini .marco-in{--ar:3/4;padding:10px}.mini .marco-in b{font-size:1rem}
.familia a{color:inherit}
.hero-v{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(24px,5vw,56px);align-items:center}
@media (max-width:820px){.vx,.hero-v{grid-template-columns:1fr}.vx--inv .marco{order:0}.mini{grid-template-columns:repeat(3,1fr)}}

/* fill de imagenes (area sitios-imagenes) */
.con-fill{position:relative;overflow:hidden}
.con-fill>img.fill-foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:1;filter:none;right:auto;top:auto;z-index:0;border-radius:inherit;max-width:none}
.con-fill>img:not(.fill-foto),.con-fill>svg,.con-fill>small,.con-fill>.marco-bot{display:none}
.con-fill::before{display:none}
.con-fill::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(to top,rgba(0,0,0,.55),transparent 45%)}
.con-fill>*:not(.fill-foto){position:relative;z-index:1;text-shadow:0 2px 14px rgba(0,0,0,.7)}
.brand-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0 0;padding:0;list-style:none}
.brand-strip li{margin:0;aspect-ratio:4/3;border-radius:10px;overflow:hidden;background:#111}
.brand-strip img{width:100%;height:100%;object-fit:cover;display:block}
@media (max-width:560px){.brand-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}