/* Web de SS Filmbase (diapositiva 23): negro y dorado. Una página, su formulario y su «gracias».
   Tipografías: las de la diapositiva (ver debajo), en /web/fuentes. Medidas de la diapositiva de 1672 px: --p es un píxel de diapositiva. */
/* Tipografía de la diapositiva 23 (identificada letra a letra el 14-oct): titulares en Cormorant Garamond y el resto en Open Sans. */
@font-face{font-family:"FB Serif";font-style:normal;font-weight:300 700;font-display:swap;src:url(/web/fuentes/cormorant-garamond-latin-wght-normal.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"FB Serif";font-style:normal;font-weight:300 700;font-display:swap;src:url(/web/fuentes/cormorant-garamond-latin-ext-wght-normal.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"FB Sans";font-style:normal;font-weight:300 800;font-display:swap;src:url(/web/fuentes/open-sans-latin-wght-normal.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"FB Sans";font-style:normal;font-weight:300 800;font-display:swap;src:url(/web/fuentes/open-sans-latin-ext-wght-normal.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{
  --negro:#050301;--blanco:#fff;--oro:#e8b24a;--oro1:#f7d27a;--oro-linea:rgba(232,178,74,.42);
  --degradado:linear-gradient(180deg,#f6cd72 0%,#e3a944 55%,#c98d3a 100%);
  --serif:"FB Serif","Cormorant Garamond",Garamond,"Times New Roman",serif;
  --sans:"FB Sans","Open Sans","Segoe UI",system-ui,sans-serif;
  --p:calc(min(100vw,2560px)/1672);
  --lado:clamp(16px,2.3vw,38px);
}
*,*::before,*::after{box-sizing:border-box}
html{background:var(--negro);-webkit-text-size-adjust:100%}
body.fb{margin:0;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;background:var(--negro);color:var(--blanco);font-family:var(--sans);font-size:16px;line-height:1.45;overflow-x:hidden}
.fb img{max-width:100%;height:auto;display:block}
.fb a{color:inherit}
.fb :focus-visible{outline:3px solid #ffd980;outline-offset:3px;border-radius:2px}
.fb-oculto{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.fb-saltar{position:absolute;left:12px;top:-60px;z-index:100;background:#ffd980;color:#111;padding:10px 16px;font-weight:600;text-decoration:none}
.fb-saltar:focus{top:8px}
.fb a.fb-saltar{color:#111}   /* `.fb a{color:inherit}` ganaba a `.fb-saltar` y salía blanco sobre #ffd980 (1,36:1); ahora #111 (W8, F17) */
.fb-pagina{width:100%;max-width:2560px;margin:0 auto;flex:1 0 auto;display:flex;flex-direction:column}
.fb main{flex:1 0 auto;display:flex;flex-direction:column;width:100%;max-width:2560px;margin:0 auto}
.fb h1,.fb h2,.fb p,.fb ul,.fb ol{margin:0;padding:0}
.fb ul,.fb ol{list-style:none}
/* Las listas de los textos legales llevan viñeta y número (hallazgo F6; la regla de arriba es para las listas de diseño). */
.fb .fb-texto-legal ul{list-style:disc;padding-left:1.4em}
.fb .fb-texto-legal ol{list-style:decimal;padding-left:1.4em}
.fb svg.tss-icono{width:100%;height:100%;display:block}

/* ---------- Cabecera: solo el idioma ---------- */
.fb-cab{width:100%;max-width:2560px;margin:0 auto;display:flex;align-items:center;justify-content:flex-end;gap:16px;min-height:clamp(56px,5.08vw,85px);padding:6px var(--lado);background:#000;border-bottom:1px solid var(--oro-linea)}
.fb-idiomas{display:flex;align-items:center;gap:.5em;font-size:clamp(13px,calc(17*var(--p)),17px);letter-spacing:.08em}
.fb-idiomas svg{width:1.7em;height:1.7em;color:#fff}
.fb-idioma{display:inline-block;min-width:44px;min-height:44px;line-height:44px;text-align:center;text-decoration:none;color:#fff;opacity:.85}
.fb-idioma[aria-current]{color:var(--oro1);opacity:1;font-weight:600}
.fb-idioma:hover{color:var(--oro1);opacity:1}

/* ---------- Botones ---------- */
.fb-boton,.fb-pildora{display:inline-flex;align-items:center;justify-content:center;gap:.7em;border:1px solid rgba(255,226,150,.65);background:var(--degradado);color:#1b1207;font:600 15px/1.15 var(--sans);letter-spacing:.04em;text-transform:uppercase;text-decoration:none;cursor:pointer;box-shadow:0 0 22px rgba(232,170,62,.22),inset 0 1px 0 rgba(255,255,255,.45);transition:filter .15s}
.fb-boton{min-height:48px;padding:0 24px;border-radius:3px}
.fb-pildora{min-height:46px;padding:0 28px;border-radius:999px;font-size:17px}
.fb-boton:hover,.fb-pildora:hover{filter:brightness(1.1)}
.fb-boton svg,.fb-pildora svg{flex:none;width:1.4em;height:.9em}
.fb-pildora svg{width:1.1em;height:1.1em}

/* ---------- Portada: héroe ---------- */
.fb-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:1fr;background:var(--negro)}
.fb-hero-foto{margin:0;position:relative}
.fb-hero-foto img{width:100%;height:clamp(200px,52vw,420px);object-fit:cover;object-position:78% 50%}
.fb-hero-foto::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,var(--negro) 0%,rgba(0,0,0,.3) 30%,rgba(0,0,0,0) 62%)}
.fb-marca{margin:0;position:absolute;left:var(--lado);top:0;width:clamp(120px,36vw,200px);aspect-ratio:345/378}
.fb-marca img{width:100%;height:100%;object-fit:cover}
.fb-hero-texto{padding:20px var(--lado) 8px}
.fb-antetitulo{font-size:clamp(14px,4vw,20px);letter-spacing:.5em;text-transform:uppercase;color:var(--oro)}
.fb-titulo{margin-top:.3em;font-family:var(--serif);font-weight:500;font-size:clamp(28px,8.2vw,46px);line-height:1.05;text-transform:uppercase;color:#fff}
.fb-titulo span{display:block;color:var(--oro);font-size:.93em;margin-top:.1em}
.fb-intro{margin-top:16px;max-width:36em;font-size:clamp(16px,2.2vw,18px);line-height:1.4}
.fb-iconos{display:grid;grid-template-columns:repeat(2,1fr);gap:18px 8px;margin-top:22px}
.fb-iconos li{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;font-size:12.5px;line-height:1.3;text-transform:uppercase;letter-spacing:.02em}
.fb-iconos .fb-ico{width:38px;height:38px;color:var(--oro)}
/* El lema del cliente, también por debajo de 1100 px (en la diapositiva va en el lateral; aquí, bajo los iconos): antes, display:none (V16, 994.). */
/* Con .fb delante y solo bajo 1100 px: «.fb p{margin:0}» ganaba a .fb-lateral y lo dejaba pegado al borde; en pantalla ancha manda la regla de abajo. */
@media (max-width:1099.98px){.fb .fb-lateral{margin:4px var(--lado) 18px;font-size:clamp(14px,3.6vw,17px);line-height:1.35;letter-spacing:.06em;text-transform:uppercase;color:#fff}}
.fb-lateral span{display:block;position:relative;margin-top:10px;padding-top:10px;font-size:.85em;letter-spacing:.02em;color:#e8b830}
.fb-lateral span::before{content:"";position:absolute;left:0;top:0;width:38px;height:1.5px;background:#d8a010}
.fb-hero-foto{order:-2}
.fb-ver-video{order:-1;justify-self:start;margin:14px var(--lado) 4px}

/* ---------- Seis pasos ---------- */
.fb-pasos{display:grid;grid-template-columns:1fr;gap:1px;border-top:1px solid var(--oro-linea);border-bottom:1px solid var(--oro-linea);background:rgba(232,178,74,.18)}
.fb-paso{display:flex;flex-direction:column;background:#050505;padding:0 var(--lado) 16px}
.fb-paso-cab{display:flex;align-items:center;gap:12px;min-height:64px}
.fb-paso-n{flex:none;font-family:var(--serif);font-size:34px;line-height:1;color:var(--oro)}
.fb-paso-t{flex:1;font-size:15px;line-height:1.25;text-transform:uppercase;letter-spacing:.02em}
.fb-paso-flecha{flex:none;width:26px;height:16px;color:var(--oro)}
.fb-paso-foto{width:100%;aspect-ratio:223/145;object-fit:cover}
.fb-paso-x{margin-top:10px;text-align:center;font-size:16px;line-height:1.35}

/* ---------- Franja del distribuidor ---------- */
.fb-banda{display:grid;gap:22px;padding:26px var(--lado);border-bottom:1px solid var(--oro-linea);text-align:center;justify-items:center}
.fb-banda-medio{display:grid;gap:18px;justify-items:center}
.fb-banda-lema{font-family:var(--serif);font-size:22px;text-transform:uppercase;letter-spacing:.04em;line-height:1.25}
.fb-banda-lema>span:last-child{display:block;margin-top:.4em;font-family:var(--sans);font-size:.8em;letter-spacing:.2em;color:var(--oro)}
.fb-sectores{font-size:clamp(12px,3.3vw,15px);line-height:1.7;text-transform:uppercase;letter-spacing:.03em}
.fb-junto{white-space:nowrap}
.fb-banda-iconos{display:flex;gap:24px;justify-content:center;flex-wrap:wrap}
.fb-banda-iconos li{display:flex;flex-direction:column;align-items:center;gap:6px;max-width:7.5em;text-align:center;font-size:12.5px;line-height:1.25;text-transform:uppercase}
.fb-banda-iconos .fb-ico{width:34px;height:34px;color:var(--oro)}

/* ---------- Pie ---------- */
.fb-pie{width:100%;max-width:2560px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;padding:16px var(--lado);font-size:13px;letter-spacing:.2em;text-transform:uppercase;line-height:1.5}
.fb-pie-oro{font-family:var(--serif);color:var(--oro1);letter-spacing:.24em;order:-1;flex-basis:100%;text-align:center}
.fb-pie p:not(.fb-pie-oro){text-align:center;flex:1 1 auto}

/* ---------- Vídeo en ventana ---------- */
.fb-video{width:min(94vw,1100px);max-width:none;padding:0;border:1px solid var(--oro);background:#000;color:#fff;overflow:visible}
.fb-video::backdrop{background:rgba(0,0,0,.86)}
.fb-video video{display:block;width:100%;max-height:82vh;background:#000}
.fb-video-cerrar{position:absolute;right:0;top:-52px;width:44px;height:44px;border:1px solid var(--oro);border-radius:50%;background:#000;color:#fff;font-size:28px;line-height:1;cursor:pointer}
.fb-video-cerrar:hover{color:var(--oro1)}

body.fb-inicio main{flex:none}

@media (min-width:600px) and (max-width:1099.98px){
  .fb-pasos{grid-template-columns:repeat(3,minmax(0,1fr))}
  .fb-paso-t{min-width:0;font-size:13px}
  .fb-paso-n{font-size:30px}
  .fb-iconos{grid-template-columns:repeat(4,1fr)}
  .fb-banda{grid-template-columns:1fr 1fr;text-align:left;justify-items:start}
}
@media (prefers-reduced-motion:reduce){.fb-boton,.fb-pildora{transition:none}}

/* ---------- Formulario y «gracias» ---------- */
.fb-form{--campo:#1b1b1d;--rojo:#ff8f7d;--suave:#c9c2b4}
.fb-form-sec{display:grid;grid-template-columns:1fr;gap:28px;align-items:start;padding:clamp(24px,3.4vw,56px) var(--lado) clamp(32px,4vw,64px);max-width:1680px;margin:0 auto;width:100%}
.fb-kicker{font-size:.85rem;letter-spacing:.3em;text-transform:uppercase;color:var(--oro1);margin-bottom:1rem}
.fb-titular{font-family:var(--serif);font-weight:400;font-size:clamp(2.1rem,3.6vw,3.8rem);line-height:1.02;text-transform:uppercase;margin-bottom:1.2rem}
.fb-titular span{display:block}
.fb-blanco{color:#fff}
.fb-oro{color:var(--oro)}
.fb-lead{font-size:clamp(1rem,1.2vw,1.2rem);line-height:1.5;color:#fff;max-width:36ch;font-weight:300}
.fb-fondo{margin-top:1.6rem;position:relative;overflow:hidden;aspect-ratio:16/8.5;max-width:560px;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 40%);mask-image:linear-gradient(180deg,transparent 0,#000 40%)}
.fb-fondo img{width:100%;height:100%;object-fit:cover;object-position:78% 50%}
.fb-tarjeta{border:1px solid var(--oro);background:rgba(5,3,1,.82);padding:clamp(18px,2.2vw,32px);border-radius:3px;box-shadow:0 0 40px rgba(242,154,27,.12)}
.fb-tarjeta-titulo{font-family:var(--serif);font-weight:400;font-size:clamp(1.5rem,2.2vw,2.2rem);text-transform:uppercase;margin-bottom:1.3rem;padding-bottom:.5rem;position:relative}
.fb-tarjeta-titulo::after{content:"";position:absolute;left:0;bottom:0;width:52px;height:2px;background:var(--oro)}
.fb-rejilla{display:grid;grid-template-columns:1fr;gap:.55rem clamp(14px,1.8vw,24px)}
.fb-campo{display:flex;flex-direction:column;gap:.25rem;min-width:0}
.fb-ancho{grid-column:1/-1}
.fb-campo label{font-size:1rem;color:#fff}
.fb-campo input,.fb-campo select,.fb-campo textarea{width:100%;background:var(--campo);color:#fff;border:1px solid #6a645a;border-radius:5px;padding:.7rem .9rem;font:400 1rem/1.3 var(--sans);min-height:46px}
.fb-campo textarea{resize:vertical;min-height:90px}
.fb-campo input::placeholder,.fb-campo textarea::placeholder{color:#a09a8e;opacity:1}
.fb-lista{position:relative}
.fb-campo select{appearance:none;-webkit-appearance:none;padding-right:2.6rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 10'%3E%3Cpath d='m2 2 6 6 6-6' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .9rem center;background-size:15px}
.fb-campo select:invalid{color:#a09a8e}
.fb-campo select option{color:#fff;background:#1b1b1d}
.fb-campo input:focus,.fb-campo select:focus,.fb-campo textarea:focus{border-color:var(--oro1)}
.fb-malo input,.fb-malo select,.fb-malo textarea{border-color:var(--rojo)}
.fb-error{color:var(--rojo);font-size:.9rem;line-height:1.3}
.fb-error[hidden],.fb-resumen[hidden]{display:none}
.fb-resumen{border:1px solid var(--rojo);background:rgba(255,143,125,.08);color:#ffd4cc;padding:.7rem 1rem;border-radius:5px;margin-bottom:.9rem;font-size:.95rem}
.fb-resumen ul{list-style:disc;padding-left:1.1rem}
.fb-trampa{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.fb-consent{margin:.9rem 0}
.fb-consent label{display:flex;align-items:center;gap:.7rem;font-size:.98rem;cursor:pointer}
.fb-consent a{text-decoration:underline}
.fb-consent input{appearance:none;-webkit-appearance:none;width:26px;height:26px;flex:none;border:2px solid #e8e2d6;border-radius:3px;background:transparent;display:grid;place-content:center;margin:0;cursor:pointer}
.fb-consent input::after{content:"";width:12px;height:12px;transform:scale(0);background:var(--oro1);clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0,43% 62%);transition:transform .1s}
.fb-consent input:checked::after{transform:scale(1)}
.fb-consent input:checked{border-color:var(--oro1)}
.fb-consent.fb-malo input{border-color:var(--rojo)}
.fb-enviar{width:100%;min-height:56px;font-size:1.05rem}
.fb-enviar[disabled]{opacity:.65;cursor:progress}
.fb-gracias-sec{min-height:min(64vh,560px);align-items:center}
.fb-gracias-sec .fb-boton{margin-top:1.6rem}
@media (min-width:900px){
  .fb-form-sec{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(24px,3vw,48px)}
  .fb-rejilla{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:599.98px){
  .fb-fondo{display:none}
  .fb-boton{width:100%}
}

/* ---------- Aviso de cookies (templates/publico/_cookies.html.twig) ---------- */
.fb .aviso-cookies{position:fixed;inset:auto 0 0 0;z-index:60;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 16px;padding:14px 16px;background:rgba(5,3,1,.97);border-top:1px solid var(--oro);font-size:.95rem;color:#fff}
.fb .aviso-cookies p{margin:0;max-width:46rem}
.fb .aviso-cookies a{color:var(--oro1)}
.fb .aviso-cookies form{margin:0}
.fb .aviso-cookies button{min-height:44px;padding:0 1.4rem;border:1px solid var(--oro);background:transparent;color:#fff;font:500 .8rem/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;cursor:pointer}
.fb .aviso-cookies .aviso-cookies-configurar{font-size:.8rem;text-decoration:underline;white-space:nowrap}

/* Mientras se ve el aviso de cookies (fijo abajo), la página deja sitio debajo para que el aviso no tape el final. */
body:has(.aviso-cookies){padding-bottom:90px}
@media (max-width:1100px){body:has(.aviso-cookies){padding-bottom:130px}}
@media (max-width:700px){body:has(.aviso-cookies){padding-bottom:190px}}

/* Cormorant trae cifras de estilo antiguo: en los titulares, alineadas como en la diapositiva («3D»). */
.fb{font-variant-numeric:lining-nums}
/* Titular con la tipografía de la diapositiva: Cormorant Garamond seminegra, a la anchura de la diapositiva; la línea dorada, espaciada. */
.fb-titulo{font-weight:700;line-height:1}
.fb-titulo span{letter-spacing:.022em;font-weight:600}

/* Separadores y detalles comunes (móvil y escritorio) */
.fb-sep{display:inline-block;font-size:0;width:3.4px;height:3.4px;border-radius:50%;background:currentColor;vertical-align:middle;margin:0 9px}
.fb-barra{display:inline-block;font-size:0;width:1.5px;height:16px;margin:0 12px;vertical-align:middle;background:#d8a800}
.fb-punto{display:inline-block;font-size:0;width:4px;height:4px;border-radius:50%;background:currentColor;vertical-align:middle;margin:0 12px}
.fb-ico img{width:calc(var(--w)*1px);height:auto;max-width:none}
.fb-paso-t br{display:block}
.fb img.fb-hero-izq{display:none}

/* ---------- Escritorio: la diapositiva 23 colocada al píxel (a partir de 1100 px). Todo en --p (un píxel de diapositiva de 1672) ---------- */
@media (min-width:1100px){
  :root{--oro:#f8b838;--amarillo:#f8d000;--raya:#f0c400}
  /* Héroe: 1672 × 400, cada pieza en su sitio */
  .fb-hero{display:block;position:relative;height:calc(400*var(--p));overflow:hidden}
  .fb img.fb-hero-izq{display:block;position:absolute;left:0;top:calc(1*var(--p));width:calc(380*var(--p));height:calc(394*var(--p))}
  .fb-hero-foto{position:absolute;left:calc(380*var(--p));top:calc(1*var(--p));width:calc(1292*var(--p));height:calc(394*var(--p));z-index:0}
  .fb-hero-foto img{width:100%;height:100%;object-fit:fill}
  .fb-hero-foto::after{display:none}
  .fb-marca{position:absolute;left:calc(30*var(--p));top:calc(15*var(--p));width:calc(345*var(--p));height:calc(378*var(--p));aspect-ratio:auto;z-index:1}
  .fb-hero-texto{position:static;padding:0;max-width:none}
  .fb-hero-texto>*{position:absolute;z-index:2}
  .fb-antetitulo{left:calc(381*var(--p));top:calc(41*var(--p));font-size:calc(23.5*var(--p));line-height:1;letter-spacing:.51em;font-weight:400;color:var(--amarillo);white-space:nowrap}
  .fb-titulo{left:calc(381*var(--p));top:calc(71.6*var(--p));margin:0;font-size:calc(52.4*var(--p));line-height:1;font-weight:500;white-space:nowrap;transform:scaleX(.943);transform-origin:left top}
  .fb-titulo span{display:block;margin-top:calc(-2.2*var(--p));font-size:calc(46*var(--p));font-weight:500;letter-spacing:0;color:var(--oro);transform:scaleX(1.02);transform-origin:left top}
  .fb-intro{left:calc(383*var(--p));top:calc(174.3*var(--p));width:calc(575*var(--p));margin:0;max-width:none;font-size:calc(17.8*var(--p));line-height:calc(23.3*var(--p))}
  .fb-iconos{position:absolute;left:0;top:0;display:block;margin:0;width:0;height:0}
  .fb-iconos li{position:absolute;top:calc(291*var(--p));transform:translateX(-50%);padding:0;gap:0;font-size:calc(12*var(--p));line-height:calc(17*var(--p));letter-spacing:0;white-space:nowrap;border:0!important}
  .fb-iconos li:nth-child(1){left:calc(441*var(--p));--sep:66}
  .fb-iconos li:nth-child(2){left:calc(563*var(--p));--sep:65}
  .fb-iconos li:nth-child(3){left:calc(695*var(--p));--sep:72}
  .fb-iconos li:nth-child(4){left:calc(823*var(--p))}
  .fb-iconos li:nth-child(-n+3)::after{content:"";position:absolute;left:calc(50% + var(--sep)*var(--p));top:calc(-8*var(--p));height:calc(76*var(--p));border-left:1px solid rgba(240,196,0,.4)}
  .fb-iconos .fb-ico{width:calc(44*var(--p));height:calc(44*var(--p));display:flex;align-items:center;justify-content:center;margin-bottom:calc(3*var(--p))}
  .fb-iconos .fb-ico img,.fb-banda-iconos .fb-ico img{width:calc(var(--w)*var(--p));height:auto}
  .fb-lateral{position:absolute;display:block;left:calc(1513*var(--p));top:calc(59*var(--p));width:calc(150*var(--p));margin:0;padding:0;z-index:2;font-family:var(--sans);font-weight:400;font-size:calc(22.3*var(--p));line-height:calc(27.7*var(--p));letter-spacing:.01em;text-transform:uppercase;text-shadow:none;color:#fff}
  .fb-lateral span{display:block;position:relative;margin-top:calc(22.7*var(--p));padding-top:calc(19*var(--p));border:0;width:auto;font-size:calc(17.3*var(--p));letter-spacing:0;color:#e8b830}
  .fb-lateral span::before{content:"";position:absolute;left:calc(1*var(--p));top:0;width:calc(38*var(--p));height:calc(1.6*var(--p));background:#d8a010}
  .fb .fb-ver-video{position:absolute;left:calc(1222*var(--p));top:calc(271*var(--p));right:auto;bottom:auto;margin:0;z-index:2;min-width:calc(238*var(--p));height:calc(44*var(--p));min-height:0;padding:0 calc(40*var(--p)) 0 calc(18*var(--p));justify-content:flex-start;gap:calc(32*var(--p));border:0;font-size:calc(21.6*var(--p));font-weight:700;letter-spacing:0;color:#14100a;background:linear-gradient(180deg,#fcc357 0%,#f8b94c 40%,#eb9b10 100%)}
  .fb-ver-video svg{width:calc(32.6*var(--p));height:calc(32.6*var(--p))}
  /* Seis pasos: columnas y fotos como la diapositiva */
  .fb-pasos{grid-template-columns:256fr 279fr 279fr 290fr 301fr 267fr;height:calc(282*var(--p));gap:0;background:none}
  .fb-paso{position:relative;display:block;padding:0;overflow:hidden;background:#050505;border-left:0}
  .fb-paso+.fb-paso{box-shadow:inset 1px 0 0 rgba(232,178,74,.16)}
  .fb-paso-cab{position:absolute;left:0;top:0;width:100%;height:calc(63*var(--p));min-height:0;margin:0;display:block}
  .fb-paso-n{position:absolute;left:calc(var(--l)*var(--p) + var(--nx)*var(--p));top:calc(12.4*var(--p));font-size:calc(37*var(--p));font-weight:500;line-height:1;color:var(--oro)}
  .fb-paso-t{position:absolute;left:calc(var(--l)*var(--p) + var(--tx)*var(--p));top:calc(12.6*var(--p));font-size:calc(15*var(--p));font-weight:500;line-height:calc(18*var(--p));letter-spacing:0;white-space:nowrap}
  .fb-paso-flecha{position:absolute;left:calc((var(--l) + var(--w) - 25)*var(--p));top:calc(22*var(--p));width:calc(24*var(--p));height:calc(16*var(--p));color:var(--oro)}
  .fb-paso-foto{position:absolute;left:calc(var(--l)*var(--p));top:calc(63*var(--p));width:calc(var(--w)*var(--p));height:calc(140*var(--p));aspect-ratio:auto;object-fit:cover}
  .fb-paso-x{position:absolute;left:calc((var(--l) + var(--w)/2 - var(--tw)/2)*var(--p));top:calc(210.8*var(--p));width:calc(var(--tw)*var(--p));margin:0;font-size:calc(16.1*var(--p));line-height:calc(20.4*var(--p))}
  .fb-paso-1{--l:23;--w:222;--nx:9;--tx:65;--tw:200}
  .fb-paso-2{--l:12;--w:257;--nx:8;--tx:66;--tw:230}
  .fb-paso-3{--l:12;--w:256;--nx:6;--tx:62;--tw:235}
  .fb-paso-4{--l:11;--w:273;--nx:5;--tx:60;--tw:245}
  .fb-paso-5{--l:16;--w:273;--nx:3;--tx:58;--tw:230}
  .fb-paso-5 .fb-paso-x{font-size:calc(14.75*var(--p))}
  .fb-paso-6{--l:10;--w:250;--nx:3;--tx:60;--tw:200}
  /* Franja del distribuidor */
  .fb-banda{display:block;position:relative;height:calc(108*var(--p));padding:0;text-align:left}
  .fb-banda>*{position:absolute}
  .fb-banda-lema{left:calc(40*var(--p));top:calc(21.4*var(--p));font-size:calc(23.4*var(--p));line-height:calc(28*var(--p));letter-spacing:0;font-weight:400;white-space:nowrap}
  .fb-banda-lema .fb-sep{width:calc(3.4*var(--p));height:calc(3.4*var(--p));margin:0 calc(9*var(--p))}
  .fb-banda-lema>span:last-child{display:block;margin-top:calc(5.6*var(--p));font-family:var(--serif);font-weight:500;font-size:calc(20.6*var(--p));line-height:calc(24*var(--p));letter-spacing:.055em;color:var(--amarillo)}
  .fb-banda-medio{display:block;left:0;top:0;width:0;height:0}
  .fb-banda-medio>*{position:absolute}
  .fb-banda::before{content:"";position:absolute;left:calc(505*var(--p));top:calc(18*var(--p));height:calc(70*var(--p));border-left:calc(1.6*var(--p)) solid var(--raya)}
  .fb-banda::after{content:"";position:absolute;left:calc(1322*var(--p));top:calc(18*var(--p));height:calc(70*var(--p));border-left:calc(1.6*var(--p)) solid var(--raya)}
  .fb-sectores{left:calc(543*var(--p));top:calc(31*var(--p));border:0;padding:0;font-size:calc(15*var(--p));line-height:calc(23.5*var(--p));letter-spacing:0;font-weight:500;white-space:nowrap}
  .fb-sectores::first-line{font-size:calc(14.3*var(--p))}
  .fb-sectores .fb-sep{width:calc(3.4*var(--p));height:calc(3.4*var(--p));margin:0 calc(10.5*var(--p))}
  .fb-sectores br~.fb-sep{margin:0 calc(12*var(--p))}
  .fb-banda .fb-boton{left:calc(940*var(--p));top:calc(23*var(--p));margin:0;width:calc(361*var(--p));height:calc(57*var(--p));min-height:0;padding:0;gap:calc(9*var(--p));border:0;border-radius:calc(3*var(--p));font-size:calc(15.4*var(--p));font-weight:700;letter-spacing:0;color:#1b1000;background:linear-gradient(180deg,#fcc357 0%,#f8b94c 38%,#eb9b10 88%,#e59105 100%)}
  .fb-banda .fb-boton span{display:inline-block;transform:scaleX(.9);transform-origin:center;margin:0 calc(-15*var(--p))}
  .fb-banda .fb-boton svg{width:calc(19*var(--p));height:calc(11*var(--p))}
  .fb-banda-iconos{left:0;top:0;width:0;height:0;border:0;padding:0;gap:0;display:block}
  .fb-banda-iconos li{position:absolute;top:calc(16*var(--p));transform:translateX(-50%);min-width:0;max-width:none;gap:0;font-size:calc(12.8*var(--p));line-height:calc(19*var(--p));white-space:nowrap}
  .fb-banda-iconos li:nth-child(1){left:calc(1392*var(--p))}
  .fb-banda-iconos li:nth-child(2){left:calc(1498*var(--p))}
  .fb-banda-iconos li:nth-child(3){left:calc(1598*var(--p))}
  .fb-banda-iconos .fb-ico{width:calc(44*var(--p));height:calc(34*var(--p));display:flex;align-items:center;justify-content:center;margin-bottom:calc(5.5*var(--p))}
  /* Pie */
  .fb-pie{position:relative;display:block;height:calc(66*var(--p));padding:0;font-size:calc(15*var(--p));letter-spacing:.065em;line-height:1}
  .fb-pie p{position:absolute;top:calc(-.5*var(--p));height:calc(66*var(--p));display:flex;align-items:center;white-space:nowrap;margin:0}
  .fb-pie p:first-child{left:calc(39*var(--p))}
  .fb-pie p:last-child{right:calc(34*var(--p));letter-spacing:.045em;word-spacing:calc(24*var(--p))}
  .fb-pie-oro{left:calc(833.5*var(--p));transform:translateX(-50%);font-size:calc(20*var(--p));letter-spacing:.03em;color:var(--amarillo);font-weight:500}
  .fb-barra{font-size:0}
  .fb-pie-oro .fb-punto{width:calc(4*var(--p));height:calc(4*var(--p));margin:0 calc(21*var(--p))}
  .fb-pie .fb-barra{margin:0 calc(16*var(--p));height:calc(20*var(--p));width:calc(1.5*var(--p))}
}

.fb a.fb-boton,.fb a.fb-pildora{color:#1b1207}
@media (min-width:1100px){html[lang=en] .fb-paso-t{font-size:calc(13.8*var(--p))}}

/* Textos legales (aviso legal, privacidad, cookies) dentro de la web de SS Filmbase, y su fila de enlaces en el pie */
.fb-texto-legal{width:100%;max-width:860px;margin:0 auto;padding:clamp(28px,5vw,72px) var(--lado) clamp(36px,6vw,90px);line-height:1.65}
.fb-texto-legal h1{font-family:var(--serif);font-weight:500;font-size:clamp(30px,3.6vw,56px);line-height:1.1;margin:0 0 .7em;color:var(--oro1)}
.fb-texto-legal .cookies-cambiar{margin:1.2em 0 0}
.fb-texto-legal .cookies-cambiar button{min-height:44px;padding:0 1.4rem;border:1px solid var(--oro);background:transparent;color:var(--oro1);font:500 .8rem/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;cursor:pointer}
.fb-texto-legal .cookies-cambiar button:hover{background:rgba(255,255,255,.08)}
.fb-texto-legal h2{font-family:var(--serif);font-weight:500;font-size:clamp(22px,1.8vw,30px);margin:1.6em 0 .5em;color:var(--oro1)}
.fb-texto-legal p,.fb-texto-legal li{font-size:clamp(15px,1.05vw,18px)}
.fb-texto-legal a{color:var(--oro1);overflow-wrap:anywhere}
/* D-FILM-033: la tabla «Cookies que usa esta web» no ensancha la página en el móvil (a 390 llegaba a 453 px): una ficha por cookie,
   cada dato con su rótulo, como en SS AI (D-SSAI-184/557). En escritorio la tabla se queda como estaba. */
@media (max-width:600px){
  .fb-texto-legal .cookies-lista table,.fb-texto-legal .cookies-lista tbody{display:block;width:100%;min-width:0}
  .fb-texto-legal .cookies-lista thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .fb-texto-legal .cookies-lista tr{display:block;margin:0 0 1rem;padding:0 0 .8rem;border-bottom:1px solid rgba(242,181,60,.25)}
  .fb-texto-legal .cookies-lista th[scope=row],.fb-texto-legal .cookies-lista td{display:block;text-align:left;padding:.15rem 0;overflow-wrap:anywhere}
  .fb-texto-legal .cookies-lista td::before{content:attr(data-label) ": ";font-weight:600;color:var(--oro1)}
}
.fb-pie-legal{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 20px;padding:0 var(--lado) 14px;font-size:12px;color:rgba(255,255,255,.7)}
.fb-pie-legal a{text-decoration:none}
.fb-pie-legal a:hover,.fb-pie-legal a:focus-visible{color:var(--oro1);text-decoration:underline}
/* Tableta: los sectores de la banda en sus dos líneas, como en la diapositiva (a 15 px «Tiendas de lujo» bajaba solo a otra línea). */
@media (min-width:600px) and (max-width:1099.98px){.fb-sectores{font-size:clamp(11px,1.6vw,13px);letter-spacing:.01em}}
/* Pie dorado en móvil (W8 19-oct, 390 en inglés): «DESIGN • TECHNOLOGY • PERFORMANCE» no cabe en una línea y se partía dejando el punto
   colgado al final. Hasta 480 px, los tres pilares uno debajo de otro, sin puntos. */
@media (max-width:480px){.fb .fb-pie-oro .fb-punto{display:block;width:auto;height:0;margin:0;background:none}}

/* Tamaños mínimos en móvil (W5 19-oct, movil-rev-w5/DIFERENCIAS.md; V9): hasta 768 px, ningún texto de menos de 14 px y ningún enlace o botón
   de menos de 44 px de alto. Con .fb delante para ganar a las reglas de cada pieza; en escritorio no cambia nada. */
@media (max-width:768px){
  .fb .fb-idioma,.fb .fb-pie,.fb .fb-pie-legal,.fb .fb-iconos li,.fb .fb-banda-iconos li,.fb .fb-sectores,.fb .fb-paso-t,.fb .fb-kicker,.fb .aviso-cookies button{font-size:14px}
  .fb .fb-lateral span{font-size:max(14px,.85em)}
  .fb .fb-pie-legal a,.fb .fb-consent a{display:inline-flex;align-items:center;min-height:44px}
  .fb .fb-saltar{min-height:44px;display:flex;align-items:center}
  .fb .fb-consent label{min-height:44px}
}

/* La banda «Distribuidor oficial · Barcelona» (W8 19-oct, 2.ª pasada del inglés): a 768 y 390 se partía con el punto colgado al final de la
   primera línea; por debajo de 1024 px, en dos líneas y sin el punto (a 1024 y más cabe en una). */
@media (max-width:1023.98px){.fb .fb-banda-lema>.fb-sep{display:block;width:auto;height:0;margin:0;background:none}}

/* Los sectores de la banda (W5/V7 19-oct, 3.ª medida): a 390 y 768 en es la primera línea acababa en «ARQUITECTURA • INMOBILIARIA •» y «TIENDAS DE LUJO»
   quedaba solo, sin separador. Por debajo de 1024 px, el 2.º separador de la primera fila es salto de línea (sin punto): 2 + 1, nunca colgado. */
@media (max-width:1023.98px){.fb .fb-sectores>.fb-sep:nth-child(4){display:block;width:auto;height:0;margin:0;background:none}}

/* La marca en la cabecera fuera de inicio (V7 19-oct; SÍ del puente): el logo de inicio a 40 px de alto, a la izquierda, enlazado a inicio. */
.fb-cab-logo{margin-right:auto;display:flex;align-items:center;min-height:44px}
.fb-cab-logo img{height:40px;width:auto}

/* Legal de Filmbase (V3 19-oct): los párrafos y listas salían pegados por «.fb p{margin:0}»; espacio entre bloques como en SS AI y Performance. */
.fb .fb-texto-legal p,.fb .fb-texto-legal ul,.fb .fb-texto-legal ol{margin:0 0 1em}

/* Página de error de SS Filmbase (404 y demás). */
.fb .fb-error-pagina{flex:1 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;text-align:center;padding:clamp(48px,10vw,140px) var(--lado)}
.fb .fb-error-codigo{font-family:var(--serif);font-size:clamp(56px,9vw,120px);line-height:1;color:var(--oro1)}
.fb .fb-error-pagina h1{font-family:var(--serif);font-weight:500;font-size:clamp(28px,3.4vw,52px);color:var(--oro1)}
.fb .fb-error-pagina p{max-width:640px;font-size:clamp(16px,1.2vw,19px)}
/* D-FILM-046: los dos botones del 404 (inicio y reservar), en fila y en columna en móvil; el segundo, con borde dorado sin relleno. */
.fb .fb-error-botones{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:.4rem}
.fb a.fb-boton.fb-boton--linea{background:transparent;color:var(--oro1)}
@media (max-width:599.98px){.fb .fb-error-botones{flex-direction:column;align-self:stretch}}
/* El enlace de privacidad de la casilla de consentimiento va dentro del texto: en línea, con relleno para el área táctil (D-FILM-013). */
@media (max-width:768px){.fb .fb-consent a{display:inline;min-height:0;padding:12px 0}}
/* D-FILM-044 y D-FILM-045 (V7, 20-oct; criterio 1889.): ningún texto del Inicio ni del pie por debajo de 10 px entre 1101 y 1439; ≥1440 y
   ≤1100 idénticos. Solo se recoloca lo que, con 10 px, se pisaría (medido): «Distribuidor local» con sus separadores (--d: 8,5 px a 1101, 0 a
   ~1300), la caja del paso 05 (158 px como mínimo, para no pasar de 3 líneas) y el título del paso 01 en inglés frente a su flecha. */
@media (min-width:1101px) and (max-width:1439.98px){
  .fb-iconos li{font-size:max(10px,calc(12*var(--p)))}
  .fb-iconos{--d:max(0px,55.5px - 71.4*var(--p))}
  .fb-iconos li:nth-child(2)::after{left:calc(50% + var(--sep)*var(--p) - .47*var(--d))}
  .fb-iconos li:nth-child(3){left:calc(695*var(--p) + .53*var(--d))}
  .fb-iconos li:nth-child(3)::after{left:calc(50% + var(--sep)*var(--p) + .61*var(--d))}
  .fb-iconos li:nth-child(4){left:calc(823*var(--p) + 1.14*var(--d))}
  .fb-banda-iconos li{font-size:max(10px,calc(12.8*var(--p)))}
  .fb-paso-t{font-size:max(10px,calc(15*var(--p)))}
  html[lang=en] .fb-paso-t{font-size:max(10px,calc(13.8*var(--p)))}
  html[lang=en] .fb-paso-1 .fb-paso-t{left:min(calc((var(--l) + var(--tx))*var(--p)),calc((var(--l) + var(--w) - 25)*var(--p) - 91px))}
  .fb-paso-5 .fb-paso-x{font-size:max(10px,calc(14.75*var(--p)));width:max(calc(230*var(--p)),158px);left:calc((var(--l) + var(--w)/2)*var(--p) - max(calc(115*var(--p)),79px))}
  .fb-sectores{font-size:max(10px,calc(15*var(--p)))}
  .fb-sectores::first-line{font-size:max(10px,calc(14.3*var(--p)))}
  .fb-pie{font-size:max(10px,calc(15*var(--p)))}
}