/* NEO Medical · capa del vertical sobre los estilos de la familia NEO: paleta de acentos, marcos de imagen, selector de idioma. */
:root{--cu:#2771B0;--cu-b:#3E9BE6;--cu-h:#64B3F0;--cu-p:#2771B0;--ambar:#9FE0D2;--cu-w:color-mix(in srgb,#3E9BE6 12%,transparent);--v1:#2771B0;--v2:#4CC3AE}
.lang-sw{display:inline-flex;align-items:center;gap:3px;padding:6px 10px;border-radius:999px;border:1px solid rgba(248,244,239,.22);font:600 .74rem var(--mono);letter-spacing:.06em;text-decoration:none;color:rgba(248,244,239,.6)!important;white-space:nowrap}
.lang-sw b{color:var(--cu-b)}.lang-sw:hover{border-color:var(--cu-b);color:#fff!important}
.bar nav{align-items:center}
.page-hero{background:radial-gradient(45% 60% at 85% 20%,color-mix(in srgb,#3E9BE6 30%,transparent),transparent 70%),radial-gradient(40% 50% at 0% 100%,color-mix(in srgb,#4CC3AE 25%,transparent),transparent 70%),var(--obs)}
.hero-v-in{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(24px,5vw,64px);align-items:center}
.hero-v h1{font-size:clamp(2.6rem,6.4vw,5.6rem)!important;max-width:16ch}
.hero-v .trust{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:22px;font-size:.86rem;color:var(--snow-3)}
.hero-v .trust span::before{content:"✓ ";color:var(--cu-b)}
@media (max-width:860px){.hero-v-in{grid-template-columns:1fr}}
.marco{position:relative;margin:0;overflow:hidden;border-radius:22px;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;padding:clamp(16px,2.4vw,24px);min-width:0;
  background:radial-gradient(70% 60% at 80% 10%,color-mix(in srgb,var(--v2) 70%,transparent),transparent 70%),radial-gradient(60% 60% at 0% 100%,color-mix(in srgb,var(--v1) 80%,transparent),transparent 70%),linear-gradient(160deg,#16110D,#0E0B09);
  box-shadow:0 0 0 1px rgba(248,244,239,.1),0 30px 70px -30px rgba(0,0,0,.6);color:#fff}
.marco::before{content:"";position:absolute;inset:12px;border:1px dashed rgba(248,244,239,.22);border-radius:14px;pointer-events:none}
.marco--4x5{aspect-ratio:4/5}.marco--16x9{aspect-ratio:16/9}.marco--9x16{aspect-ratio:9/16}.marco--1x1{aspect-ratio:1/1}
.marco-k{position:relative;z-index:1;font:italic 400 clamp(1.3rem,2.4vw,1.9rem)/1.1 var(--serif);max-width:20ch;text-shadow:0 2px 20px rgba(0,0,0,.5)}
.marco-ia{position:relative;z-index:1;font:500 .66rem/1.3 var(--mono);letter-spacing:.05em;text-transform:uppercase;color:rgba(255,255,255,.62)}
.marco-bot{position:absolute;right:6%;top:8%;width:46%;height:auto;opacity:.95;filter:drop-shadow(0 20px 40px rgba(0,0,0,.5))}
.marcos{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:16px;margin:8px 0 22px}
.map-v{counter-reset:none}
.familia{margin-top:10px;font-size:.8rem;opacity:.8}.familia a{color:inherit}
.pie .familia{flex-basis:100%}
#reglas .cond li,#reglas li{line-height:1.5}

/* integracion de finales (sitios) */
.marco>img.marco-foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:1;right:auto;top:auto;z-index:0;filter:none}
.marco.con-foto::before{display:none}.marco.con-foto>small,.marco.con-foto>.marco-bot,.marco.con-foto>img:not(.marco-foto){display:none}
.marco.con-foto>b,.marco.con-foto>.marco-k,.marco.con-foto>.marco-ia{z-index:1;text-shadow:0 2px 18px rgba(0,0,0,.7)}
.neo-film{padding:clamp(24px,5vw,56px) 16px;max-width:1120px;margin:0 auto}.neo-film video{width:100%;height:auto;aspect-ratio:16/9;border-radius:18px;display:block;background:#000}
