/* SS AI Designer: Profesionales, Proveedores y sus formularios (diapositivas 8 a 12). Negro y dorado. */

.sf{--sf-negro:#050301;--sf-panel:#0d0a07;--sf-campo:#1b1b1d;--sf-linea:#3a342c;--sf-oro1:#ffd45e;--sf-oro2:#f29a1b;--sf-oro:#f2b53c;--sf-texto:#f4efe6;--sf-suave:#c9c2b4;--sf-rojo:#ff8f7d;
  --sf-serif:var(--serif);--sf-sans:var(--sans);
  background:var(--sf-negro);color:var(--sf-texto);font-family:var(--sf-sans);font-size:1rem;line-height:1.5;overflow:hidden}
.sf *,.sf *::before,.sf *::after{box-sizing:border-box}
:where(.sf) :is(h1,h2,p,ul,ol){margin:0;padding:0}
.sf ul,.sf ol{list-style:none}
.sf a{color:inherit}
.sf-blanco{color:#fff}
.sf-oro,.sf em{background:var(--letras);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--sf-oro);font-style:normal}

.sf-seccion{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,3vw,48px);align-items:start;padding:clamp(28px,3.4vw,52px) clamp(20px,4vw,56px);max-width:1680px;margin:0 auto;position:relative}
.sf-texto{position:relative;min-width:0}
.sf-kicker{font-size:1.05rem;letter-spacing:.32em;text-transform:uppercase;color:var(--sf-oro1);font-weight:400;margin-bottom:1rem;position:relative}
.sf-titular{font-family:var(--sf-serif);font-weight:700;font-size:clamp(2.2rem,4.2vw,4.4rem);line-height:1;letter-spacing:-.01em;text-transform:uppercase;margin-bottom:1.5rem}
.sf-titular span{display:block}
.sf-titular span span{display:inline}   /* D-SSAI-055: «estudio» y «constructora.» en dorado dentro de su línea, la «o» en blanco */
.sf-kicker-raya::after{content:"";display:block;width:clamp(48px,5.4vw,96px);height:1px;margin-top:.9rem;background:var(--sf-oro1)}   /* D-SSAI-055: la raya dorada corta bajo el kicker, como la diapositiva 10 */
@media (min-width:1101px){.sf-titular span{white-space:nowrap}}
.sf-lead{font-size:clamp(1rem,1.45vw,1.5rem);line-height:1.45;color:#fff;max-width:36ch;margin-bottom:1.8rem;font-weight:400}
.sf-boton{display:inline-flex;align-items:center;justify-content:center;gap:.9rem;padding:.95rem 1.8rem;border:0;border-radius:8px;background:var(--degradado);color:#171006;font:700 clamp(1rem,1.6vw,1.5rem)/1.1 var(--sf-sans);letter-spacing:.02em;text-transform:uppercase;text-decoration:none;cursor:pointer;box-shadow:0 0 28px rgba(242,154,27,.25);transition:filter .15s,transform .15s}
.sf-boton:hover{filter:brightness(1.08)}
.sf-boton:focus-visible,.sf a:focus-visible,.sf input:focus-visible,.sf select:focus-visible,.sf textarea:focus-visible{outline:3px solid #fff;outline-offset:2px}
.sf-boton[disabled]{opacity:.65;cursor:progress}
.sf-flecha{width:1.5em;height:.9em;flex:none}
.sf-marco{border:1px solid var(--sf-oro);box-shadow:0 0 0 1px rgba(255,212,94,.15),0 0 34px rgba(242,154,27,.18);overflow:hidden;background:#000}
.sf-marco picture,.sf-marco img{display:block;width:100%;height:100%}
.sf-marco img{object-fit:cover}
.sf-subtitulo{font-family:var(--sf-serif);font-weight:700;font-size:clamp(1.5rem,2.15vw,2.2rem);text-transform:uppercase;letter-spacing:.01em;margin-bottom:.35rem;background:var(--letras);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.sf-banda{display:flex;align-items:center;justify-content:center;gap:1.2rem;text-align:center;text-transform:uppercase;letter-spacing:.06em;font-size:clamp(.95rem,1.6vw,1.45rem);padding:1rem clamp(20px,4vw,56px)}
.sf-banda::before,.sf-banda::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--sf-oro));max-width:15%}
.sf-banda::after{background:linear-gradient(270deg,transparent,var(--sf-oro))}
.sf-banda-oro{color:var(--sf-oro1);font-weight:500}
.sf-banda-fina{font-size:clamp(.78rem,1.1vw,.95rem);letter-spacing:.04em;padding-top:.4rem;padding-bottom:1.6rem}

/* Profesionales, diapositiva 8 */
.sf-prof-hero{aspect-ratio:16/9;align-self:center}   /* W7 (19-oct): la imagen de la 958. es 16:9; con 2/1 se cortaban techo y mesa */
.sf-prof-a{align-items:center;padding-top:clamp(10px,1vw,18px);grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr)}
@media (min-width:1101px){.sf-prof-hero{aspect-ratio:16/9;margin-right:-.55vw}   /* ancho 784 como la diapositiva 8; alto 16:9: la imagen entera, sin cortar techo ni mesa (958.; recorrido-ssai exige ≥ 98 % visible) */.sf-prof-a .sf-boton{white-space:nowrap;font-size:min(clamp(1rem,1.6vw,1.5rem),calc(100cqw/21.5))}}
.sf-prof-a .sf-titular{font-size:clamp(2.2rem,4.7vw,5rem)}
.sf-trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;max-width:1680px;margin:0 auto;padding:0 clamp(20px,4vw,56px)}
.sf-trio-item{padding:1.2rem clamp(12px,2vw,28px) 1.2rem 0;border-top:1px solid var(--sf-oro);border-right:1px solid rgba(242,181,60,.25);margin-right:clamp(12px,2vw,28px)}
.sf-trio-item:last-child{border-right:0;margin-right:0;padding-right:0}
@media (min-width:761px) and (max-width:1100px){.sf-subtitulo{font-size:clamp(1.15rem,2.6vw,1.5rem)}}   /* D-SSAI-215: «CONSTRUCTORAS» a 761-900 px no cabe en su columna con background-clip:text y se corta la S final */
@media (min-width:761px){.sf-trio-item:last-child{padding-right:clamp(12px,2vw,28px);margin-right:clamp(12px,2vw,28px)}}   /* Víctor 18:13: las tres cajas del trío iguales (la última era más ancha y más alta) */
.sf-trio-item p{font-size:clamp(.95rem,1.25vw,1.2rem);color:#fff;font-weight:300;margin-bottom:.8rem;max-width:36ch}
.sf-trio-item{display:flex;flex-direction:column}.sf-trio-item .sf-marco{aspect-ratio:700/394;margin-top:auto}   /* Víctor 19-oct 22:1x: las tres del mismo tamaño y las fotos enteras (son 700x394) */
.sf-marco--plano img{object-fit:contain}   /* Víctor 19-oct 22:0x-22:1x (captura del cliente): el plano 3D ENTERO, sin zoom, recortado sobre el negro y sin el logo, en una caja igual que las otras dos; sustituye al «ampliado llenando la caja» de las 18:13 */

/* Profesionales (9) y Proveedores (11): texto a la izquierda y ocho sectores a la derecha */
.sf-prof-b,.sf-prov{align-items:stretch;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);padding-left:clamp(20px,2.4vw,44px);padding-right:clamp(20px,3vw,44px)}
.sf-prof-b .sf-titular,.sf-prov .sf-titular{font-size:clamp(2.1rem,3.75vw,4rem)}
.sf-prof-b .sf-titular{word-spacing:.16em}   /* D-SSAI-647: «DEL ANTEPROYECTO» con espacio de palabra claro, como la diapositiva 9 (el espacio medía 0,18 em) */
.sf-prof-b .sf-lead,.sf-prov .sf-lead{max-width:42ch}
.sf-nota{display:flex;gap:.7rem;align-items:flex-start;margin-top:1.2rem;font-size:clamp(.85rem,1.05vw,1rem);color:var(--sf-suave);max-width:36ch}
.sf-nota svg{width:26px;height:26px;flex:none;color:var(--sf-oro1)}
.sf-izq{margin-top:1.4rem;margin-left:calc(-1 * clamp(20px,2.4vw,44px));position:relative;overflow:hidden;border-radius:2px;aspect-ratio:16/8.5;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 30%);mask-image:linear-gradient(180deg,transparent 0,#000 30%)}
.sf-izq picture,.sf-izq img{display:block;width:100%;height:100%;object-fit:cover}
.sf-sectores{align-content:start;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(8px,1vw,14px)}
.sf-sectores li{position:relative;border:1px solid var(--sf-oro);background:#000;overflow:hidden;display:flex;flex-direction:column;aspect-ratio:.64;box-shadow:0 0 22px rgba(242,154,27,.12)}
.sf-sectores picture{flex:1;min-height:0}
/* Diapositiva 9: «Cocinas y electrodomésticos» en una sola línea (la letra se ajusta al ancho de la tarjeta) */
.sf-sectores .sf-sector-cocinas{container-type:inline-size}
@media (min-width:761px){html[lang=es] .sf-sectores li.sf-sector-cocinas>span{white-space:nowrap;overflow-wrap:normal;hyphens:none;letter-spacing:-.01em;word-spacing:.12em;padding-left:.25rem;padding-right:.25rem;font-size:min(clamp(.62rem,.85vw,.92rem),calc((100cqw - .5rem)/17.6))}}   /* solo es (en cabe en una línea con el tamaño normal); (0,3,2): gana a .sf-prof-b .sf-sectores span (0,2,1, l.~242) que va después */
.sf-sectores img{display:block;width:100%;height:100%;object-fit:cover}
.sf-sectores span{display:flex;align-items:center;justify-content:center;text-align:center;min-height:3.1em;padding:.4rem .5rem;background:#050301;font-family:var(--sf-serif);font-weight:700;font-size:clamp(.62rem,.85vw,.92rem);text-transform:uppercase;line-height:1.15;color:#fff;overflow-wrap:anywhere;hyphens:auto;border-top:1px solid rgba(242,181,60,.35)}
.sf-ventajas{display:grid;gap:.6rem;margin:1.6rem 0 0;max-width:30rem}
.sf-ventajas li{display:flex;align-items:center;gap:1.1rem;padding-bottom:.6rem;border-bottom:1px solid var(--sf-oro);text-transform:uppercase;letter-spacing:.03em;font-size:clamp(.9rem,1.15vw,1.1rem);font-weight:300}
.sf-ventajas svg{width:38px;height:38px;flex:none;color:var(--sf-oro1)}
.sf-pie-nota{font-size:.78rem;color:var(--sf-suave);margin-top:.8rem}

/* Formularios, diapositivas 10 y 12 */
.sf-form-seccion{padding-top:clamp(10px,1vw,18px);align-items:stretch;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:clamp(12px,1vw,20px);padding-bottom:clamp(14px,1.4vw,26px)}
.sf-form-seccion .sf-texto{display:flex;flex-direction:column}
.sf-form-seccion .sf-titular{font-size:clamp(2.1rem,3.3vw,3.6rem);margin-bottom:1.4rem}
.sf-form-seccion .sf-lead{font-size:clamp(.95rem,1.5vw,1.55rem)}
.sf-form-seccion .sf-fondo{margin-top:auto;aspect-ratio:auto;flex:1;min-height:200px;margin-left:calc(-1 * clamp(20px,4vw,56px));margin-bottom:calc(-1 * clamp(14px,1.4vw,26px))}
.sf-form-seccion .sf-fondo img{object-position:left bottom}
.sf-tarjeta{border:1px solid var(--sf-oro);background:rgba(5,3,1,.82);padding:clamp(16px,1.6vw,26px) clamp(18px,1.7vw,28px);border-radius:3px;box-shadow:0 0 40px rgba(242,154,27,.12);position:relative}
.sf-tarjeta-titulo{font-family:var(--sf-serif);font-weight:700;font-size:clamp(1.6rem,2.4vw,2.4rem);text-transform:uppercase;margin-bottom:1rem;padding-bottom:.5rem;position:relative}
.sf-tarjeta-titulo::after{content:"";position:absolute;left:0;bottom:0;width:52px;height:2px;background:var(--sf-oro2)}
.sf-tarjeta-titulo span{display:inline}
.sf-rejilla{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem clamp(14px,1.8vw,24px)}
.sf-campo{display:flex;flex-direction:column;gap:.25rem;min-width:0}
.sf-ancho{grid-column:1/-1}
.sf-campo label,.sf-sectores-campo legend{font-size:clamp(1rem,1.08vw,1.2rem);color:#fff;font-weight:400}
.sf-campo input,.sf-campo select,.sf-campo textarea{width:100%;background:var(--sf-campo);color:#fff;border:1px solid #4a443c;border-radius:5px;padding:.7rem .9rem;font:400 1rem/1.3 var(--sf-sans);min-height:46px}
.sf-campo textarea{resize:vertical;min-height:84px}
.sf-campo input::placeholder,.sf-campo textarea::placeholder{color:#8f897d;opacity:1}
.sf-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}
.sf-campo select:invalid{color:#8f897d}
.sf-campo select option{color:#fff;background:#1b1b1d}
.sf-campo input:focus,.sf-campo select:focus,.sf-campo textarea:focus{border-color:var(--sf-oro1)}
.sf-malo input,.sf-malo select,.sf-malo textarea,.sf-campo.sf-malo input{border-color:var(--sf-rojo)}
.sf-error{color:var(--sf-rojo);font-size:.88rem;line-height:1.3}
.sf-error[hidden]{display:none}
.sf-resumen{border:1px solid var(--sf-rojo);background:rgba(255,143,125,.08);color:#ffd4cc;padding:.7rem 1rem;border-radius:5px;margin-bottom:.9rem;font-size:.95rem}
.sf-resumen[hidden]{display:none}
.sf-resumen ul{list-style:disc;padding-left:1.1rem}
.sf-trampa{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.sf-consent{margin:.8rem 0 .8rem}
.sf-consent label{display:flex;align-items:center;gap:.7rem;font-size:1rem;cursor:pointer}
.sf-consent a{text-decoration:underline;color:inherit}   /* D-SSAI-574 (diapositiva 12, ampliada): «política de privacidad» en blanco, como el resto de la casilla, y subrayado (sustituye al dorado de D-SSAI-297) */
.sf-consent input,.sf-casillas 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}
.sf-consent input::after,.sf-casillas input::after{content:"";width:12px;height:12px;transform:scale(0);background:var(--sf-oro1);clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0,43% 62%);transition:transform .1s}
.sf-consent input:checked::after,.sf-casillas input:checked::after{transform:scale(1)}
.sf-consent input:checked,.sf-casillas input:checked{border-color:var(--sf-oro1)}
.sf-malo .sf-consent input,.sf-consent.sf-malo input{border-color:var(--sf-rojo)}
.sf-enviar{width:100%;padding:1rem 1.4rem;font-size:clamp(1.05rem,1.6vw,1.5rem)}
.sf-sectores-campo{border:0;margin:.9rem 0 .4rem;padding:0;min-width:0}
.sf-sectores-campo legend{padding:0;margin-bottom:.5rem;font-size:.9rem;letter-spacing:.3em;text-transform:uppercase;color:var(--sf-oro1)}
.sf-casillas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem clamp(14px,1.8vw,24px)}
.sf-casillas label{display:flex;align-items:center;gap:.75rem;text-transform:uppercase;font-size:.92rem;font-weight:300;cursor:pointer;letter-spacing:.02em}
.sf-sectores-campo.sf-malo .sf-casillas input{border-color:var(--sf-rojo)}
.sf-instrucciones{display:flex;gap:.8rem;align-items:flex-start;margin:1.1rem 0 1rem;padding:.8rem 1rem;border:1px solid rgba(242,181,60,.5);border-radius:5px;background:rgba(242,181,60,.06);font-size:.98rem;color:#fff;font-weight:300}
.sf-instrucciones svg{width:24px;height:24px;flex:none;color:var(--sf-oro1);margin-top:.1rem}
.sf-pasos{display:grid;gap:.9rem;margin:2rem 0 .6rem;max-width:26rem}
.sf-pasos li{display:flex;align-items:center;gap:1rem;padding-bottom:.7rem;border-bottom:1px solid var(--sf-oro);text-transform:uppercase;letter-spacing:.03em;font-size:clamp(.95rem,1.25vw,1.2rem);font-weight:300}
.sf-paso-n{display:grid;place-items:center;width:50px;height:50px;flex:none;border:2px solid var(--sf-oro1);border-radius:50%;color:var(--sf-oro1);font-size:1.15rem;font-weight:500}
.sf-pasos-nota{font-size:.9rem;color:var(--sf-suave);max-width:26rem}
.sf-pasos-texto{max-width:40rem}
.sf-pasos-texto li{text-transform:none;font-size:clamp(1rem,1.2vw,1.15rem);letter-spacing:0;align-items:flex-start;border-bottom:1px solid rgba(242,181,60,.4)}
.sf-pasos-texto .sf-paso-n{width:42px;height:42px;font-size:1rem}
.sf-gracias-seccion{align-items:center;min-height:min(70vh,640px)}
.sf-gracias-seccion .sf-lead{max-width:44ch}
.sf-gracias-img{aspect-ratio:16/10}
.sf-flecha-izq{order:-1}

@media (max-width:1100px){
  .sf-seccion{grid-template-columns:1fr}
  .sf-form-seccion{grid-template-columns:1fr}
  .sf-prof-hero{aspect-ratio:16/9}
  .sf-izq{max-width:720px}
  .sf-sectores li{aspect-ratio:.72}
}
@media (max-width:760px){
  .sf-trio{grid-template-columns:minmax(0,1fr);padding-bottom:.5rem}   /* D-SSAI-174: sin minmax(0,…) la columna tomaba el ancho de «ARCHITECTURE» (193 px) y a zoom 200 % (viewport 195) se salía 18 px */
  .sf-subtitulo{font-size:min(1.5rem,calc((100vw - 44px)/8.2));overflow-wrap:anywhere}
  .sf-trio-item,.sf-trio-item:last-child{border-right:0;margin-right:0;padding-right:0}
  .sf-sectores{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sf-rejilla{grid-template-columns:1fr}
  .sf-casillas{grid-template-columns:1fr}
  .sf-banda{display:block}
  .sf-banda::before,.sf-banda::after{display:none}
  .sf-boton{width:100%}
  .sf-titular{font-size:clamp(2.2rem,11vw,3.2rem)!important}
  .sf-form-seccion .sf-titular{font-size:clamp(1.9rem,9vw,3.2rem)!important}
  .sf-lead{max-width:none}
  .sf-izq{display:none}
  .sf-prov .sf-izq{display:none}
  .sf-prof-b .sf-izq{display:block}
  /* D-SSAI-298 (diapositiva 12): a 390 el registro de proveedor conserva la foto del lavabo tras los pasos (2:1, fundida por arriba) */
  .sf-registro .sf-izq.sf-fondo{display:block;position:static;width:auto;height:auto;aspect-ratio:2/1;margin:12px calc(-1 * clamp(20px,4vw,56px)) 0;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 30%);mask-image:linear-gradient(180deg,transparent 0,#000 30%)}
  .sf-registro .sf-izq.sf-fondo img{width:100%;height:100%;object-fit:cover;object-position:left bottom}
}
@media (prefers-reduced-motion:reduce){.sf-boton{transition:none}}

/* Proveedores (diapositiva 11): columna de texto más estrecha y la foto como franja baja */
@media (min-width:1101px){
.sf-prov{grid-template-columns:minmax(0,.76fr) minmax(0,1.24fr)}
.sf-prov .sf-titular{font-size:clamp(2.1rem,3.5vw,3.7rem)}
.sf-prov .sf-lead{max-width:36ch;font-size:clamp(1rem,1.35vw,1.4rem)}
.sf-prov .sf-izq{aspect-ratio:3.2/1}
}

/* Registro de proveedor (diapositiva 12): campos más compactos que en Contacto */
@media (min-width:761px){
.ssai-pag-proveedores .sf-campo input,.ssai-pag-proveedores .sf-campo select{min-height:38px;padding:.4rem .8rem;font-size:.95rem}
.ssai-pag-proveedores .sf-campo textarea{min-height:60px;padding:.5rem .8rem;font-size:.95rem}
.ssai-pag-proveedores .sf-rejilla{gap:.35rem clamp(14px,1.8vw,24px)}
}
.sf a.sf-boton{color:#171006}
@media (max-width:760px){
  .sf .sf-kicker{margin-bottom:.8rem}
  .sf .sf-titular{margin-bottom:1rem}
  .sf .sf-lead{margin-bottom:1.3rem}
}
@media (min-width:701px) and (max-width:1100px){
  .sf-izq{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 30%),linear-gradient(90deg,#000 78%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(180deg,transparent 0,#000 30%),linear-gradient(90deg,#000 78%,transparent 100%);mask-composite:intersect}
}

/* D-SSAI-306 (menor 1193.): a ≥1101 px la foto de materiales de Profesionales acababa en un borde derecho duro contra la rejilla; se funde por la derecha como ya hacía a 701-1100 px. */
@media (min-width:1101px){
  .sf-prof-b .sf-izq{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 30%),linear-gradient(90deg,#000 80%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(180deg,transparent 0,#000 30%),linear-gradient(90deg,#000 80%,transparent 100%);mask-composite:intersect}
}

/* Tablet y móvil: las secciones de Profesionales (B) y Proveedores con el mismo margen lateral que el resto. */
@media (max-width:1100px){.sf-prof-b,.sf-prov{padding-left:clamp(16px,4vw,56px);padding-right:clamp(16px,4vw,56px)}.sf-prof-b .sf-izq,.sf-prov .sf-izq{margin-left:calc(-1 * clamp(16px,4vw,56px))}}

/* Escritorio: el titular nunca pasa de su columna (en inglés las líneas son más largas). Cifras = ancho de la línea más larga entre cuerpo del texto. */
@media (min-width:1101px){
  .sf-seccion>.sf-texto{container-type:inline-size}
  .sf-prof-a .sf-titular{font-size:min(clamp(2.2rem,4.7vw,5rem),calc(100cqw/8.2))}
  .sf-prof-b .sf-titular{font-size:min(clamp(2.1rem,3.75vw,4rem),calc(100cqw/10.5))}
  .sf-prov .sf-titular{font-size:min(clamp(2.1rem,3.75vw,4rem),calc(100cqw/10.3))}
  .sf-form-seccion .sf-titular{font-size:min(clamp(2.1rem,3.3vw,3.6rem),calc(100cqw/9.9))}
  html[lang=en] .sf-prof-b .sf-titular{font-size:min(clamp(2.1rem,3.75vw,4rem),calc(100cqw/14.2))}
  html[lang=en] .sf-contacto .sf-titular{font-size:min(clamp(2.1rem,3.3vw,3.6rem),calc(100cqw/12.9))}
}
/* Gracias: titulares largos, deben poder partirse en varias líneas en vez de cortarse. */
@media (min-width:1101px){.sf-gracias-seccion .sf-titular{font-size:clamp(2.1rem,3.6vw,3.8rem)}.sf-gracias-seccion .sf-titular span{white-space:normal}}
.sf-campo select{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}

/* Registro de proveedor en escritorio, a la medida de la diapositiva 12 (1 px de diapositiva = 0,0598 vw): el formulario cabe en
   una pantalla y la foto del lavabo va detrás de los pasos 01 a 03, a la izquierda del formulario, entera. */
@media (min-width:1101px){
  .sf-registro .sf-form-seccion{padding-top:.9vw;padding-bottom:.9vw}
  .sf-registro .sf-texto{position:relative;z-index:0}
  .sf-registro .sf-texto>:not(.sf-fondo){position:relative;z-index:1}
  .sf-registro .sf-kicker{margin-bottom:.6vw}
  .sf-registro .sf-titular{margin-bottom:.9vw}
  .sf-registro .sf-lead{margin-bottom:0;font-size:min(clamp(.95rem,1.5vw,1.55rem),calc(100cqw/24))}
  .sf-registro .sf-pasos{margin:.9vw 0 .4vw;gap:.6vw;max-width:29vw}
  .sf-registro .sf-pasos-nota{max-width:29vw}
  .sf-registro .sf-pasos li{padding-bottom:.35vw;font-size:1.15vw}
  .sf-registro .sf-paso-n{width:2.7vw;height:2.7vw;font-size:1vw}
  .sf-registro .sf-pasos-nota{font-size:.95vw}
  .sf-registro .sf-fondo{position:absolute;z-index:0;left:calc(-1 * max(clamp(20px,4vw,56px),(100vw - 1680px) / 2 + 56px));right:-1vw;bottom:calc(-1 * .9vw);height:50%;min-height:0;margin:0;flex:none;aspect-ratio:auto;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 45%);mask-image:linear-gradient(180deg,transparent 0,#000 45%)}
  .sf-registro .sf-pasos,.sf-registro .sf-pasos-nota{text-shadow:0 1px 6px #000}
  .sf-registro .sf-paso-n{background:rgba(5,3,1,.7)}
  .sf-registro .sf-tarjeta{padding:.6vw 2.1vw 1vw}
  .sf-registro .sf-tarjeta-titulo{margin-bottom:.5vw;padding-bottom:.25vw}
  .sf-registro .sf-rejilla{gap:.3vw 2.8vw}
  .sf-registro .sf-campo{gap:.1vw}
  .sf-registro .sf-campo label,.sf-registro .sf-casillas label,.sf-registro .sf-consent label{font-size:1.02vw}
  .sf-registro .sf-campo input,.sf-registro .sf-campo select{min-height:2.15vw;height:2.15vw;padding:0 .9vw;font-size:.98vw}
  .sf-registro .sf-campo textarea{min-height:2.7vw;height:2.7vw;padding:.45vw .9vw;font-size:.98vw}
  .sf-registro .sf-sectores-campo{margin:.8vw 0 .2vw}
  .sf-registro .sf-sectores-campo legend{margin-bottom:.35vw;font-size:1vw}
  .sf-registro .sf-casillas{gap:.25vw 2.8vw}
  .sf-registro .sf-casillas input,.sf-registro .sf-consent input{width:1.35vw;height:1.35vw;border-width:1.5px}
  .sf-registro .sf-casillas input::after,.sf-registro .sf-consent input::after{width:.65vw;height:.65vw}
  .sf-registro .sf-instrucciones{margin:.6vw 0 .3vw;padding:.4vw .9vw;font-size:.9vw;line-height:1.35}
  .sf-registro .sf-instrucciones svg{width:1.35vw;height:1.35vw}
  .sf-registro .sf-consent{margin:.35vw 0 .4vw}
  .sf-registro .sf-enviar{padding:.55vw 1.4rem;font-size:1.45vw}
}
/* D-SSAI-636 (diapositiva 12): el formulario del registro escala con vw, así que por encima de 1920 px su columna (tope 1680) se queda corta y los sectores se partían en 2 líneas a 2560. El tope crece con la ventana (1680/1920 = 87,5vw) y la foto sigue pegada al borde. Hasta 1999 px: desde 2000 la página va con el zoom de D-SSAI-814 y se ve como a 1920. */
@media (min-width:1921px) and (max-width:1999px){
  .sf-registro .sf-form-seccion{max-width:87.5vw}
  .sf-registro .sf-fondo{left:calc(-1 * ((100vw - 87.5vw) / 2 + 56px))}
}
/* D-SSAI-829 (diapositiva 12, 16:9): el registro va en vw y mide ≈0,586 × el ancho de alto, así que cabe a 1440×900 y 1280×800 (16:10) pero no a 1920×1080,
   2560×1440 (con el zoom de 814) ni 1366×768. Solo en ventanas de 17:10 o más anchas se recortan espacios verticales (no la letra) y cabe en una pantalla
   (1920×1080: 1126 → 1067 px sin el aviso de cookies); la foto del lavabo va de bajo la nota del contrato hasta el pie, sin pisarla (302) y sin banda negra. 2560×1080 sigue con scroll (puente). */
@media (min-width:1101px) and (min-aspect-ratio:17/10){
  .sf-registro .sf-form-seccion{padding-top:.4vw;padding-bottom:.4vw}
  .sf-registro .sf-tarjeta{padding-bottom:.5vw}
  .sf-registro .sf-tarjeta-titulo{margin-bottom:.25vw}
  .sf-registro .sf-rejilla{row-gap:.15vw}
  .sf-registro .sf-sectores-campo{margin-top:.4vw}
  .sf-registro .sf-instrucciones{margin-top:.3vw}
  .sf-registro .sf-consent{margin:.2vw 0}
  .sf-registro .sf-fondo{height:22%}
}
@media (min-width:1200px){.sf-prof-b .sf-kicker{white-space:nowrap;letter-spacing:.26em}}   /* W7: en la diapositiva 9 el kicker va en una línea */

/* Diapositiva 9 (W0-ssai-prof-rejilla): la rejilla de los ocho sectores como la diapositiva. Columna derecha más ancha (fichas ≈194x306 a 1440),
   las dos filas reparten TODA la altura de la sección (sin negro debajo, hasta la banda final) y, en escritorio ancho, cada etiqueta en una línea. */
@media (min-width:1101px){
  .sf-prof-b{grid-template-columns:minmax(0,.76fr) minmax(0,1.24fr)}
  .sf-prof-b .sf-izq{aspect-ratio:16/7}
  .sf-prof-b .sf-sectores{align-content:stretch;grid-template-rows:repeat(2,minmax(0,1fr))}
  .sf-prof-b .sf-sectores li{aspect-ratio:auto;container-type:inline-size}
}
@media (min-width:1300px){
  /* W4-ssai-profesionales-etiquetas (DIFERENCIAS 6): letra y franja de la diapositiva llevada a 1440 (mayúsculas ≈10 px: 13 px de Playfair, ±10 %;
     franja ≈45 px). La que no cabe (Iluminación y detalles eléctricos) va en dos líneas, como en la diapositiva. */
  .sf-prof-b .sf-sectores span{overflow-wrap:normal;hyphens:none;min-height:45px;padding:.3rem 0;font-size:13px;line-height:1.1;letter-spacing:-.01em;text-wrap:balance}
}
@media (max-width:760px){.sf-prof-b .sf-sectores span{font-size:14px;hyphens:none;overflow-wrap:normal;text-wrap:balance}}
/* D-SSAI-791 (Profesionales a ≤760 px): la ficha tiene proporción fija y el rótulo de 1, 2 o 3 líneas (43/46/62 px) se comía la foto, así que en la misma fila las fotos medían distinto (a 390: Iluminación 179 frente a Ventanas 198 px). Banda de rótulo de alto fijo, la de 3 líneas: misma foto en toda la rejilla (medido 341-760 es/en, sin desbordes). */
@media (max-width:760px){.sf-prof-b .sf-sectores span{box-sizing:border-box;height:62px;min-height:0}}
@media (max-width:340px){.sf-sectores{grid-template-columns:minmax(0,1fr)}}   /* D-SSAI-174b: a zoom 200 % (viewport 195) y a 320 px las etiquetas de 14 px no caben en media columna («BATHROOM», «CERAMICS» salían de la ficha): una ficha por fila */   /* regla de móvil: 14 px como mínimo */
@media (min-width:1200px){.sf-prof-b .sf-kicker{font-size:min(1.05rem,calc(100cqw/36))}}   /* la columna del texto es más estrecha: el kicker sigue en una línea, sin cortarse */

/* W7 (D-SSAI-089/090/091, es): Contacto de escritorio a la medida de la diapositiva 10 (1 px de diapositiva a 1440 = 0,0694 vw): titular que cabe en su columna, entradilla en
   tres líneas de ~19,5 px, y el formulario (etiquetas de 14 px, campos de 40 px, paso de 76 px) cabe entero en 1440×810. */
@media (min-width:1101px){
  html[lang=es] .sf-contacto .sf-titular{line-height:1.03;margin-bottom:1.3vw}   /* el tamaño sigue limitado por su columna (cqw/9.9): con 59 px «O CONSTRUCTORA.» medía 561 px y pisaba la tarjeta */
  html[lang=es] .sf-contacto .sf-lead{font-size:1.35vw;line-height:1.49;max-width:none}
  html[lang=es] .sf-contacto .sf-form-seccion,html[lang=es] .sf-form-seccion.sf-contacto{padding-top:1.4vw;padding-bottom:1.4vw}
  html[lang=es] .sf-contacto .sf-tarjeta{padding:1vw 1.7vw 1.1vw}
  html[lang=es] .sf-contacto .sf-tarjeta-titulo{margin-bottom:.8vw;padding-bottom:.4vw}
  html[lang=es] .sf-contacto .sf-rejilla{gap:1vw 1.7vw}
  html[lang=es] .sf-contacto .sf-campo{gap:.25vw}
  html[lang=es] .sf-contacto .sf-campo label,html[lang=es] .sf-contacto .sf-consent label{font-size:.97vw;line-height:1.2}
  html[lang=es] .sf-contacto .sf-campo input,html[lang=es] .sf-contacto .sf-campo select{min-height:2.78vw;height:2.78vw;padding:0 .9vw;font-size:.95vw}
  html[lang=es] .sf-contacto .sf-campo textarea{min-height:4.4vw;height:4.4vw;padding:.55vw .9vw;font-size:.95vw}
  html[lang=es] .sf-contacto .sf-consent{margin:.8vw 0 .8vw}
  html[lang=es] .sf-contacto .sf-consent input{width:1.35vw;height:1.35vw;border-width:1.5px}
  html[lang=es] .sf-contacto .sf-consent input::after{width:.65vw;height:.65vw}
  /* D-SSAI-243: el botón de Contacto a 90° con el centro claro rgb(255,242,207) como la diapositiva 10. */
  .sf-contacto .sf-enviar{background:linear-gradient(90deg,var(--oro2) 0%,rgb(255,242,207) 50%,var(--oro2) 100%)}
  html[lang=es] .sf-contacto .sf-enviar{padding:.7vw 1.4rem;font-size:1.3vw}
}
@media (max-width:1100px){.sf-lead-salto{display:none}}   /* W7: el salto de línea de la entradilla (es) solo en escritorio */

/* V7 (D-SSAI-056, en): el formulario de Contacto en inglés, a la misma medida que en español (diapositiva 10: etiquetas de ~14 px, campos de 40 px, paso de 76 px;
   cabe en 1440×900 sin scroll). Titular y entradilla del en no se tocan (D-SSAI-055/057). */
@media (min-width:1101px){
  html[lang=en] .sf-contacto .sf-form-seccion,html[lang=en] .sf-form-seccion.sf-contacto{padding-top:1.4vw;padding-bottom:1.4vw}
  html[lang=en] .sf-contacto .sf-tarjeta{padding:1vw 1.7vw 1.1vw}
  html[lang=en] .sf-contacto .sf-tarjeta-titulo{margin-bottom:.8vw;padding-bottom:.4vw}
  html[lang=en] .sf-contacto .sf-rejilla{gap:1vw 1.7vw}
  html[lang=en] .sf-contacto .sf-campo{gap:.25vw}
  html[lang=en] .sf-contacto .sf-campo label,html[lang=en] .sf-contacto .sf-consent label{font-size:.97vw;line-height:1.2}
  html[lang=en] .sf-contacto .sf-campo input,html[lang=en] .sf-contacto .sf-campo select{min-height:2.78vw;height:2.78vw;padding:0 .9vw;font-size:.95vw}
  html[lang=en] .sf-contacto .sf-campo textarea{min-height:4.4vw;height:4.4vw;padding:.55vw .9vw;font-size:.95vw}
  html[lang=en] .sf-contacto .sf-consent{margin:.8vw 0 .8vw}
  html[lang=en] .sf-contacto .sf-consent input{width:1.35vw;height:1.35vw;border-width:1.5px}
  html[lang=en] .sf-contacto .sf-consent input::after{width:.65vw;height:.65vw}
  html[lang=en] .sf-contacto .sf-enviar{padding:.7vw 1.4rem;font-size:1.3vw}
}
/* V7 (D-SSAI-059, es y en): la imagen de la casa entera (con los cipreses), sin recortar el tercio derecho, y también en móvil. */
@media (min-width:1101px){.sf-contacto .sf-fondo img{object-fit:contain;object-position:left bottom}
  /* D-SSAI-059: con el titular más chico (089/091) la caja del hueco se hacía alta (1,63); la imagen conserva su 16:9 pegada abajo. */
  .sf-contacto .sf-fondo{display:flex;flex-direction:column;justify-content:flex-end}
  .sf-contacto .sf-fondo picture,.sf-contacto .sf-fondo img{width:100%;height:auto;aspect-ratio:16/9}}
/* D-SSAI-376: en inglés (titular a 3 líneas) la foto de la casa estiraba la tarjeta (683 px, 58 px de vacío bajo el botón): la columna izquierda ya no manda en la altura; la foto se recorta por arriba. */
@media (min-width:1101px){html[lang=en] .sf-contacto .sf-fondo{flex:1 1 0;min-height:0;overflow:hidden}}
@media (max-width:760px){.sf-contacto .sf-izq{display:block;max-width:none;margin-left:0;aspect-ratio:16/9}}
/* V7 (D-SSAI-092, es y en): el titular y el título de la tarjeta de Contacto, «muy negros» como en la diapositiva 10 (Playfair Display 800; la fuente variable llega a 900). */
@media (min-width:1101px){.sf-contacto .sf-titular,.sf-contacto .sf-tarjeta-titulo{font-weight:800}}
/* W5 (D-SSAI-092, es; puente 1204./1206.): en la diapositiva 10 «HABLEMOS» es la línea grande del titular (≈330 px a 1440 frente a 269); las otras dos líneas conservan su tamaño (cabe en su columna). */
@media (min-width:1101px){html[lang=es] .sf-contacto .sf-titular>span:first-child{font-size:1.23em}}
/* Contacto profesional, diapositiva 10 (V3, D-SSAI-054): aire de ≈40 px entre la cabecera y el kicker, y el titular en inglés con el paso de la diapositiva (≈1,2) en una columna más ancha para que su línea larga mantenga el cuerpo.
   Las medidas del formulario (056) y la imagen (059) son las de V7/W7 más abajo (misma diapositiva, es y en). */
@media (min-width:1101px){
  html[lang] .sf-form-seccion.sf-contacto{padding-top:2.7vw}
  html[lang=en] .sf-form-seccion.sf-contacto .sf-titular{line-height:1.2}
}
/* D-SSAI-538 (diapositiva 10): a 768-820 «Actividad» enseña el texto largo de la diapositiva (la letra baja a 13,6 px; en inglés, más largo, a 12,8 px hasta 790) en vez de «Elige tu actividad». */
@media (min-width:601px) and (max-width:820px){.sf-contacto .sf-campo select[name=actividad]{font-size:.85rem}}
@media (min-width:601px) and (max-width:790px){html[lang=en] .sf-contacto .sf-campo select[name=actividad]{font-size:.8rem}}
/* W8 (D-SSAI-009 F2): con el texto al 200 % a 390 el titular («CONSTRUCTORA.») ya no se sale por la derecha */
.sf-titular{overflow-wrap:anywhere}

/* Proveedores (V15, D-SSAI-121/169/170): banda de cierre en serif de ≈18 px a 1440 (diapositiva 11), la foto también a 390 y las teselas a la derecha del texto a 1024 */
.sf-banda-serif{font-family:var(--sf-serif);font-weight:600;font-size:clamp(.95rem,1.25vw,1.2rem);letter-spacing:.03em}
.sf-banda-serif .sf-banda-oro{font-weight:600}
@media (max-width:760px){.sf-prov .sf-izq{display:block;max-width:none;aspect-ratio:2/1}}
@media (min-width:761px) and (max-width:1100px){
  .sf-prov{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
  .sf-prov>.sf-texto{container-type:inline-size}
  .sf-prov .sf-titular{font-size:min(clamp(2.1rem,3.5vw,3.7rem),calc(100cqw/10.3))}
  .sf-prov .sf-sectores{grid-template-columns:repeat(4,minmax(0,1fr))}
  .sf-prov .sf-sectores li{aspect-ratio:.5}
}

/* Registro de proveedor (V15, D-SSAI-113/114/159/160): «Adjuntar catálogo» + «PDF o enlace al catálogo digital» bajo los sectores (diapositiva 12) */
.sf-adjuntar{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem 1.1rem;margin:.7rem 0 .5rem}
.sf-adjuntar input[type=file]{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;clip:rect(0 0 0 0)}
.sf-boton-adjuntar{cursor:pointer;font-size:clamp(.875rem,1.05vw,1.1rem);padding:.7rem 1.4rem;gap:.6rem}
.sf-boton-adjuntar svg{width:1.3em;height:1.3em;flex:none}
.sf-adjuntar:has(input:focus-visible) .sf-boton-adjuntar{outline:2px solid #fff;outline-offset:3px}
.sf-adjuntar-nota{font-size:clamp(.875rem,.95vw,1rem);color:rgba(255,255,255,.72);overflow-wrap:anywhere}
/* D-SSAI-301 (diapositiva 12): el botón «Adjuntar catálogo» mide ≈21 % del ancho de la página (302 px a 1440; antes 237) y la nota va atenuada, más pequeña. */
@media (min-width:1101px){.sf-boton-adjuntar{min-width:min(21vw,340px);justify-content:center}}
.sf-adjuntar .sf-error{flex-basis:100%;margin:0}
/* D-SSAI-288 (diapositiva 11): a 390 la foto de la izquierda de Proveedores se conserva (antes se ocultaba entera). */
@media (max-width:760px){
  .sf-prov .sf-izq{display:block}
}
/* D-SSAI-287 (diapositiva 11): la foto es el bodegón de la diapositiva (lámpara de cobre, madera, mármol y olivo; 675×340): se ve entera, a 2:1. */
.sf-prov .sf-izq{aspect-ratio:2/1}
/* «Formaliza tu colaboración» (diapositiva 13, D-SSAI-165): título, cuatro pasos en fila, dos tarjetas (datos del contrato y vista previa) y la banda de confirmación */
.sf-formaliza .sf-form-cab{text-align:center;max-width:1680px;margin:0 auto;padding:clamp(14px,1.6vw,28px) clamp(20px,4vw,56px) 0}
.sf-formaliza .sf-titular{margin-bottom:.4rem;font-size:clamp(2.2rem,4.8vw,5rem)}
.sf-formaliza .sf-titular span{display:inline;white-space:normal}
.sf-formaliza .sf-lead{margin:0 auto;max-width:none;font-size:clamp(1.05rem,1.5vw,1.5rem)}
.sf-kicker-lineas{display:flex;align-items:center;gap:1.2rem;justify-content:center;margin:1rem auto .8rem;max-width:56rem;font-size:clamp(.85rem,1.05vw,1.1rem)}
.sf-kicker-lineas::before,.sf-kicker-lineas::after{content:"";flex:1;height:1px;background:var(--sf-oro)}
.sf-pasos-fila{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:0 auto;max-width:1380px;padding:0;list-style:none;position:relative}
.sf-pasos-fila li{display:flex;flex-direction:column;align-items:center;gap:.4rem;text-transform:uppercase;letter-spacing:.03em;font-size:clamp(.8rem,1.05vw,1.1rem);font-weight:300;color:#fff;position:relative}
.sf-pasos-fila li::before{content:"";position:absolute;top:21px;left:-50%;right:50%;height:1px;background:var(--sf-oro)}
.sf-pasos-fila li:first-child::before{display:none}
.sf-pasos-fila .sf-paso-n{width:42px;height:42px;font-size:1rem;background:#000;position:relative;z-index:1}
.sf-pasos-fila .sf-paso-activo{color:var(--sf-oro1)}
.sf-pasos-fila .sf-paso-activo .sf-paso-n{background:var(--degradado);color:#171006;border-color:var(--sf-oro1)}
.sf-formaliza .sf-dos{display:grid;grid-template-columns:1fr 1fr;gap:clamp(12px,1.6vw,26px);max-width:1680px;margin:1.2rem auto 0;padding:0 clamp(20px,4vw,56px)}
.sf-formaliza .sf-tarjeta{display:flex;flex-direction:column;gap:.9rem}
.sf-formaliza .sf-rejilla{display:grid;grid-template-columns:1fr 1fr;gap:.7rem 1.4rem}
.sf-formaliza .sf-campo input:disabled{opacity:1;cursor:default}
.sf-boton[aria-disabled=true]{cursor:default}
.sf-boton-ancho{width:100%}
.sf-documento{background:#fff;color:#111;padding:1.4rem 2rem 1.6rem;border-radius:3px;display:grid;gap:.55rem;text-align:center;margin:0 auto;width:min(100%,520px)}
.sf-documento-logo{width:110px;height:auto;margin:0 auto;filter:brightness(.25)}
.sf-documento-titulo{font-weight:700;font-size:clamp(.85rem,1.15vw,1.15rem);text-transform:uppercase;margin:.3rem 0 0}
.sf-documento-sub{font-size:.85rem;margin:0 0 .5rem}
.sf-documento i{display:block;height:7px;background:#c9c9c9;border-radius:2px}
.sf-documento i.sf-corta{width:70%}
.sf-dos-botones{display:flex;gap:.9rem;flex-wrap:wrap}
.sf-dos-botones .sf-boton{flex:1 1 12rem;font-size:clamp(.9rem,1.1vw,1.15rem);padding:.8rem 1rem}
.sf-flecha{flex:none}
.sf-banda-confirma{max-width:1680px;margin:1rem auto 0;width:calc(100% - clamp(40px,8vw,112px));border:1px solid var(--sf-oro);border-radius:6px;padding:.9rem 1.4rem;text-align:center;font-family:var(--sf-serif);font-size:clamp(1rem,1.9vw,1.9rem);color:#fff}
.sf-banda-confirma .sf-banda-oro{color:var(--sf-oro1);font-weight:700}
.sf-banda-confirma .sf-banda-icono{display:inline-block;width:1.3em;height:1.3em;vertical-align:-.28em;margin-right:.6em;color:var(--sf-oro1)}   /* D-SSAI-721: documento con check de la diapositiva 13 */
@media (max-width:900px){
  .sf-formaliza .sf-dos{grid-template-columns:1fr}
  .sf-formaliza .sf-rejilla{grid-template-columns:1fr}
  .sf-pasos-fila{gap:.3rem}
  .sf-pasos-fila li{font-size:14px;letter-spacing:0}
}
/* SS AI Profesionales, bloque 2 vs diapositiva 9 (D-SSAI-125/126/127/131/132): columna del texto más ancha (foto de materiales ≈625x350, entera, con la lámpara), titular de en como el de es (3 líneas), foto visible en móvil */
@media (min-width:1101px){
  .sf-prof-b{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);padding-right:clamp(20px,1.7vw,24px)}
  .sf-prof-b .sf-izq{aspect-ratio:1.8/1}
  html[lang=en] .sf-prof-b .sf-titular{font-size:min(clamp(2.1rem,3.75vw,4rem),calc(100cqw/10.5))}
  html[lang=en] .sf-prof-b .sf-titular span{white-space:normal}
}
@media (max-width:760px){
  .sf-prof-b .sf-izq{display:block;margin-left:0;max-width:none;aspect-ratio:16/9}   /* D-SSAI-127: la foto de materiales también en móvil (diapositiva 9), a ancho completo bajo el aviso */
}
/* Registro de proveedor (V15, captura 1440 sobre PRUEBAS): la nota «El contrato se revisará…» queda sobre negro, por encima de la foto, a 1101-1920 px
   (antes caía sobre el borde y la textura de la foto). La foto pasa a una franja baja con el lavabo y los bloques. Medido inyectando este CSS en PRUEBAS. */
@media (min-width:1101px){
  .sf-registro .sf-fondo{height:min(14.3vw,215px);-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 30%);mask-image:linear-gradient(180deg,transparent 0,#000 30%)}
  .sf-registro .sf-fondo img{object-position:center 68%}
}
/* D-SSAI-852 (diapositiva 12; puente 12:1x, sustituye a la franja de V15/829 en 1101-1999): la foto del lavabo vuelve a subir DETRÁS de los pasos
   01-03 (≈330 px a 1440×810, 23vw) y la nota del contrato queda sobre oscuro con un velo propio, como en la diapositiva. El velo es de la nota
   (::before dentro de su capa, z-index:1): queda encima de la foto y debajo del texto. ≥2000 sigue como estaba. */
@media (min-width:1101px) and (max-width:1999px){
  .sf-registro .sf-fondo{height:23vw}
  .sf-registro .sf-pasos-nota::before{content:"";position:absolute;inset:-.3em -.6em;z-index:-1;background:rgba(5,3,1,.88);box-shadow:0 0 1.2vw .9vw rgba(5,3,1,.88);pointer-events:none}
}

/* D-SSAI-185: campos de 46 px (como /contacto, regla W11 ≥ 44) en móvil y tableta, también en solicitar acceso y registro de proveedor */
@media (max-width:1100px){
  .sf-campo input,.sf-campo select,.ssai-pag-proveedores .sf-campo input,.ssai-pag-proveedores .sf-campo select,.sf-registro .sf-campo input,.sf-registro .sf-campo select{min-height:46px;height:auto}
}

/* D-SSAI-135: el marco de la imagen principal de Profesionales, más ancho como en la diapositiva 8 (≈784 px a 1440; sin recortar la foto) */
@media (min-width:1101px){.sf-prof-a{grid-template-columns:minmax(0,1fr) minmax(0,min(54.4vw,60%))}}   /* héroe de ≈784 px a 1440 (diapositiva 8); va aquí, tras las demás reglas de columnas, para que no la pise la de .82fr/1.18fr */

/* SS AI Profesionales, rejilla de la diapositiva 9 a 1440 (D-SSAI-125/131 + W0-rejilla; antes la foto de materiales se comía la columna de las fichas: 174x388/430 en vez de ≈194x306):
   columna de fichas ≈55vw (fichas ≈192 de ancho, hueco entre ellas 8 px), hueco entre columnas 24 px y la foto sigue ≥ 600; las fichas con su proporción de la diapositiva (194x306) pegadas a la banda final. */
@media (min-width:1300px){
  .sf-prof-b{grid-template-columns:minmax(0,1fr) min(55vw,58%);column-gap:24px;padding-left:clamp(20px,4vw,56px);padding-right:16px}   /* D-SSAI-421: el mismo margen izquierdo que el bloque de arriba (56 px a 1440) */
  /* D-SSAI-421/428: la rejilla arranca a la altura del kicker (diapositiva 9) y sus dos filas rellenan la altura de la sección, entre 306 px y el máximo de la lengua (380 es; 450 en, donde el titular de 3 líneas alarga la columna izquierda): sin hueco arriba y con menos de 70 px de negro abajo. */
  .sf-prof-b .sf-sectores{--fila-max:380px;gap:8px;align-content:start;grid-template-rows:repeat(2,minmax(306px,var(--fila-max)));grid-auto-rows:auto}
  html[lang=en] .sf-prof-b .sf-sectores{--fila-max:450px}
  .sf-prof-b .sf-sectores li{aspect-ratio:auto}
}

/* D-SSAI-315: Profesionales a 901-1100 px (1024 en la revisión): dos columnas como las diapositivas 8 y 9, texto | foto, en vez de columna única con un hueco negro de ~450x330 px a la derecha del texto. Solo en estas dos secciones; a 900 y menos sigue apilado y desde 1101 es el escritorio. */
@media (min-width:901px) and (max-width:1100px){
  .sf-prof-a{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center}
  .sf-prof-b .sf-texto{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);column-gap:clamp(16px,2.4vw,32px);align-items:start;align-content:start}
  .sf-prof-b .sf-texto>*{grid-column:1}
  .sf-prof-b .sf-texto>.sf-izq{grid-column:2;grid-row:1/span 6;margin:0;max-width:none;align-self:center}
}

/* D-SSAI-720: Registro de proveedor a 901-1100 px (1024 en la revisión): dos columnas como la diapositiva 12, texto y pasos a la izquierda y formulario a la derecha, en vez de columna única con un hueco de ≈526×570 px junto al texto y el formulario en y 1059 (página de 2219 px). La foto del baño queda bajo los pasos, a la anchura de la columna. A 900 y menos sigue apilado; desde 1101 es el escritorio. */
@media (min-width:901px) and (max-width:1100px){
  .sf-registro .sf-form-seccion{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);align-items:start}
  .sf-registro .sf-izq.sf-fondo{margin-left:calc(-1 * clamp(20px,4vw,56px));margin-right:0;aspect-ratio:auto;height:min(30vw,300px)}
}
/* D-SSAI-809: con las dos columnas de 901-1100 px los campos se quedan en 206-249 px y el placeholder «Nombre de la empresa o razón social» salía cortado (faltaban 53 px a 901, 18 a 1024; en inglés «https://www.yourcompany.com», 8 px a 901). Relleno lateral más corto y letra de los campos que baja con la ventana hasta .95rem: todos los placeholders caben enteros (medido 901-1100 es/en) y campos, desplegable y área de texto llevan la misma letra. */
@media (min-width:901px) and (max-width:1100px){
  .sf-registro .sf-campo input,.sf-registro .sf-campo select,.sf-registro .sf-campo textarea{padding-left:.55rem;padding-right:.55rem;font-size:min(.95rem,1.38vw)}
}

/* D-SSAI-422: el trío termina en el borde derecho de la imagen principal (la última caja conserva su margen para ser igual a las otras; el relleno del trío lo descuenta). */
@media (min-width:761px){.sf-trio{padding-right:calc(clamp(20px,4vw,56px) - clamp(12px,2vw,28px))}}
@media (min-width:1101px){.sf-trio{padding-right:calc(clamp(20px,4vw,56px) - clamp(12px,2vw,28px) - .55vw)}}   /* D-SSAI-422 con la imagen principal de 784 px (W45): el héroe sobresale .55vw de su columna; el trío acaba donde acaba la imagen */

/* D-SSAI-759 (W46r r1, diapositiva 12): en el Registro de proveedor a 1101+ con la ventana más alta que el contenido (1366×1080, 1440×1080) la foto del baño acababa en seco 120-165 px por encima del pie, con negro debajo. Igual que el Contacto (D-SSAI-243): el contenido ocupa el alto sobrante, así la foto queda apoyada en el pie como en la diapositiva, sin cambiar su tamaño ni el alto de la página (medido 1101-2560, es/en). */
@media (min-width:1101px){
  #contenido:has(>.sf-registro){flex:1 0 auto;display:flex;flex-direction:column}
  #contenido>.sf-registro{flex:1 0 auto;display:flex;flex-direction:column}
  #contenido>.sf-registro>.sf-form-seccion{flex:1 0 auto;width:100%;box-sizing:border-box}
  .sf-registro .sf-form-seccion .sf-tarjeta{align-self:start}
}

/* D-SSAI-412: las etiquetas de las teselas de 10 px no pierden el espacio entre palabras («FLOORINGAND TIMBER» a 1024 en inglés). */
.sf-sectores span{word-spacing:.25em}
/* D-SSAI-408-411 a 390: «SS AI Designer · Materiales · Ambos» (260 px) no cabía por 6 px en el campo de 254: menos hueco para la flecha y entra el texto de la diapositiva (Actividad, de 301 px, sigue corto). */
@media (max-width:600px){.sf-contacto .sf-campo select{padding-right:2rem}}
/* Revisión 1920/2560: el texto largo del desplegable (diapositiva 10) no cabía a 18-24 px y salía el corto: el valor de ejemplo, algo menor. */
@media (min-width:1700px){html[lang] .sf-contacto .sf-campo #sf-actividad:invalid,html[lang] .sf-contacto .sf-campo #sf-interes:invalid{font-size:.76vw}}
/* D-SSAI-471 (es 1536×1080): en ventanas altas la foto de la casa «flotaba» con ~100 px de negro bajo ella; el bloque llena la ventana (como Acceso), la tarjeta conserva su alto y la foto llega al pie. */
@media (min-width:1101px){body.ssai-pag-contacto #contenido{flex:1 0 auto;display:flex;flex-direction:column}body.ssai-pag-contacto #contenido>.sf-contacto{flex:1 0 auto;display:flex;flex-direction:column}body.ssai-pag-contacto #contenido>.sf-contacto>.sf-form-seccion{flex:1 0 auto;width:100%;box-sizing:border-box}body.ssai-pag-contacto .sf-form-seccion .sf-tarjeta{align-self:start}}

/* D-SSAI-511/516 (diapositiva 10): a ≥1681 px el bloque de la foto de la casa sale del ancho máximo (1680) hasta el borde izquierdo de la ventana (x=0, como a 1440) y se funde por arriba y por la izquierda. */
@media (min-width:1681px){.sf-contacto .sf-fondo{margin-left:calc(-1 * (56px + (100vw - 1680px) / 2));-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 30%),linear-gradient(90deg,transparent 0,#000 8%);-webkit-mask-composite:source-in;mask-image:linear-gradient(180deg,transparent 0,#000 30%),linear-gradient(90deg,transparent 0,#000 8%);mask-composite:intersect}}
/* Contacto es a ≥1921 px: la columna de la entradilla mide 557 px y con la letra a 1,35 vw (hasta 34,6 px a 2560) salía en 5 líneas con palabras sueltas; la letra se queda en 25,6 px (3 líneas como a 1920 y en la diapositiva 10). Hasta 1999 px: desde 2000 la página va con el zoom de D-SSAI-814 y se ve como a 1920. */
@media (min-width:1921px) and (max-width:1999px){html[lang=es] .sf-contacto .sf-lead{font-size:25.6px}}
/* Registro de proveedor a 390 (D-SSAI-434/435, diapositiva 12): la foto del bodegón bajo los pasos se ve también en móvil (antes .sf-izq{display:none} la dejaba en 0 px). */
@media (max-width:760px){
  .sf-registro .sf-fondo{display:block;position:relative;left:auto;right:auto;bottom:auto;flex:none;min-height:0;height:auto;aspect-ratio:2/1;max-width:none;margin:1.4rem 0 0;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 30%);mask-image:linear-gradient(180deg,transparent 0,#000 30%)}
  .sf-registro .sf-fondo img{object-position:center 68%}
}

/* Proveedores a 1300+ (D-SSAI-466, como D-SSAI-421 en Profesionales): las dos filas de tarjetas llenan la altura de la sección (mínimo 249 px por fila) para acabar a la par de la columna izquierda, sin el hueco de ≈260 px bajo ellas a 1366. D-SSAI-603: desde 1101 px (de 1101 a 1299 quedaba un hueco de 265-336 px bajo las dos filas, es y en). */
@media (min-width:1101px){
  .sf-prov .sf-sectores{align-content:stretch;gap:8px;grid-template-rows:repeat(2,minmax(249px,1fr));grid-auto-rows:auto}
  .sf-prov .sf-sectores li{aspect-ratio:auto}
}

/* D-SSAI-875 (diapositiva 11, 1440): la foto de la izquierda ya no se apila bajo las viñetas (alargaba la columna a 872 px y las filas se estiraban a baldosas de 198×432, con la 2.ª fila cortada a 1440×900): va al pie de la columna, detrás del texto y fundida, como la lámpara de la diapositiva, que se solapa con las viñetas; las filas miden como mínimo la proporción de la diapositiva (.64) y, si la columna es más alta, se estiran como en la D-SSAI-466/603 (sin hueco bajo las tarjetas). */
@media (min-width:1101px){
  .sf-prov>.sf-texto{display:flex;flex-direction:column}
  .sf-prov>.sf-texto>*{position:relative;z-index:1}
  .sf-prov>.sf-texto>.sf-izq{position:absolute;z-index:0;left:calc(-1 * clamp(20px,2.4vw,44px));right:0;bottom:1.9rem;margin:0}
  .sf-prov>.sf-texto>.sf-pie-nota{margin-top:auto;padding-top:.8rem}
  .sf-prov{container-type:inline-size}   /* 100cqw = el ancho útil de la sección: la rejilla mide (100cqw − hueco) × .62 (1,24 de 2 fracciones) y cada baldosa un cuarto de eso menos los 3 huecos de 8 px */
  .sf-prov .sf-sectores{grid-template-rows:repeat(2,minmax(calc(((100cqw - clamp(24px,3vw,48px)) * .62 - 24px) * .390625),1fr))}
  .sf-prov .sf-sectores picture{position:relative;flex:1 1 0;min-height:0}   /* la foto no pone su alto natural (.64 + rótulo = 351 px) como mínimo de la baldosa */
  .sf-prov .sf-sectores picture img{position:absolute;inset:0}
  .sf-prov .sf-ventajas{max-width:24rem}   /* «Información técnica para el profesional» en dos líneas, como la diapositiva: la lámpara queda a su derecha, sin tapar el texto */
  .sf-prov>.sf-texto>.sf-izq::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.72) 0,rgba(0,0,0,.72) calc(clamp(20px,2.4vw,44px) + 24rem + 8px),transparent calc(clamp(20px,2.4vw,44px) + 24rem + 72px))}   /* velo bajo la columna de texto (margen izquierdo + las 24rem de las viñetas, también a 1101-1280, donde el texto llega al borde de la foto): viñetas y nota legibles sobre el mármol claro (≥ 4,5:1); la lámpara, a la derecha, sin velo */
}

/* Proveedores a 1101+ (D-SSAI-500, diapositiva 11): la foto de las piezas se funde con el negro por arriba, por la derecha y por abajo (antes solo por arriba: corte duro a la derecha y abajo, visible a 1536). */
@media (min-width:1101px){
  .sf-prov .sf-izq{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 30%),linear-gradient(90deg,#000 78%,transparent 100%),linear-gradient(0deg,transparent 0,#000 14%);-webkit-mask-composite:source-in;mask-image:linear-gradient(180deg,transparent 0,#000 30%),linear-gradient(90deg,#000 78%,transparent 100%),linear-gradient(0deg,transparent 0,#000 14%);mask-composite:intersect}
}

/* Registro de proveedor a 1101+ (D-SSAI-534, diapositiva 12): la foto del lavabo se funde también por abajo, para que no acabe en un borde recto flotando cuando la ventana es más alta que la página (hueco de 31 a 211 px según el alto). */
@media (min-width:1101px){
  .sf-registro .sf-fondo{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 30%),linear-gradient(0deg,transparent 0,transparent 3%,#000 30%);-webkit-mask-composite:source-in;mask-image:linear-gradient(180deg,transparent 0,#000 30%),linear-gradient(0deg,transparent 0,transparent 3%,#000 30%);mask-composite:intersect}
}

/* D-SSAI-227 F2 (Proveedores, zoom 200 % = 195 px y texto grande a 390): el kicker cabe entero y el titular no se parte a mitad de palabra: tamaños que dependen del ancho (solo bajan cuando el rem sube o la ventana se estrecha) */
@media (max-width:760px){
  .sf-kicker{font-size:max(.7rem,min(1.05rem,4.4vw));overflow-wrap:anywhere}
  .sf-prov .sf-titular,.sf-prof-b .sf-titular{font-size:min(clamp(2.2rem,11vw,3.2rem),8.8vw)!important}   /* gana al !important de .sf-titular a ≤760 px; a 390 con letra normal baja <1 px (35,2 → 34,3) */
}
@media (max-width:260px){.sf-prov .sf-titular,.sf-prof-b .sf-titular{font-size:7vw!important}}   /* D-SSAI-227 F2: a 195 px «specification.» (14 letras) cabe en 163 px */
/* D-SSAI-312/313/316/317/318 (Proveedores en inglés, 761-1100 px = 768 y 1024 de la revisión): las 8 teselas en 2 columnas × 4 filas que reparten TODA la altura
   de la columna izquierda (antes, 4 × 2 de 86-116 px dejaban un hueco negro de ~400×440 px bajo ellas), con la misma altura de foto en todas (la franja del rótulo
   es de altura fija y la foto va absoluta, no empuja), rótulo de 12 px y la foto de la izquierda fundida por el borde derecho (sin el corte duro de la lámpara).
   D-SSAI-821/822 (768 y 1024, es/en): estiradas al alto de la columna, las fotos (320×499) salían apaisadas (alto/ancho 0,53-0,78) y se perdía el motivo
   (iconos de domótica, lámpara e interruptor, sofá). Ahora la foto de cada tesela es cuadrada, con el encuadre de su motivo, y es la columna izquierda la que
   se ajusta a las teselas: su foto (el bodegón) crece hasta el pie, sin hueco negro. */
@media (min-width:761px) and (max-width:1100px){
  .sf-prov .sf-sectores{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start}
  .sf-prov .sf-sectores li{aspect-ratio:auto}
  .sf-prov .sf-sectores picture{position:relative;flex:none;aspect-ratio:1}
  .sf-prov .sf-sectores img[src*="tile-domotica"]{object-position:50% 14%}
  .sf-prov .sf-sectores img[src*="tile-iluminacion"]{object-position:50% 33%}
  .sf-prov .sf-sectores img[src*="tile-mobiliario"]{object-position:50% 61%}
  .sf-prov>.sf-texto{display:flex;flex-direction:column;align-items:flex-start}
  .sf-prov>.sf-texto>.sf-izq{flex:1 1 auto;align-self:stretch;min-height:0;display:flex}
  .sf-prov>.sf-texto>.sf-izq picture{flex:1;display:flex}
  .sf-prov>.sf-texto>.sf-izq img{flex:1;height:auto;min-height:100%;object-fit:cover;object-position:100% 40%}   /* D-SSAI-895: la columna es alta y estrecha (solo se ve ~1/3 del ancho de la foto); a la derecha, para que entre la lámpara */
  .sf-prov .sf-sectores picture img{position:absolute;inset:0}
  .sf-prov .sf-sectores span,html[lang=es] .sf-prov .sf-sectores li.sf-sector-cocinas>span{height:46px;min-height:0;font-size:12px;line-height:1.15;padding:.2rem .4rem;white-space:normal;word-spacing:normal;letter-spacing:normal;hyphens:manual;overflow-wrap:normal}
  .sf-prov .sf-izq{-webkit-mask-image:linear-gradient(90deg,#000 90%,transparent);mask-image:linear-gradient(90deg,#000 90%,transparent)}   /* D-SSAI-895: fundido más corto (90 %) para que la lámpara del borde derecho se vea */
}
/* Registro de proveedor (D-SSAI-575, diapositiva 12): raya dorada corta bajo el kicker «REGISTRO DE PROVEEDORES», sin mover el titular (va en ::after, fuera de flujo). */
.sf-registro .sf-kicker::after{content:"";position:absolute;left:0;bottom:-.6rem;width:clamp(40px,5.2vw,100px);height:2px;background:var(--sf-oro1)}

/* Proveedores de 701 a 1100 (D-SSAI-300, diapositiva 11): la pantalla de la lámpara de cobre está en el 82-100 % derecho y el 5-30 % superior de la foto; el fundido del 78 % y del 30 % la apagaba (sin cable, cortada). Fundido corto: 8 % por arriba y 6 % por la derecha. */
@media (min-width:701px) and (max-width:1100px){
  .sf-prov .sf-izq{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 8%),linear-gradient(90deg,#000 94%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 8%),linear-gradient(90deg,#000 94%,transparent 100%)}
}

/* Registro de proveedor a 1101+ (D-SSAI-601, diapositiva 12): titular de tres líneas como en la diapositiva (≈454 px de ancho en «A SS AI DESIGNER.» a 1440, paso entre líneas ≈57 px): 3,65 vw con interlineado 1,08 (antes 3,3 vw / 1). */
@media (min-width:1101px){
  .sf-registro .sf-titular{font-size:clamp(2.1rem,3.65vw,3.9rem);line-height:1.08}
}

/* Registro de proveedor a 1101+ (D-SSAI-671, diapositiva 12): titular en Playfair negro (900; la fuente variable llega a 900) y con el tracking cerrado para que «A SS AI DESIGNER.» siga cabiendo en su columna (con 900 sin tracking sobraban 2-6 px). */
@media (min-width:1101px){
  .sf-registro .sf-titular{font-weight:900;letter-spacing:-.02em}
}

/* Registro de proveedor en inglés (D-SSAI-601): «TO SS AI DESIGNER.» es más larga que «A SS AI DESIGNER.»; con 3,65 vw se salía de su columna y la R final y el punto quedaban cortados a 1440. Tope por ancho de columna (cifra = línea más larga en em). */
@media (min-width:1101px){
  html[lang=en] .sf-registro .sf-titular{font-size:min(clamp(2.1rem,3.65vw,3.9rem),calc(100cqw/10.2))}
}
/* D-SSAI-747: las etiquetas de sector bajaban de 11 px a 1280 (8,2 px «Cocinas y electrodomésticos» en Profesionales, 9,4 en Proveedores, 10,88 las demás). Suelo de 11 px SOLO de 1101 a 1439 y solo font-size; «Cocinas…» (es) deja la línea única encogida y va en dos líneas con 11 px. */
@media (min-width:1101px) and (max-width:1439px){
  .sf-sectores span{font-size:max(11px,clamp(.62rem,.85vw,.92rem))}
  html[lang=es] .sf-sectores li.sf-sector-cocinas>span{white-space:normal;font-size:11px}
}
/* D-SSAI-808 (Proveedores 390 es/en): las etiquetas de sector caían al mínimo del clamp (≈9,9 px) sin regla de móvil; a ≤760 px van a 14 px como en Profesionales (259),
   sin partir «electrodomésticos» con su guion blando (a 173 px de tesela la palabra entera cabe) */
@media (max-width:760px){
  .sf-prov .sf-sectores span,html[lang=es] .sf-prov .sf-sectores li.sf-sector-cocinas>span{font-size:14px;line-height:1.15;hyphens:none;overflow-wrap:normal;text-wrap:balance}
}
/* D-SSAI-823 (puente): el botón visible «Adjuntar catálogo» medía 40,6 px a ≤1100 (regla W11 ≥44, como los campos); a ≥1101 queda como estaba. */
@media (max-width:1100px){.sf-boton-adjuntar{min-height:44px}}
/* D-SSAI-641 (diapositiva 11, 1536×1080): las teselas de /proveedores miden 210×406 (0,52; la diapositiva ~0,66) y object-fit:cover recortaba ~19 % del ancho por el centro y perdía el sujeto (el horno de Cocinas, la planta de Baño, el cuadro de Mobiliario). Desde 1101 px el encuadre se corre a la izquierda en esas tres; el resto queda centrado. */
@media (min-width:1101px){
  .sf-prov .sf-sectores img[src*="tile-cocinas"]{object-position:0% 50%}
  .sf-prov .sf-sectores img[src*="tile-bano"]{object-position:10% 50%}
  .sf-prov .sf-sectores img[src*="tile-mobiliario"]{object-position:0% 50%}
}
/* D-SSAI-640 (W7): Contacto a 1101-1133 px medía 10,7 px en las etiquetas y en la casilla de privacidad (.97vw). Suelo de 11 px solo en 1101-1439. */
@media (min-width:1101px) and (max-width:1439px){
  html[lang=es] .sf-contacto .sf-campo label,html[lang=es] .sf-contacto .sf-consent label,html[lang=en] .sf-contacto .sf-campo label,html[lang=en] .sf-contacto .sf-consent label{font-size:max(11px,.97vw)}
}
/* D-SSAI-870 (diapositiva 12): el render del lavabo empieza justo bajo la nota «El contrato se revisará…» (algo por encima, fundido) y llega al pie, a cualquier alto de ventana;
   antes iba anclado al pie con la mitad de la altura y a 1280×1080 quedaba 105 px por debajo de la nota con un hueco negro. En el flujo (flex:1), con el fundido de longitud fija. */
@media (min-width:1101px) and (max-width:1680px){
  .sf-registro .sf-fondo{position:relative;left:auto;right:auto;bottom:auto;height:auto;flex:1 1 0;min-height:90px;margin:-5vw -1vw calc(-1 * .9vw) calc(-1 * clamp(20px,4vw,56px));-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 120px);mask-image:linear-gradient(180deg,transparent 0,#000 120px)}
}
/* D-SSAI-879 (diapositiva 9; puente 20-oct 17:2x): desde 1300 px las fichas de los sectores con la proporción de la diapositiva (192×305 a 1440, 0,63), no estiradas
   hasta 380/450 px. Lo que sobra de alto en la columna izquierda lo llena la foto de materiales (cover, ≥180 px), que sube bajo la nota con su fundido de arriba,
   como en la diapositiva; la nota queda por encima. */
@media (min-width:1300px){
  .sf-prof-b .sf-sectores{grid-template-rows:none;grid-auto-rows:auto;align-content:start}
  .sf-prof-b .sf-sectores li{aspect-ratio:.63}
}
/* De 1101 a 1299 las fichas (132-154 px de ancho) con 0,63 dejaban 90-160 px de negro bajo ellas: siguen estirándose hasta la columna izquierda,
   que ahora es más corta (foto ≥180 px en vez de su proporción fija): ≈256 px de alto a 1280 es (antes 352). */
@media (min-width:1101px){
  .sf-prof-b>.sf-texto{display:flex;flex-direction:column}
  .sf-prof-b>.sf-texto>.sf-boton{align-self:flex-start}
  .sf-prof-b>.sf-texto>.sf-nota{position:relative;z-index:1}
  .sf-prof-b>.sf-texto>.sf-izq{flex:1 1 0;min-height:180px;aspect-ratio:auto;align-self:stretch;margin-top:-2.5rem}
}
/* == D-SSAI-814: escalado ≥2000 px (generado por herramientas/ssai-escala-2000.py; no editar a mano) == */
@media (min-width:2000px){:root{--zs:1.0417}body.ssai{zoom:var(--zs)}}
@media (min-width:2240px){:root{--zs:1.1667}}
@media (min-width:2560px){:root{--zs:1.3333}}
@media (min-width:2880px){:root{--zs:1.5}}
@media (min-width:3200px){:root{--zs:1.6667}}
@media (min-width:3840px){:root{--zs:2}}
@media (min-width:2000px){.sf{background:var(--sf-negro);font-family:var(--sf-sans);font-size:1rem}}
@media (min-width:2000px){:where(.sf) :is(h1,h2,p,ul,ol){margin:0;padding:0}}
@media (min-width:2000px){.sf-oro,.sf em{background:var(--letras);background-clip:text;font-style:normal}}
@media (min-width:2000px){.sf-seccion{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,calc(3vw / var(--zs)),48px);padding:clamp(28px,calc(3.4vw / var(--zs)),52px) clamp(20px,calc(4vw / var(--zs)),56px);max-width:1680px;margin:0 auto}}
@media (min-width:2000px){.sf-texto{min-width:0}}
@media (min-width:2000px){.sf-kicker{font-size:1.05rem;font-weight:400;margin-bottom:1rem}}
@media (min-width:2000px){.sf-titular{font-family:var(--sf-serif);font-weight:700;font-size:clamp(2.2rem,calc(4.2vw / var(--zs)),4.4rem);margin-bottom:1.5rem}}
@media (min-width:2000px){.sf-kicker-raya::after{width:clamp(48px,calc(5.4vw / var(--zs)),96px);height:1px;margin-top:.9rem;background:var(--sf-oro1)}}
@media (min-width:2000px){.sf-lead{font-size:clamp(1rem,calc(1.45vw / var(--zs)),1.5rem);max-width:36ch;margin-bottom:1.8rem;font-weight:400}}
@media (min-width:2000px){.sf-boton{gap:.9rem;padding:.95rem 1.8rem;background:var(--degradado);font:700 clamp(1rem,calc(1.6vw / var(--zs)),1.5rem)/1.1 var(--sf-sans)}}
@media (min-width:2000px){.sf-flecha{width:1.5em;height:.9em}}
@media (min-width:2000px){.sf-marco{background:#000}}
@media (min-width:2000px){.sf-marco picture,.sf-marco img{width:100%;height:100%}}
@media (min-width:2000px){.sf-subtitulo{font-family:var(--sf-serif);font-weight:700;font-size:clamp(1.5rem,calc(2.15vw / var(--zs)),2.2rem);margin-bottom:.35rem;background:var(--letras);background-clip:text}}
@media (min-width:2000px){.sf-banda{gap:1.2rem;font-size:clamp(.95rem,calc(1.6vw / var(--zs)),1.45rem);padding:1rem clamp(20px,calc(4vw / var(--zs)),56px)}}
@media (min-width:2000px){.sf-banda::before,.sf-banda::after{height:1px;background:linear-gradient(90deg,transparent,var(--sf-oro));max-width:15%}}
@media (min-width:2000px){.sf-banda::after{background:linear-gradient(270deg,transparent,var(--sf-oro))}}
@media (min-width:2000px){.sf-banda-oro{font-weight:500}}
@media (min-width:2000px){.sf-banda-fina{font-size:clamp(.78rem,calc(1.1vw / var(--zs)),.95rem);padding-top:.4rem;padding-bottom:1.6rem}}
@media (min-width:2000px){.sf-prof-a{padding-top:clamp(10px,calc(1vw / var(--zs)),18px);grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr)}}
@media (min-width:2000px){@media (min-width:1101px){.sf-prof-hero{margin-right:calc(-.55vw / var(--zs))}}}
@media (min-width:2000px){@media (min-width:1101px){.sf-prof-a .sf-boton{font-size:min(clamp(1rem,calc(1.6vw / var(--zs)),1.5rem),calc(100cqw/21.5))}}}
@media (min-width:2000px){.sf-prof-a .sf-titular{font-size:clamp(2.2rem,calc(4.7vw / var(--zs)),5rem)}}
@media (min-width:2000px){.sf-trio{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;max-width:1680px;margin:0 auto;padding:0 clamp(20px,calc(4vw / var(--zs)),56px)}}
@media (min-width:2000px){.sf-trio-item{padding:1.2rem clamp(12px,calc(2vw / var(--zs)),28px) 1.2rem 0;margin-right:clamp(12px,calc(2vw / var(--zs)),28px)}}
@media (min-width:2000px){.sf-trio-item:last-child{margin-right:0;padding-right:0}}
@media (min-width:2000px){@media (min-width:761px){.sf-trio-item:last-child{padding-right:clamp(12px,calc(2vw / var(--zs)),28px);margin-right:clamp(12px,calc(2vw / var(--zs)),28px)}}}
@media (min-width:2000px){.sf-trio-item p{font-size:clamp(.95rem,calc(1.25vw / var(--zs)),1.2rem);font-weight:300;margin-bottom:.8rem;max-width:36ch}}
@media (min-width:2000px){.sf-trio-item .sf-marco{margin-top:auto}}
@media (min-width:2000px){.sf-prof-b,.sf-prov{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);padding-left:clamp(20px,calc(2.4vw / var(--zs)),44px);padding-right:clamp(20px,calc(3vw / var(--zs)),44px)}}
@media (min-width:2000px){.sf-prof-b .sf-titular,.sf-prov .sf-titular{font-size:clamp(2.1rem,calc(3.75vw / var(--zs)),4rem)}}
@media (min-width:2000px){.sf-prof-b .sf-lead,.sf-prov .sf-lead{max-width:42ch}}
@media (min-width:2000px){.sf-nota{gap:.7rem;margin-top:1.2rem;font-size:clamp(.85rem,calc(1.05vw / var(--zs)),1rem);max-width:36ch}}
@media (min-width:2000px){.sf-nota svg{width:26px;height:26px}}
@media (min-width:2000px){.sf-izq{margin-top:1.4rem;margin-left:calc(-1 * clamp(20px,calc(2.4vw / var(--zs)),44px))}}
@media (min-width:2000px){.sf-izq picture,.sf-izq img{width:100%;height:100%}}
@media (min-width:2000px){.sf-sectores{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(8px,calc(1vw / var(--zs)),14px)}}
@media (min-width:2000px){.sf-sectores li{background:#000}}
@media (min-width:2000px){.sf-sectores picture{min-height:0}}
@media (min-width:2000px){@media (min-width:761px){html[lang=es] .sf-sectores li.sf-sector-cocinas>span{padding-left:.25rem;padding-right:.25rem;font-size:min(clamp(.62rem,calc(.85vw / var(--zs)),.92rem),calc((100cqw - .5rem)/17.6))}}}
@media (min-width:2000px){.sf-sectores img{width:100%;height:100%}}
@media (min-width:2000px){.sf-sectores span{min-height:3.1em;padding:.4rem .5rem;background:#050301;font-family:var(--sf-serif);font-weight:700;font-size:clamp(.62rem,calc(.85vw / var(--zs)),.92rem)}}
@media (min-width:2000px){.sf-ventajas{gap:.6rem;margin:1.6rem 0 0;max-width:30rem}}
@media (min-width:2000px){.sf-ventajas li{gap:1.1rem;padding-bottom:.6rem;font-size:clamp(.9rem,calc(1.15vw / var(--zs)),1.1rem);font-weight:300}}
@media (min-width:2000px){.sf-ventajas svg{width:38px;height:38px}}
@media (min-width:2000px){.sf-pie-nota{font-size:.78rem;margin-top:.8rem}}
@media (min-width:2000px){.sf-form-seccion{padding-top:clamp(10px,calc(1vw / var(--zs)),18px);grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:clamp(12px,calc(1vw / var(--zs)),20px);padding-bottom:clamp(14px,calc(1.4vw / var(--zs)),26px)}}
@media (min-width:2000px){.sf-form-seccion .sf-titular{font-size:clamp(2.1rem,calc(3.3vw / var(--zs)),3.6rem);margin-bottom:1.4rem}}
@media (min-width:2000px){.sf-form-seccion .sf-lead{font-size:clamp(.95rem,calc(1.5vw / var(--zs)),1.55rem)}}
@media (min-width:2000px){.sf-form-seccion .sf-fondo{margin-top:auto;min-height:200px;margin-left:calc(-1 * clamp(20px,calc(4vw / var(--zs)),56px));margin-bottom:calc(-1 * clamp(14px,calc(1.4vw / var(--zs)),26px))}}
@media (min-width:2000px){.sf-tarjeta{background:rgba(5,3,1,.82);padding:clamp(16px,calc(1.6vw / var(--zs)),26px) clamp(18px,calc(1.7vw / var(--zs)),28px)}}
@media (min-width:2000px){.sf-tarjeta-titulo{font-family:var(--sf-serif);font-weight:700;font-size:clamp(1.6rem,calc(2.4vw / var(--zs)),2.4rem);margin-bottom:1rem;padding-bottom:.5rem}}
@media (min-width:2000px){.sf-tarjeta-titulo::after{left:0;bottom:0;width:52px;height:2px;background:var(--sf-oro2)}}
@media (min-width:2000px){.sf-rejilla{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem clamp(14px,calc(1.8vw / var(--zs)),24px)}}
@media (min-width:2000px){.sf-campo{gap:.25rem;min-width:0}}
@media (min-width:2000px){.sf-ancho{grid-column:1/-1}}
@media (min-width:2000px){.sf-campo label,.sf-sectores-campo legend{font-size:clamp(1rem,calc(1.08vw / var(--zs)),1.2rem);font-weight:400}}
@media (min-width:2000px){.sf-campo input,.sf-campo select,.sf-campo textarea{width:100%;background:var(--sf-campo);padding:.7rem .9rem;font:400 1rem/1.3 var(--sf-sans);min-height:46px}}
@media (min-width:2000px){.sf-campo textarea{min-height:84px}}
@media (min-width:2000px){.sf-campo select{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}}
@media (min-width:2000px){.sf-campo select option{background:#1b1b1d}}
@media (min-width:2000px){.sf-error{font-size:.88rem}}
@media (min-width:2000px){.sf-resumen{background:rgba(255,143,125,.08);padding:.7rem 1rem;margin-bottom:.9rem;font-size:.95rem}}
@media (min-width:2000px){.sf-resumen ul{padding-left:1.1rem}}
@media (min-width:2000px){.sf-trampa{left:-9999px;width:1px;height:1px}}
@media (min-width:2000px){.sf-consent{margin:.8rem 0 .8rem}}
@media (min-width:2000px){.sf-consent label{gap:.7rem;font-size:1rem}}
@media (min-width:2000px){.sf-consent input,.sf-casillas input{width:26px;height:26px;background:transparent;margin:0}}
@media (min-width:2000px){.sf-consent input::after,.sf-casillas input::after{width:12px;height:12px;background:var(--sf-oro1)}}
@media (min-width:2000px){.sf-enviar{width:100%;padding:1rem 1.4rem;font-size:clamp(1.05rem,calc(1.6vw / var(--zs)),1.5rem)}}
@media (min-width:2000px){.sf-sectores-campo{margin:.9rem 0 .4rem;padding:0;min-width:0}}
@media (min-width:2000px){.sf-sectores-campo legend{padding:0;margin-bottom:.5rem;font-size:.9rem}}
@media (min-width:2000px){.sf-casillas{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem clamp(14px,calc(1.8vw / var(--zs)),24px)}}
@media (min-width:2000px){.sf-casillas label{gap:.75rem;font-size:.92rem;font-weight:300}}
@media (min-width:2000px){.sf-instrucciones{gap:.8rem;margin:1.1rem 0 1rem;padding:.8rem 1rem;background:rgba(242,181,60,.06);font-size:.98rem;font-weight:300}}
@media (min-width:2000px){.sf-instrucciones svg{width:24px;height:24px;margin-top:.1rem}}
@media (min-width:2000px){.sf-pasos{gap:.9rem;margin:2rem 0 .6rem;max-width:26rem}}
@media (min-width:2000px){.sf-pasos li{gap:1rem;padding-bottom:.7rem;font-size:clamp(.95rem,calc(1.25vw / var(--zs)),1.2rem);font-weight:300}}
@media (min-width:2000px){.sf-paso-n{width:50px;height:50px;font-size:1.15rem;font-weight:500}}
@media (min-width:2000px){.sf-pasos-nota{font-size:.9rem;max-width:26rem}}
@media (min-width:2000px){.sf-pasos-texto{max-width:40rem}}
@media (min-width:2000px){.sf-pasos-texto li{font-size:clamp(1rem,calc(1.2vw / var(--zs)),1.15rem)}}
@media (min-width:2000px){.sf-pasos-texto .sf-paso-n{width:42px;height:42px;font-size:1rem}}
@media (min-width:2000px){.sf-gracias-seccion{min-height:min(calc(70vh / var(--zs)),640px)}}
@media (min-width:2000px){.sf-gracias-seccion .sf-lead{max-width:44ch}}
@media (min-width:2000px){@media (min-width:1101px){.sf-prov{grid-template-columns:minmax(0,.76fr) minmax(0,1.24fr)}}}
@media (min-width:2000px){@media (min-width:1101px){.sf-prov .sf-titular{font-size:clamp(2.1rem,calc(3.5vw / var(--zs)),3.7rem)}}}
@media (min-width:2000px){@media (min-width:1101px){.sf-prov .sf-lead{max-width:36ch;font-size:clamp(1rem,calc(1.35vw / var(--zs)),1.4rem)}}}
@media (min-width:2000px){@media (min-width:761px){.ssai-pag-proveedores .sf-campo input,.ssai-pag-proveedores .sf-campo select{min-height:38px;padding:.4rem .8rem;font-size:.95rem}}}
@media (min-width:2000px){@media (min-width:761px){.ssai-pag-proveedores .sf-campo textarea{min-height:60px;padding:.5rem .8rem;font-size:.95rem}}}
@media (min-width:2000px){@media (min-width:761px){.ssai-pag-proveedores .sf-rejilla{gap:.35rem clamp(14px,calc(1.8vw / var(--zs)),24px)}}}
@media (min-width:2000px){@media (min-width:1101px){.sf-prof-a .sf-titular{font-size:min(clamp(2.2rem,calc(4.7vw / var(--zs)),5rem),calc(100cqw/8.2))}}}
@media (min-width:2000px){@media (min-width:1101px){.sf-prof-b .sf-titular{font-size:min(clamp(2.1rem,calc(3.75vw / var(--zs)),4rem),calc(100cqw/10.5))}}}
@media (min-width:2000px){@media (min-width:1101px){.sf-prov .sf-titular{font-size:min(clamp(2.1rem,calc(3.75vw / var(--zs)),4rem),calc(100cqw/10.3))}}}
@media (min-width:2000px){@media (min-width:1101px){.sf-form-seccion .sf-titular{font-size:min(clamp(2.1rem,calc(3.3vw / var(--zs)),3.6rem),calc(100cqw/9.9))}}}
@media (min-width:2000px){@media (min-width:1101px){html[lang=en] .sf-prof-b .sf-titular{font-size:min(clamp(2.1rem,calc(3.75vw / var(--zs)),4rem),calc(100cqw/14.2))}}}
@media (min-width:2000px){@media (min-width:1101px){html[lang=en] .sf-contacto .sf-titular{font-size:min(clamp(2.1rem,calc(3.3vw / var(--zs)),3.6rem),calc(100cqw/12.9))}}}
@media (min-width:2000px){@media (min-width:1101px){.sf-gracias-seccion .sf-titular{font-size:clamp(2.1rem,calc(3.6vw / var(--zs)),3.8rem)}}}
@media (min-width:2000px){@media (min-width:1101px){.sf-registro .sf-form-seccion{padding-top:calc(.9vw / var(--zs));padding-bottom:calc(.9vw / var(--zs))}}}
@media (min-width:2000px){@media (min-width:1101px){.sf-registro .sf-kicker{margin-bottom:calc(.6vw / var(--zs))}}}
@media (min-width:2000px){@media (min-width:1101px){.sf-registro .sf-titular{margin-bottom:calc(.9vw / var(--zs))}}}
@media (min-width:2000px){@media (min-width:1101px){.sf-registro .sf-lead{margin-bottom:0;font-size:min(clamp(.95rem,calc(1.5vw / var(--zs)),1.55rem),calc(100cqw/24))}}}
@media (min-width:2000px){@media (min-width:1101px){.sf-registro .sf-pasos{margin:calc(.9vw / var(--zs)) 0 calc(.4vw / var(--zs));gap:calc(.6vw / var(--zs));max-width:calc(29vw / var(--zs))}}}
@media (min-width:2000px){@media (min-width:1101px){.sf-registro .sf-pasos-nota{max-width:calc(29vw / var(--zs))}}}
@media (min-width:2000px){@media (min-width:1101px){.sf-registro .sf-pasos li{padding-bottom:calc(.35vw / var(--zs));font-size:calc(1.15vw / var(--zs))}}}
@media (min-width:2000px){@media (min-width:1101px){.sf-registro .sf-paso-n{width:calc(2.7vw / var(--zs));height:calc(2.7vw / var(--zs));font-size:calc(1vw / var(--zs))}}}
@media (min-width:2000px){@media (min-width:1101px){.sf-registro .sf-pasos-nota{font-size:calc(.95vw / var(--zs))}}}
@media (min-width:2000px){@media (min-width:1101px){.sf-registro .sf-fondo{left:calc(-1 * max(clamp(20px,calc(4vw / var(--zs)),56px),(calc(100vw / var(--zs)) - 1680px) / 2 + 56px));right:calc(-1vw / var(--zs));bottom:calc(-1 * calc(.9vw / var(--zs)));height:50%;min-height:0;margin:0}}}
@media (min-width:2000px){@media (min-width:1101px){.sf-registro .sf-paso-n{background:rgba(5,3,1,.7)}}}
@media (min-width:2000px){@media (min-width:1101px){.sf-registro .sf-tarjeta{padding:calc(.6vw / var(--zs)) calc(2.1vw / var(--zs)) calc(1vw / var(--zs))}}}
@media (min-width:2000px){@media (min-width:1101px){.sf-registro .sf-tarjeta-titulo{margin-bottom:calc(.5vw / var(--zs));padding-bottom:calc(.25vw / var(--zs))}}}
@media (min-width:2000px){@media (min-width:1101px){.sf-registro .sf-rejilla{gap:calc(.3vw / var(--zs)) calc(2.8vw / var(--zs))}}}
@media (min-width:2000px){@media (min-width:1101px){.sf-registro .sf-campo{gap:calc(.1vw / var(--zs))}}}
@media (min-width:2000px){@media (min-width:1101px){.sf-registro .sf-campo label,.sf-registro .sf-casillas label,.sf-registro .sf-consent label{font-size:calc(1.02vw / var(--zs))}}}
@media (min-width:2000px){@media (min-width:1101px){.sf-registro .sf-campo input,.sf-registro .sf-campo select{min-height:calc(2.15vw / var(--zs));height:calc(2.15vw / var(--zs));padding:0 calc(.9vw / var(--zs));font-size:calc(.98vw / var(--zs))}}}
@media (min-width:2000px){@media (min-width:1101px){.sf-registro .sf-campo textarea{min-height:calc(2.7vw / var(--zs));height:calc(2.7vw / var(--zs));padding:calc(.45vw / var(--zs)) calc(.9vw / var(--zs));font-size:calc(.98vw / var(--zs))}}}
@media (min-width:2000px){@media (min-width:1101px){.sf-registro .sf-sectores-campo{margin:calc(.8vw / var(--zs)) 0 calc(.2vw / var(--zs))}}}
@media (min-width:2000px){@media (min-width:1101px){.sf-registro .sf-sectores-campo legend{margin-bottom:calc(.35vw / var(--zs));font-size:calc(1vw / var(--zs))}}}
@media (min-width:2000px){@media (min-width:1101px){.sf-registro .sf-casillas{gap:calc(.25vw / var(--zs)) calc(2.8vw / var(--zs))}}}
@media (min-width:2000px){@media (min-width:1101px){.sf-registro .sf-casillas input,.sf-registro .sf-consent input{width:calc(1.35vw / var(--zs));height:calc(1.35vw / var(--zs))}}}
@media (min-width:2000px){@media (min-width:1101px){.sf-registro .sf-casillas input::after,.sf-registro .sf-consent input::after{width:calc(.65vw / var(--zs));height:calc(.65vw / var(--zs))}}}
@media (min-width:2000px){@media (min-width:1101px){.sf-registro .sf-instrucciones{margin:calc(.6vw / var(--zs)) 0 calc(.3vw / var(--zs));padding:calc(.4vw / var(--zs)) calc(.9vw / var(--zs));font-size:calc(.9vw / var(--zs))}}}
@media (min-width:2000px){@media (min-width:1101px){.sf-registro .sf-instrucciones svg{width:calc(1.35vw / var(--zs));height:calc(1.35vw / var(--zs))}}}
@media (min-width:2000px){@media (min-width:1101px){.sf-registro .sf-consent{margin:calc(.35vw / var(--zs)) 0 calc(.4vw / var(--zs))}}}
@media (min-width:2000px){@media (min-width:1101px){.sf-registro .sf-enviar{padding:calc(.55vw / var(--zs)) 1.4rem;font-size:calc(1.45vw / var(--zs))}}}
@media (min-width:2000px){@media (min-width:1101px) and (min-aspect-ratio:17/10){.sf-registro .sf-form-seccion{padding-top:calc(.4vw / var(--zs));padding-bottom:calc(.4vw / var(--zs))}}}
@media (min-width:2000px){@media (min-width:1101px) and (min-aspect-ratio:17/10){.sf-registro .sf-tarjeta{padding-bottom:calc(.5vw / var(--zs))}}}
@media (min-width:2000px){@media (min-width:1101px) and (min-aspect-ratio:17/10){.sf-registro .sf-tarjeta-titulo{margin-bottom:calc(.25vw / var(--zs))}}}
@media (min-width:2000px){@media (min-width:1101px) and (min-aspect-ratio:17/10){.sf-registro .sf-rejilla{row-gap:calc(.15vw / var(--zs))}}}
@media (min-width:2000px){@media (min-width:1101px) and (min-aspect-ratio:17/10){.sf-registro .sf-sectores-campo{margin-top:calc(.4vw / var(--zs))}}}
@media (min-width:2000px){@media (min-width:1101px) and (min-aspect-ratio:17/10){.sf-registro .sf-instrucciones{margin-top:calc(.3vw / var(--zs))}}}
@media (min-width:2000px){@media (min-width:1101px) and (min-aspect-ratio:17/10){.sf-registro .sf-consent{margin:calc(.2vw / var(--zs)) 0}}}
@media (min-width:2000px){@media (min-width:1101px) and (min-aspect-ratio:17/10){.sf-registro .sf-fondo{height:22%}}}
@media (min-width:2000px){@media (min-width:1101px){.sf-prof-b{grid-template-columns:minmax(0,.76fr) minmax(0,1.24fr)}}}
@media (min-width:2000px){@media (min-width:1101px){.sf-prof-b .sf-sectores{grid-template-rows:repeat(2,minmax(0,1fr))}}}
@media (min-width:2000px){@media (min-width:1300px){.sf-prof-b .sf-sectores span{min-height:45px;padding:.3rem 0;font-size:13px}}}
@media (min-width:2000px){@media (min-width:1200px){.sf-prof-b .sf-kicker{font-size:min(1.05rem,calc(100cqw/36))}}}
@media (min-width:2000px){@media (min-width:1101px){html[lang=es] .sf-contacto .sf-titular{margin-bottom:calc(1.3vw / var(--zs))}}}
@media (min-width:2000px){@media (min-width:1101px){html[lang=es] .sf-contacto .sf-lead{font-size:calc(1.35vw / var(--zs));max-width:none}}}
@media (min-width:2000px){@media (min-width:1101px){html[lang=es] .sf-contacto .sf-form-seccion,html[lang=es] .sf-form-seccion.sf-contacto{padding-top:calc(1.4vw / var(--zs));padding-bottom:calc(1.4vw / var(--zs))}}}
@media (min-width:2000px){@media (min-width:1101px){html[lang=es] .sf-contacto .sf-tarjeta{padding:calc(1vw / var(--zs)) calc(1.7vw / var(--zs)) calc(1.1vw / var(--zs))}}}
@media (min-width:2000px){@media (min-width:1101px){html[lang=es] .sf-contacto .sf-tarjeta-titulo{margin-bottom:calc(.8vw / var(--zs));padding-bottom:calc(.4vw / var(--zs))}}}
@media (min-width:2000px){@media (min-width:1101px){html[lang=es] .sf-contacto .sf-rejilla{gap:calc(1vw / var(--zs)) calc(1.7vw / var(--zs))}}}
@media (min-width:2000px){@media (min-width:1101px){html[lang=es] .sf-contacto .sf-campo{gap:calc(.25vw / var(--zs))}}}
@media (min-width:2000px){@media (min-width:1101px){html[lang=es] .sf-contacto .sf-campo label,html[lang=es] .sf-contacto .sf-consent label{font-size:calc(.97vw / var(--zs))}}}
@media (min-width:2000px){@media (min-width:1101px){html[lang=es] .sf-contacto .sf-campo input,html[lang=es] .sf-contacto .sf-campo select{min-height:calc(2.78vw / var(--zs));height:calc(2.78vw / var(--zs));padding:0 calc(.9vw / var(--zs));font-size:calc(.95vw / var(--zs))}}}
@media (min-width:2000px){@media (min-width:1101px){html[lang=es] .sf-contacto .sf-campo textarea{min-height:calc(4.4vw / var(--zs));height:calc(4.4vw / var(--zs));padding:calc(.55vw / var(--zs)) calc(.9vw / var(--zs));font-size:calc(.95vw / var(--zs))}}}
@media (min-width:2000px){@media (min-width:1101px){html[lang=es] .sf-contacto .sf-consent{margin:calc(.8vw / var(--zs)) 0 calc(.8vw / var(--zs))}}}
@media (min-width:2000px){@media (min-width:1101px){html[lang=es] .sf-contacto .sf-consent input{width:calc(1.35vw / var(--zs));height:calc(1.35vw / var(--zs))}}}
@media (min-width:2000px){@media (min-width:1101px){html[lang=es] .sf-contacto .sf-consent input::after{width:calc(.65vw / var(--zs));height:calc(.65vw / var(--zs))}}}
@media (min-width:2000px){@media (min-width:1101px){.sf-contacto .sf-enviar{background:linear-gradient(90deg,var(--oro2) 0%,rgb(255,242,207) 50%,var(--oro2) 100%)}}}
@media (min-width:2000px){@media (min-width:1101px){html[lang=es] .sf-contacto .sf-enviar{padding:calc(.7vw / var(--zs)) 1.4rem;font-size:calc(1.3vw / var(--zs))}}}
@media (min-width:2000px){@media (min-width:1101px){html[lang=en] .sf-contacto .sf-form-seccion,html[lang=en] .sf-form-seccion.sf-contacto{padding-top:calc(1.4vw / var(--zs));padding-bottom:calc(1.4vw / var(--zs))}}}
@media (min-width:2000px){@media (min-width:1101px){html[lang=en] .sf-contacto .sf-tarjeta{padding:calc(1vw / var(--zs)) calc(1.7vw / var(--zs)) calc(1.1vw / var(--zs))}}}
@media (min-width:2000px){@media (min-width:1101px){html[lang=en] .sf-contacto .sf-tarjeta-titulo{margin-bottom:calc(.8vw / var(--zs));padding-bottom:calc(.4vw / var(--zs))}}}
@media (min-width:2000px){@media (min-width:1101px){html[lang=en] .sf-contacto .sf-rejilla{gap:calc(1vw / var(--zs)) calc(1.7vw / var(--zs))}}}
@media (min-width:2000px){@media (min-width:1101px){html[lang=en] .sf-contacto .sf-campo{gap:calc(.25vw / var(--zs))}}}
@media (min-width:2000px){@media (min-width:1101px){html[lang=en] .sf-contacto .sf-campo label,html[lang=en] .sf-contacto .sf-consent label{font-size:calc(.97vw / var(--zs))}}}
@media (min-width:2000px){@media (min-width:1101px){html[lang=en] .sf-contacto .sf-campo input,html[lang=en] .sf-contacto .sf-campo select{min-height:calc(2.78vw / var(--zs));height:calc(2.78vw / var(--zs));padding:0 calc(.9vw / var(--zs));font-size:calc(.95vw / var(--zs))}}}
@media (min-width:2000px){@media (min-width:1101px){html[lang=en] .sf-contacto .sf-campo textarea{min-height:calc(4.4vw / var(--zs));height:calc(4.4vw / var(--zs));padding:calc(.55vw / var(--zs)) calc(.9vw / var(--zs));font-size:calc(.95vw / var(--zs))}}}
@media (min-width:2000px){@media (min-width:1101px){html[lang=en] .sf-contacto .sf-consent{margin:calc(.8vw / var(--zs)) 0 calc(.8vw / var(--zs))}}}
@media (min-width:2000px){@media (min-width:1101px){html[lang=en] .sf-contacto .sf-consent input{width:calc(1.35vw / var(--zs));height:calc(1.35vw / var(--zs))}}}
@media (min-width:2000px){@media (min-width:1101px){html[lang=en] .sf-contacto .sf-consent input::after{width:calc(.65vw / var(--zs));height:calc(.65vw / var(--zs))}}}
@media (min-width:2000px){@media (min-width:1101px){html[lang=en] .sf-contacto .sf-enviar{padding:calc(.7vw / var(--zs)) 1.4rem;font-size:calc(1.3vw / var(--zs))}}}
@media (min-width:2000px){@media (min-width:1101px){.sf-contacto .sf-fondo picture,.sf-contacto .sf-fondo img{width:100%;height:auto}}}
@media (min-width:2000px){@media (min-width:1101px){html[lang=en] .sf-contacto .sf-fondo{min-height:0}}}
@media (min-width:2000px){@media (min-width:1101px){.sf-contacto .sf-titular,.sf-contacto .sf-tarjeta-titulo{font-weight:800}}}
@media (min-width:2000px){@media (min-width:1101px){html[lang=es] .sf-contacto .sf-titular>span:first-child{font-size:1.23em}}}
@media (min-width:2000px){@media (min-width:1101px){html[lang] .sf-form-seccion.sf-contacto{padding-top:calc(2.7vw / var(--zs))}}}
@media (min-width:2000px){.sf-banda-serif{font-family:var(--sf-serif);font-weight:600;font-size:clamp(.95rem,calc(1.25vw / var(--zs)),1.2rem)}}
@media (min-width:2000px){.sf-banda-serif .sf-banda-oro{font-weight:600}}
@media (min-width:2000px){.sf-adjuntar{gap:.6rem 1.1rem;margin:.7rem 0 .5rem}}
@media (min-width:2000px){.sf-adjuntar input[type=file]{width:1px;height:1px}}
@media (min-width:2000px){.sf-boton-adjuntar{font-size:clamp(.875rem,calc(1.05vw / var(--zs)),1.1rem);padding:.7rem 1.4rem;gap:.6rem}}
@media (min-width:2000px){.sf-boton-adjuntar svg{width:1.3em;height:1.3em}}
@media (min-width:2000px){.sf-adjuntar-nota{font-size:clamp(.875rem,calc(.95vw / var(--zs)),1rem)}}
@media (min-width:2000px){@media (min-width:1101px){.sf-boton-adjuntar{min-width:min(calc(21vw / var(--zs)),340px)}}}
@media (min-width:2000px){.sf-adjuntar .sf-error{margin:0}}
@media (min-width:2000px){.sf-formaliza .sf-form-cab{max-width:1680px;margin:0 auto;padding:clamp(14px,calc(1.6vw / var(--zs)),28px) clamp(20px,calc(4vw / var(--zs)),56px) 0}}
@media (min-width:2000px){.sf-formaliza .sf-titular{margin-bottom:.4rem;font-size:clamp(2.2rem,calc(4.8vw / var(--zs)),5rem)}}
@media (min-width:2000px){.sf-formaliza .sf-lead{margin:0 auto;max-width:none;font-size:clamp(1.05rem,calc(1.5vw / var(--zs)),1.5rem)}}
@media (min-width:2000px){.sf-kicker-lineas{gap:1.2rem;margin:1rem auto .8rem;max-width:56rem;font-size:clamp(.85rem,calc(1.05vw / var(--zs)),1.1rem)}}
@media (min-width:2000px){.sf-kicker-lineas::before,.sf-kicker-lineas::after{height:1px;background:var(--sf-oro)}}
@media (min-width:2000px){.sf-pasos-fila{grid-template-columns:repeat(4,1fr);gap:1rem;margin:0 auto;max-width:1380px;padding:0}}
@media (min-width:2000px){.sf-pasos-fila li{gap:.4rem;font-size:clamp(.8rem,calc(1.05vw / var(--zs)),1.1rem);font-weight:300}}
@media (min-width:2000px){.sf-pasos-fila li::before{top:21px;left:-50%;right:50%;height:1px;background:var(--sf-oro)}}
@media (min-width:2000px){.sf-pasos-fila .sf-paso-n{width:42px;height:42px;font-size:1rem;background:#000}}
@media (min-width:2000px){.sf-pasos-fila .sf-paso-activo .sf-paso-n{background:var(--degradado)}}
@media (min-width:2000px){.sf-formaliza .sf-dos{grid-template-columns:1fr 1fr;gap:clamp(12px,calc(1.6vw / var(--zs)),26px);max-width:1680px;margin:1.2rem auto 0;padding:0 clamp(20px,calc(4vw / var(--zs)),56px)}}
@media (min-width:2000px){.sf-formaliza .sf-tarjeta{gap:.9rem}}
@media (min-width:2000px){.sf-formaliza .sf-rejilla{grid-template-columns:1fr 1fr;gap:.7rem 1.4rem}}
@media (min-width:2000px){.sf-boton-ancho{width:100%}}
@media (min-width:2000px){.sf-documento{background:#fff;padding:1.4rem 2rem 1.6rem;gap:.55rem;margin:0 auto;width:min(100%,520px)}}
@media (min-width:2000px){.sf-documento-logo{width:110px;height:auto;margin:0 auto}}
@media (min-width:2000px){.sf-documento-titulo{font-weight:700;font-size:clamp(.85rem,calc(1.15vw / var(--zs)),1.15rem);margin:.3rem 0 0}}
@media (min-width:2000px){.sf-documento-sub{font-size:.85rem;margin:0 0 .5rem}}
@media (min-width:2000px){.sf-documento i{height:7px;background:#c9c9c9}}
@media (min-width:2000px){.sf-documento i.sf-corta{width:70%}}
@media (min-width:2000px){.sf-dos-botones{gap:.9rem}}
@media (min-width:2000px){.sf-dos-botones .sf-boton{font-size:clamp(.9rem,calc(1.1vw / var(--zs)),1.15rem);padding:.8rem 1rem}}
@media (min-width:2000px){.sf-banda-confirma{max-width:1680px;margin:1rem auto 0;width:calc(100% - clamp(40px,calc(8vw / var(--zs)),112px));padding:.9rem 1.4rem;font-family:var(--sf-serif);font-size:clamp(1rem,calc(1.9vw / var(--zs)),1.9rem)}}
@media (min-width:2000px){.sf-banda-confirma .sf-banda-oro{font-weight:700}}
@media (min-width:2000px){.sf-banda-confirma .sf-banda-icono{width:1.3em;height:1.3em;margin-right:.6em}}
@media (min-width:2000px){@media (min-width:1101px){.sf-prof-b{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);padding-right:clamp(20px,calc(1.7vw / var(--zs)),24px)}}}
@media (min-width:2000px){@media (min-width:1101px){html[lang=en] .sf-prof-b .sf-titular{font-size:min(clamp(2.1rem,calc(3.75vw / var(--zs)),4rem),calc(100cqw/10.5))}}}
@media (min-width:2000px){@media (min-width:1101px){.sf-registro .sf-fondo{height:min(calc(14.3vw / var(--zs)),215px)}}}
@media (min-width:2000px){@media (min-width:1101px){.sf-prof-a{grid-template-columns:minmax(0,1fr) minmax(0,min(calc(54.4vw / var(--zs)),60%))}}}
@media (min-width:2000px){@media (min-width:1300px){.sf-prof-b{grid-template-columns:minmax(0,1fr) min(calc(55vw / var(--zs)),58%);column-gap:24px;padding-left:clamp(20px,calc(4vw / var(--zs)),56px);padding-right:16px}}}
@media (min-width:2000px){@media (min-width:1300px){.sf-prof-b .sf-sectores{gap:8px;grid-template-rows:repeat(2,minmax(306px,var(--fila-max)));grid-auto-rows:auto}}}
@media (min-width:2000px){@media (min-width:761px){.sf-trio{padding-right:calc(clamp(20px,calc(4vw / var(--zs)),56px) - clamp(12px,calc(2vw / var(--zs)),28px))}}}
@media (min-width:2000px){@media (min-width:1101px){.sf-trio{padding-right:calc(clamp(20px,calc(4vw / var(--zs)),56px) - clamp(12px,calc(2vw / var(--zs)),28px) - calc(.55vw / var(--zs)))}}}
@media (min-width:2000px){@media (min-width:1101px){#contenido>.sf-registro>.sf-form-seccion{width:100%}}}
@media (min-width:2000px){@media (min-width:1700px){html[lang] .sf-contacto .sf-campo #sf-actividad:invalid,html[lang] .sf-contacto .sf-campo #sf-interes:invalid{font-size:calc(.76vw / var(--zs))}}}
@media (min-width:2000px){@media (min-width:1101px){body.ssai-pag-contacto #contenido>.sf-contacto>.sf-form-seccion{width:100%}}}
@media (min-width:2000px){@media (min-width:1681px){.sf-contacto .sf-fondo{margin-left:calc(-1 * (56px + (calc(100vw / var(--zs)) - 1680px) / 2))}}}
@media (min-width:2000px){@media (min-width:1101px){.sf-prov .sf-sectores{gap:8px;grid-template-rows:repeat(2,minmax(249px,1fr));grid-auto-rows:auto}}}
@media (min-width:2000px){@media (min-width:1101px){.sf-prov>.sf-texto>.sf-izq{left:calc(-1 * clamp(20px,calc(2.4vw / var(--zs)),44px));right:0;bottom:1.9rem;margin:0}}}
@media (min-width:2000px){@media (min-width:1101px){.sf-prov>.sf-texto>.sf-pie-nota{margin-top:auto;padding-top:.8rem}}}
@media (min-width:2000px){@media (min-width:1101px){.sf-prov .sf-sectores{grid-template-rows:repeat(2,minmax(calc(((100cqw - clamp(24px,calc(3vw / var(--zs)),48px)) * .62 - 24px) * .390625),1fr))}}}
@media (min-width:2000px){@media (min-width:1101px){.sf-prov .sf-sectores picture{min-height:0}}}
@media (min-width:2000px){@media (min-width:1101px){.sf-prov .sf-sectores picture img{inset:0}}}
@media (min-width:2000px){@media (min-width:1101px){.sf-prov .sf-ventajas{max-width:24rem}}}
@media (min-width:2000px){@media (min-width:1101px){.sf-prov>.sf-texto>.sf-izq::after{inset:0;background:linear-gradient(90deg,rgba(0,0,0,.72) 0,rgba(0,0,0,.72) calc(clamp(20px,calc(2.4vw / var(--zs)),44px) + 24rem + 8px),transparent calc(clamp(20px,calc(2.4vw / var(--zs)),44px) + 24rem + 72px))}}}
@media (min-width:2000px){.sf-registro .sf-kicker::after{left:0;bottom:-.6rem;width:clamp(40px,calc(5.2vw / var(--zs)),100px);height:2px;background:var(--sf-oro1)}}
@media (min-width:2000px){@media (min-width:1101px){.sf-registro .sf-titular{font-size:clamp(2.1rem,calc(3.65vw / var(--zs)),3.9rem)}}}
@media (min-width:2000px){@media (min-width:1101px){.sf-registro .sf-titular{font-weight:900}}}
@media (min-width:2000px){@media (min-width:1101px){html[lang=en] .sf-registro .sf-titular{font-size:min(clamp(2.1rem,calc(3.65vw / var(--zs)),3.9rem),calc(100cqw/10.2))}}}
@media (min-width:2000px){@media (min-width:1300px){.sf-prof-b .sf-sectores{grid-template-rows:none;grid-auto-rows:auto}}}
@media (min-width:2000px){@media (min-width:1101px){.sf-prof-b>.sf-texto>.sf-izq{min-height:180px;margin-top:-2.5rem}}}
/* == fin D-SSAI-814 == */