/* Solicitar acceso (diapositiva 15 adaptada al diseño de la web): logo, titular y tres iconos a la izquierda; el formulario a la derecha. */
.sf-acceso .sf-form-seccion,.sf-acceso .sf-seccion{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);align-items:stretch}
.sf-acceso .sf-texto{display:flex;flex-direction:column}
.sf-acceso-logo{width:clamp(120px,11vw,190px);margin:0 0 clamp(8px,1.2vw,22px) clamp(0px,1.5vw,24px)}
.sf-acceso-logo picture,.sf-acceso-logo img{display:block;width:100%;height:auto}
.sf-acceso .sf-kicker{font-size:clamp(.8rem,.95vw,1rem);margin-bottom:.8rem}
.sf-acceso .sf-titular{margin-bottom:1.2rem}
.sf-acceso .sf-lead{font-size:clamp(.95rem,1.25vw,1.3rem);max-width:34ch}
.sf-iconos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:.4rem 0 1rem}
.sf-iconos li{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.2rem .6rem;text-align:center;font-size:clamp(.85rem,1.05vw,1.05rem);line-height:1.25;color:#fff;font-weight:300}
.sf-iconos li+li{border-left:1px solid rgba(242,181,60,.45)}
.sf-iconos .ssai-ico{width:clamp(34px,3.4vw,54px);height:clamp(34px,3.4vw,54px);color:var(--sf-oro1)}
.sf-proximamente{display:flex;align-items:center;gap:1rem;text-transform:uppercase;letter-spacing:.3em;font-size:clamp(.75rem,.9vw,.95rem);color:var(--sf-oro1)}
.sf-proximamente::before,.sf-proximamente::after{content:"";flex:1;height:1px;background:var(--sf-oro)}
.sf-sub{font-family:var(--sf-serif);font-size:clamp(1.05rem,1.5vw,1.5rem);color:#fff;margin:-.4rem 0 1rem}
.sf-acceso .sf-tarjeta-titulo{margin-bottom:.6rem;padding-bottom:0}
.sf-acceso .sf-tarjeta-titulo::after{display:none}
.sf-acceso .sf-campo label{font-size:clamp(.9rem,1vw,1.05rem)}
.sf-acceso .sf-campo input,.sf-acceso .sf-campo select{min-height:42px;padding:.45rem .9rem}
.sf-acceso .sf-campo textarea{min-height:70px}
.sf-acceso .sf-rejilla{gap:.5rem clamp(14px,1.8vw,24px)}
.sf-solo{display:contents}
.sf-solo[hidden]{display:none}
.sf-solo>fieldset{grid-column:1/-1}
.sf-acceso .sf-sectores-campo{margin:.5rem 0 .6rem}
.sf-acceso .sf-consent{margin:.35rem 0}
.sf-acceso .sf-consent+.sf-consent{margin-top:.2rem}
.sf-acceso .sf-enviar{margin-top:.5rem;border-radius:999px}
.sf-nota-final{font-size:.85rem;color:var(--sf-suave);margin-top:.7rem}
@media (max-width:899px){.sf-acceso .sf-seccion{grid-template-columns:1fr}.sf-acceso-logo{margin-left:0}}   /* D-SSAI-141: a 1024 sigue en dos columnas, como la diapositiva */
/* Sin JS se ven los campos de los dos perfiles: cada uno dice para quién es. Con JS, los del otro perfil se ocultan. */
html:not(.ssai-js) .sf-solo label::after,html:not(.ssai-js) .sf-solo legend::after{content:var(--etq);color:var(--sf-suave)}
.sf-acceso .sf-rejilla{margin-bottom:.6rem}
.sf-acceso .sf-form-seccion .sf-fondo,.sf-acceso .sf-fondo{margin-top:auto;min-height:160px;margin-bottom:calc(-1 * clamp(14px,1.4vw,26px))}
.sf-acceso .sf-tarjeta{display:flex;flex-direction:column}
.sf-acceso .sf-tarjeta form{flex:1;display:flex;flex-direction:column}

/* Solicitar acceso, diapositiva 15 (D-SSAI-137, 139, 141, 144, 147, 148, 149, 156, 158). */
/* 148: campos casi negros con borde dorado fino y esquinas redondeadas; botón y área de texto con las medidas de la diapositiva (158). */
.sf-acceso .sf-campo input,.sf-acceso .sf-campo select,.sf-acceso .sf-campo textarea{background-color:#0a0a0b;border:1px solid #c9a24a;border-radius:6px}
/* 326: el fondo en «background» borraba el chevron de los desplegables; la ciudad (input+datalist) lleva el suyo. 327: aire bajo «¿Qué te interesa?». */
.sf-acceso .sf-campo input[list]{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-acceso .sf-campo input:focus,.sf-acceso .sf-campo select:focus,.sf-acceso .sf-campo textarea:focus{border-color:var(--sf-oro1)}
.sf-acceso .sf-malo input,.sf-acceso .sf-malo select,.sf-acceso .sf-malo textarea{border-color:var(--sf-rojo)}
.sf-acceso .sf-campo textarea{min-height:61px}
.sf-acceso .sf-enviar{padding:.62rem 1.4rem;font-size:21px}
/* 147: casilla de ≈16 px y el enlace de la política en dorado. */
.sf-acceso .sf-consent input{width:16px;height:16px;border-width:1px;border-radius:3px}
.sf-acceso .sf-consent a{color:var(--sf-oro1)}   /* D-SSAI-297: el mismo dorado que el resto de formularios (rgb 255,212,94) */
/* 137: la línea con los perfiles bajo «Tu perfil». */
.sf-pista{margin:.3rem 0 0;font-size:.75rem;line-height:1.35;color:var(--sf-suave)}
/* 149: sin foto; fondo negro con destellos y haces dorados por toda la página. */
.sf-acceso{background:radial-gradient(ellipse 45% 32% at 10% 88%,rgba(242,181,60,.2),transparent 70%),radial-gradient(ellipse 32% 42% at 88% 14%,rgba(242,154,27,.14),transparent 70%),linear-gradient(115deg,transparent 28%,rgba(247,210,122,.08) 36%,transparent 44%),linear-gradient(115deg,transparent 58%,rgba(247,210,122,.06) 64%,transparent 70%)}
/* 156: pie «BARCELONA» y «SSAIDESIGNER.EU» dorado entre filetes. */
.ssai-pie-ciudad{letter-spacing:.2em}
.ssai-pie-dominio{display:flex;align-items:center;gap:1rem;color:var(--oro1);margin-left:auto;margin-right:auto}
.ssai-pie-dominio::before,.ssai-pie-dominio::after{content:"";width:clamp(24px,4vw,72px);height:1px;background:var(--oro)}
/* 148/158 a 1440: la tarjeta más ancha (≈900 de 1440), el titular de la izquierda a ≈64 px y el del formulario a ≈56 px. */
@media (min-width:1101px){
  /* e2e 21:22: con 56 px de margen a cada lado la tarjeta medía 831; con 2,5vw mide ≈880 y el titular (cqw/8) sigue en ≈59. */
  .sf-acceso .sf-form-seccion{grid-template-columns:minmax(0,.54fr) minmax(0,1fr);padding-inline:2.5vw}
  .sf-acceso .sf-form-seccion .sf-fondo{margin-left:-2.5vw}
  .sf-acceso .sf-form-seccion .sf-titular{font-size:min(clamp(2.1rem,4.45vw,4.8rem),calc(100cqw/8))}
  html[lang=en] .sf-acceso .sf-form-seccion .sf-titular{font-size:min(clamp(2.1rem,4.45vw,4.8rem),calc(100cqw/9.2))}
  .sf-acceso .sf-tarjeta-titulo{font-size:clamp(1.6rem,3.85vw,3.7rem)}
}
/* Capturas t2: «Cuéntanos tus necesidades» quedaba a ≈5 px del campo de arriba; el resto de etiquetas, a ≈17. */
.sf-acceso .sf-interes{margin-bottom:.9rem}
/* D-SSAI-185: 46 px en móvil y tableta (regla W11 ≥ 44) */
@media (max-width:1100px){.sf-acceso .sf-campo input,.sf-acceso .sf-campo select{min-height:46px}}
/* Revisión 1024: «Nombre del estudio o empresa» se cortaba en el placeholder de la columna estrecha. */
@media (min-width:769px) and (max-width:1100px){.sf-acceso .sf-campo input::placeholder{font-size:.85rem}}
/* Revisión 2560 (banda negra de ~270 px bajo el formulario): el bloque llena la altura de la ventana y el pie queda abajo; el dominio, centrado en la página como en la diapositiva 15. */
body.ssai-pag-acceso #contenido{flex:1 0 auto;display:flex;flex-direction:column}
body.ssai-pag-acceso #contenido>.sf-acceso{flex:1 0 auto}
@media (min-width:1101px){body.ssai-pag-acceso .ssai-pie{display:grid;grid-template-columns:1fr auto 1fr}body.ssai-pag-acceso .ssai-pie-legal{justify-self:end}body.ssai-pag-acceso .ssai-pie-dominio{margin:0}}
/* == 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-acceso-logo{width:clamp(120px,calc(11vw / var(--zs)),190px);margin:0 0 clamp(8px,calc(1.2vw / var(--zs)),22px) clamp(0px,calc(1.5vw / var(--zs)),24px)}}
@media (min-width:2000px){.sf-acceso-logo picture,.sf-acceso-logo img{width:100%;height:auto}}
@media (min-width:2000px){.sf-acceso .sf-kicker{font-size:clamp(.8rem,calc(.95vw / var(--zs)),1rem);margin-bottom:.8rem}}
@media (min-width:2000px){.sf-acceso .sf-titular{margin-bottom:1.2rem}}
@media (min-width:2000px){.sf-acceso .sf-lead{font-size:clamp(.95rem,calc(1.25vw / var(--zs)),1.3rem)}}
@media (min-width:2000px){.sf-iconos{margin:.4rem 0 1rem}}
@media (min-width:2000px){.sf-iconos li{gap:.5rem;padding:.2rem .6rem;font-size:clamp(.85rem,calc(1.05vw / var(--zs)),1.05rem);font-weight:300}}
@media (min-width:2000px){.sf-iconos .ssai-ico{width:clamp(34px,calc(3.4vw / var(--zs)),54px);height:clamp(34px,calc(3.4vw / var(--zs)),54px)}}
@media (min-width:2000px){.sf-proximamente{gap:1rem;font-size:clamp(.75rem,calc(.9vw / var(--zs)),.95rem)}}
@media (min-width:2000px){.sf-proximamente::before,.sf-proximamente::after{height:1px}}
@media (min-width:2000px){.sf-sub{font-family:var(--sf-serif);font-size:clamp(1.05rem,calc(1.5vw / var(--zs)),1.5rem);margin:-.4rem 0 1rem}}
@media (min-width:2000px){.sf-acceso .sf-tarjeta-titulo{margin-bottom:.6rem;padding-bottom:0}}
@media (min-width:2000px){.sf-acceso .sf-campo label{font-size:clamp(.9rem,calc(1vw / var(--zs)),1.05rem)}}
@media (min-width:2000px){.sf-acceso .sf-campo input,.sf-acceso .sf-campo select{padding:.45rem .9rem}}
@media (min-width:2000px){.sf-acceso .sf-rejilla{gap:.5rem clamp(14px,calc(1.8vw / var(--zs)),24px)}}
@media (min-width:2000px){.sf-acceso .sf-sectores-campo{margin:.5rem 0 .6rem}}
@media (min-width:2000px){.sf-acceso .sf-consent{margin:.35rem 0}}
@media (min-width:2000px){.sf-acceso .sf-consent+.sf-consent{margin-top:.2rem}}
@media (min-width:2000px){.sf-acceso .sf-enviar{margin-top:.5rem}}
@media (min-width:2000px){.sf-nota-final{font-size:.85rem;margin-top:.7rem}}
@media (min-width:2000px){.sf-acceso .sf-rejilla{margin-bottom:.6rem}}
@media (min-width:2000px){.sf-acceso .sf-form-seccion .sf-fondo,.sf-acceso .sf-fondo{margin-top:auto;margin-bottom:calc(-1 * clamp(14px,calc(1.4vw / var(--zs)),26px))}}
@media (min-width:2000px){.sf-acceso .sf-campo input[list]{padding-right:2.6rem}}
@media (min-width:2000px){.sf-acceso .sf-enviar{padding:.62rem 1.4rem;font-size:21px}}
@media (min-width:2000px){.sf-acceso .sf-consent input{width:16px;height:16px}}
@media (min-width:2000px){.sf-pista{margin:.3rem 0 0;font-size:.75rem}}
@media (min-width:2000px){.ssai-pie-dominio{gap:1rem;margin-left:auto;margin-right:auto}}
@media (min-width:2000px){.ssai-pie-dominio::before,.ssai-pie-dominio::after{width:clamp(24px,calc(4vw / var(--zs)),72px);height:1px}}
@media (min-width:2000px){@media (min-width:1101px){.sf-acceso .sf-form-seccion{padding-inline:calc(2.5vw / var(--zs))}}}
@media (min-width:2000px){@media (min-width:1101px){.sf-acceso .sf-form-seccion .sf-fondo{margin-left:calc(-2.5vw / var(--zs))}}}
@media (min-width:2000px){@media (min-width:1101px){.sf-acceso .sf-form-seccion .sf-titular{font-size:min(clamp(2.1rem,calc(4.45vw / var(--zs)),4.8rem),calc(100cqw/8))}}}
@media (min-width:2000px){@media (min-width:1101px){html[lang=en] .sf-acceso .sf-form-seccion .sf-titular{font-size:min(clamp(2.1rem,calc(4.45vw / var(--zs)),4.8rem),calc(100cqw/9.2))}}}
@media (min-width:2000px){@media (min-width:1101px){.sf-acceso .sf-tarjeta-titulo{font-size:clamp(1.6rem,calc(3.85vw / var(--zs)),3.7rem)}}}
@media (min-width:2000px){.sf-acceso .sf-interes{margin-bottom:.9rem}}
@media (min-width:2000px){@media (min-width:1101px){body.ssai-pag-acceso .ssai-pie-dominio{margin:0}}}
/* == fin D-SSAI-814 == */