/*
 * Retoques visuales nuestros sobre la copia de Framer de inmobiliarias.
 *
 * El HTML y el CSS de Framer se quedan tal cual (los rehace
 * scripts/framer/copiar.py); lo que queremos distinto va aquí, después de sus
 * estilos. Se apunta por `data-framer-name` y no por las clases `framer-xxxx`
 * porque esas cambian de una página a otra para la misma pieza.
 * Lo carga cada página desde copiar.py (corrección `retoques`).
 */

/* ── 1 · «Cuando tu operación deja de depender del tiempo humano…»: el logo
 *       de Visionarius donde acaban las seis líneas. Framer lo metía de 56 px
 *       en una caja de 40 que lo recortaba en cuadrado; ahora es un círculo
 *       más grande, pegado al punto donde convergen las líneas (el centro de
 *       abajo del dibujo, 16 px por encima: el hueco que deja la columna). */
#benefits [data-framer-name="Logo"] {
  width: 76px;
  height: 76px;
  margin: -16px 0 18px;
  border-radius: 50%;
  overflow: hidden;
  box-shadow: 0 0 0 1px rgba(110, 231, 128, 0.35), 0 0 22px rgba(74, 199, 88, 0.35);
}
#benefits [data-framer-name="Logo"] > div { width: 100%; }
#benefits [data-framer-name="Logo"] img { border-radius: 50%; }
@media (min-width: 810px) and (max-width: 1199.98px) {
  #benefits [data-framer-name="Logo"] { width: 68px; height: 68px; }
}
@media (max-width: 809.98px) {
  #benefits [data-framer-name="Logo"] { width: 56px; height: 56px; margin-bottom: 14px; }
}

/* ── 2 · «Paso 1 · Captura multicanal»: Framer desenfocaba (blur 1 px) todo el
 *       orbe, logo incluido, y por eso se veía borroso. El desenfoque se queda
 *       sólo en los dos círculos que giran detrás. */
[data-framer-name="Orb"] { filter: none !important; -webkit-filter: none !important; }
[data-framer-name="Orb"] > [data-framer-name="Small circle"],
[data-framer-name="Orb"] > [data-framer-name="Large circle"] { filter: blur(1px); }

/* ── 3 · «¿Todavía no has visto el sistema en acción…?»: los dos móviles
 *       (Restail y Vivalta) iban pequeños dentro de una caja negra punteada con
 *       borde. Fuera la caja: sin fondo, sin borde ni las dos líneas de adorno;
 *       el punteado queda como textura que se difumina detrás, con un halo
 *       verde, y los móviles van grandes, enteros y con sombra. */
.framer-pmrTa.framer-u7WnO [data-framer-name="Images"] {
  background: none !important;
  padding: 0 !important;
  overflow: visible !important;
  border-radius: 0 !important;
  will-change: auto !important;
}
.framer-pmrTa.framer-u7WnO [data-framer-name="Images"]::after { display: none !important; }
.framer-pmrTa.framer-u7WnO [data-framer-name="Images"]::before {
  content: "";
  position: absolute;
  inset: 6% 2% 0;
  z-index: 1;
  pointer-events: none;
  background: radial-gradient(closest-side, rgba(74, 199, 88, 0.26), rgba(74, 199, 88, 0));
}
.framer-pmrTa.framer-u7WnO [data-framer-name="Line Left"],
.framer-pmrTa.framer-u7WnO [data-framer-name="Line Top"] { display: none !important; }
.framer-pmrTa.framer-u7WnO [data-framer-name="BG Image"] {
  top: -12% !important;
  left: -12% !important;
  width: 124% !important;
  height: 124% !important;
  opacity: 0.5 !important;
  -webkit-mask-image: radial-gradient(closest-side, #000 20%, transparent);
  mask-image: radial-gradient(closest-side, #000 20%, transparent);
}
.framer-pmrTa.framer-u7WnO [data-framer-name="Image 01"] {
  flex: none !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1;
  overflow: visible !important;
  will-change: auto !important;
  filter: drop-shadow(0 28px 36px rgba(0, 0, 0, 0.65));
}

/* Ordenador: la columna de los móviles crece (490 px) a costa del margen
 * derecho del texto, que se queda con el mismo ancho; los móviles (520 px)
 * entran un poco en ese margen, sin llegar a las letras. */
.framer-pmrTa.framer-u7WnO[data-framer-name="Desktop"] [data-framer-name="Grid"] {
  gap: 0 !important;
  align-items: stretch !important;
}
.framer-pmrTa.framer-u7WnO[data-framer-name="Desktop"] [data-framer-name="Left"] { padding-right: 20px !important; }
.framer-pmrTa.framer-u7WnO[data-framer-name="Desktop"] [data-framer-name="Right"] {
  flex: 0 0 490px !important;
  height: auto !important;
  align-items: center !important;
  justify-content: flex-end !important;
}
.framer-pmrTa.framer-u7WnO[data-framer-name="Desktop"] [data-framer-name="Images"] {
  width: 520px !important;
  margin-left: -30px;
}

/* Tablet: en dos columnas el texto iba en una tira estrecha y los móviles se
 * salían por la derecha. Una columna: el texto arriba y los móviles debajo. */
.framer-pmrTa.framer-u7WnO[data-framer-name="Tablet"] [data-framer-name="Grid"] {
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 0 !important;
}
.framer-pmrTa.framer-u7WnO[data-framer-name="Tablet"] [data-framer-name="Left"] {
  flex: none !important;
  width: auto !important;
  padding: 56px 56px 8px !important;
}
.framer-pmrTa.framer-u7WnO[data-framer-name="Tablet"] [data-framer-name="Right"] {
  flex: none !important;
  width: auto !important;
  justify-content: center !important;
  padding: 0 32px 28px;
}
.framer-pmrTa.framer-u7WnO[data-framer-name="Tablet"] [data-framer-name="Images"] {
  width: 100% !important;
  max-width: 580px;
}

/* Móvil: los móviles a todo el ancho de la tarjeta (antes 202 px de alto). */
.framer-pmrTa.framer-u7WnO[data-framer-name="Phone"] [data-framer-name="Right"] {
  justify-content: center !important;
  padding: 0 4px 16px;
}
.framer-pmrTa.framer-u7WnO[data-framer-name="Phone"] [data-framer-name="Images"] { width: 100% !important; }

/* ── 4 · Registro (Jaime, 15 y 16/10/2026). Sólo esta página: todo va bajo
 *       html[data-pagina="inmobiliarias-registro"] (lo pone copiar.py en el
 *       <html>) o por ids/clases nuestros; registro-directo y formulario
 *       tienen el mismo hero con los mismos data-framer-name y no deben verse
 *       afectadas. El HTML lo mete la corrección `registro()` de copiar.py. */

/* 4.1 · Hueco arriba y abajo del hero. Framer daba padding-top 180 en
 *       ordenador y tablet y 61 en móvil: sin la pastilla del 15/10 (fuera
 *       desde el 16/10), 180 dejaba el titular a 149 px de la barra fija de
 *       64 (mucho hueco) y en móvil los 61 metían la rejilla de logos debajo
 *       de la barra. */
html[data-pagina="inmobiliarias-registro"] section[data-framer-name="Content"] { padding-top: 140px !important; }
@media (max-width: 809.98px) {
  /* Y abajo: los 100 px de Framer los llenaban la caja vacía y la cinta; con
   * los dos móviles cerrando el hero, bastan 40 antes de «Vas a descubrir». */
  html[data-pagina="inmobiliarias-registro"] section[data-framer-name="Content"] { padding-top: 84px !important; padding-bottom: 40px !important; }
}

/* 4.2 · La rejilla de logos: las 16 inmobiliarias fijas (Jaime: «fijas, sin
 *       cinta»), cada una en su tarjeta como las `vis-cliente` de la cinta
 *       pero con clase propia (`vis-logo`, ver rejilla_logos() en copiar.py).
 *       En ordenador y tablet va bajo el hero, en la caja del rótulo, en vez
 *       de la cinta; en móvil arriba del titular, donde estaban los dos
 *       móviles. Flex con salto y centrado para que la última fila incompleta
 *       quede centrada: ordenador 8 por fila (2 filas), tablet 6 (6/6/4),
 *       móvil 4 (4 filas). */
html[data-pagina="inmobiliarias-registro"] .vis-logos { flex: none; width: 100%; display: flex; flex-direction: column; align-items: center; gap: 10px; }
html[data-pagina="inmobiliarias-registro"] .vis-logos-rejilla { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; width: 100%; max-width: 1100px; }
html[data-pagina="inmobiliarias-registro"] .vis-logo {
  width: 124px; height: 54px; box-sizing: border-box; padding: 9px 15px; border-radius: 12px;
  display: flex; align-items: center; justify-content: center; overflow: hidden;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45), inset 0 0 0 1px rgba(255, 255, 255, 0.1);
}
html[data-pagina="inmobiliarias-registro"] .vis-logo img { display: block; max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; }
html[data-pagina="inmobiliarias-registro"] .vis-logos-rotulo {
  margin: 0; font-family: "Figtree", "Figtree Placeholder", sans-serif; font-size: 11px; font-weight: 500;
  letter-spacing: -0.02em; color: rgba(255, 255, 255, 0.7); text-align: center;
}
/* La cinta se queda en el HTML (la busca copiar.py en cada --retoques) pero no
 * se ve; y la caja del rótulo, que Framer dejaba a 123 px fijos en móvil,
 * crece con la rejilla. */
html[data-pagina="inmobiliarias-registro"] section[data-framer-name="Content"] > div[data-framer-name="Content"] > [class$="-container"] { display: none !important; }
html[data-pagina="inmobiliarias-registro"] section[data-framer-name="Content"] > div[data-framer-name="Content"] { height: auto !important; }
#vis-logos-movil { display: none; }
@media (max-width: 809.98px) {
  /* En móvil la rejilla va en el hero y la caja del rótulo con la cinta sobra
   * (con ella fuera, el hero deja de medir 748 px por el max-width 700 de la cinta). */
  html[data-pagina="inmobiliarias-registro"] section[data-framer-name="Content"] > div[data-framer-name="Content"] { display: none !important; }
  #vis-logos-movil { display: flex; order: 0; }
  html[data-pagina="inmobiliarias-registro"] #vis-logos-movil .vis-logos-rejilla { gap: 8px; }
  html[data-pagina="inmobiliarias-registro"] #vis-logos-movil .vis-logo { width: calc((100% - 24px) / 4); height: 40px; padding: 6px 9px; border-radius: 9px; }
}

/* 4.3 · El reordenado del hero. Los dos móviles («Images») son hermanos de
 *       los textos y del formulario dentro de «Top», con `order` 0/1/2: en
 *       móvil se mandan al final, debajo del formulario. Framer dio alto fijo
 *       a «Block 1» (1092 móvil, 823 tablet) y «Header» recorta: pasa a alto
 *       automático para que la rejilla y el campo nuevo no se corten. Y fuera
 *       la caja «Left», que en móvil estaba vacía (240 px de hueco negro bajo
 *       el formulario) y en tablet caía fuera del bloque y nunca se veía (en
 *       tablet los móviles que se ven son los de «Images», ver 4.6). El
 *       bloque de ordenador se toca sólo en 4.6 (el teléfono más grande). */
@media (max-width: 809.98px) {
  html[data-pagina="inmobiliarias-registro"] [data-framer-name="Block 1"] { height: auto !important; gap: 0 !important; }
  html[data-pagina="inmobiliarias-registro"] [data-framer-name="Block 1"] > [data-framer-name="Left"] { display: none !important; }
  html[data-pagina="inmobiliarias-registro"] [data-framer-name="Top"] > [data-framer-name="Images"] { order: 3 !important; width: 100% !important; height: auto !important; }   /* su tamaño, en 4.6 */
}
@media (min-width: 810px) and (max-width: 1199.98px) {
  html[data-pagina="inmobiliarias-registro"] [data-framer-name="Block 1"] { height: auto !important; }
  html[data-pagina="inmobiliarias-registro"] [data-framer-name="Block 1"] > [data-framer-name="Left"] { display: none !important; }
}

/* 4.4 · Testimonio 1 → José Luis Gordillo (Vivalta) en Valencia Radio (Jaime,
 *       16/10): la tarjeta 1 deja el vídeo de Framer y lleva la portada del
 *       caso de éxito con un botón de play que, de momento, abre la
 *       publicación de Instagram. Misma caja que tenía el vídeo (360×636;
 *       móvil 100 % × 500; radio 22) para que las dos tarjetas sigan midiendo
 *       lo mismo y la rejilla no cojee. La portada es vertical (472×1024) y la
 *       caja algo menos: con `cover` se perdería el titular de abajo («Así se
 *       vende bien una vivienda con IA»), que es el gancho; como el fondo del
 *       JPG es negro puro y la caja también, `contain` sobre negro la enseña
 *       entera y las bandas de los lados no se notan. Botón como .radio-play
 *       de public/exito-inmobiliarias.html (56 px, redondo, fondo oscuro
 *       translúcido, borde de 2 px) pero en el verde de la landing. */
html[data-pagina="inmobiliarias-registro"] #vis-vivalta-nombre {
  margin: 0; flex: none; width: 100%; text-align: center;
  /* La misma letra que el «Testimonio 2» de al lado (preset owv810 de Framer:
   * 23 px, 500, -0,02 em, 1,2): a 17 px se veía claramente más pequeño. Con
   * «CEO de Vivalta» mide 341 px y cabe en los 443 de la columna de ordenador
   * (el nombre entero con «Vivalta Inmobiliaria» daba 440: al límite). Si la
   * fuente de reserva lo alargara, puntos suspensivos antes que una segunda
   * línea, que no cabe en los 678 fijos de la tarjeta (28 + 10 + 636). */
  font-family: "Figtree", "Figtree Placeholder", sans-serif; font-size: 23px; font-weight: 500; line-height: 1.2em;
  letter-spacing: -0.02em; color: #fff;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
html[data-pagina="inmobiliarias-registro"] #vis-vivalta {
  position: relative; display: block; flex: none; width: 360px; height: 636px;
  border-radius: 22px; overflow: hidden; background: #000; text-decoration: none;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
}
html[data-pagina="inmobiliarias-registro"] #vis-vivalta img {
  position: absolute; inset: 0; width: 100%; height: 100%; display: block;
  object-fit: contain; object-position: center top;
  transition: transform .5s cubic-bezier(.22, 1, .36, 1);
}
html[data-pagina="inmobiliarias-registro"] #vis-vivalta:hover img { transform: scale(1.03); }
html[data-pagina="inmobiliarias-registro"] #vis-vivalta .vis-vivalta-play {
  position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
  width: 56px; height: 56px; box-sizing: border-box; border-radius: 50%;
  background: rgba(0, 0, 0, 0.6); border: 2px solid #5ED26B;
  display: flex; align-items: center; justify-content: center; padding-left: 3px;
  animation: vis-radio-latido 2s ease-in-out infinite;
}
@keyframes vis-radio-latido {
  0%, 100% { transform: translate(-50%, -50%) scale(1); box-shadow: 0 0 0 0 rgba(94, 210, 107, 0.55); }
  50% { transform: translate(-50%, -50%) scale(1.07); box-shadow: 0 0 0 16px rgba(94, 210, 107, 0); }
}
@media (max-width: 809.98px) {
  html[data-pagina="inmobiliarias-registro"] #vis-vivalta { width: 100%; height: 500px; }
  html[data-pagina="inmobiliarias-registro"] #vis-vivalta-nombre { white-space: normal; }   /* en 282 px va en dos líneas (55 px); la caja de 678 tiene sitio de sobra con la portada a 500 */
  /* Framer invierte las tarjetas en móvil (order 1/0): la de Vivalta, primera
   * del DOM, va primera también aquí (copiar.py cambia el «Testimonio 1» de la
   * variante móvil de la otra a «Testimonio 2»). */
  html[data-pagina="inmobiliarias-registro"] [data-framer-name="Bottom grid"] > [data-framer-name="Integration card"]:first-child { order: 0 !important; }
  html[data-pagina="inmobiliarias-registro"] [data-framer-name="Bottom grid"] > [data-framer-name="Integration card"]:last-child { order: 1 !important; }
}
/* Tablet (810–1199): las tarjetas van en columna y Framer pintaba el vídeo de
 * la tarjeta 2 al 70 % de la caja (546 px) con su rótulo DEBAJO (order 2),
 * mientras la de Vivalta lleva 360 con el rótulo encima: una sobre otra
 * parecían dos tarjetas de estilos distintos, con la portada «la mitad de
 * ancha» que el vídeo. La portada vertical no admite 546 sin bandas de 126 px,
 * así que es el vídeo el que baja a los 360 de ordenador (sigue siendo el de
 * Framer, con su botón) y su rótulo sube. Sin hashes: por data-framer-name. */
@media (min-width: 810px) and (max-width: 1199.98px) {
  html[data-pagina="inmobiliarias-registro"] [data-framer-name="Integration card"] [data-framer-name="Top"] > .ssr-variant > [data-framer-name="Video"] { width: 360px !important; }
  html[data-pagina="inmobiliarias-registro"] [data-framer-name="Integration card"] [data-framer-name="Top"] > .ssr-variant > [data-framer-component-type="RichTextContainer"] { order: -1 !important; }
}
@media (prefers-reduced-motion: reduce) {
  html[data-pagina="inmobiliarias-registro"] #vis-vivalta .vis-vivalta-play { animation: none; }
}

/* 4.5 · El botón de enviar como los botones de agendar de abogados (Jaime,
 *       16/10: «en verde, del mismo color y estilo de los de abogados, que
 *       tienen un toque y que relucen»): copia de .btn-agendar de
 *       app/globals.css, que esta copia de Framer no carga, con sus @keyframes.
 *       Verde del logo en degradado, texto oscuro, latido cada 4 s y un brillo
 *       que lo cruza; al pasar el ratón se queda quieto y sube. Framer lo
 *       pintaba gris (rgb(51,51,51) inline), de ahí los !important. El form
 *       recorta (overflow hidden) y el botón es su último hijo: con overflow
 *       visible el halo del latido y la sombra no se cortan (los inputs trampa
 *       del form van en absolute + scale(0): no se ven de ninguna manera). */
html[data-pagina="inmobiliarias-registro"] form { overflow: visible !important; }
html[data-pagina="inmobiliarias-registro"] form button[type="submit"] {
  position: relative;
  overflow: hidden !important;
  isolation: isolate;
  background: linear-gradient(180deg, #8EE39A 0%, #5ED26B 100%) !important;
  color: #08200F !important;
  box-shadow: 0 8px 22px -12px rgba(94, 210, 107, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.35);
  transition: transform .35s cubic-bezier(.22, 1, .36, 1), filter .3s, box-shadow .35s;
  animation: agendar-latido 4s cubic-bezier(.22, 1, .36, 1) infinite;
}
html[data-pagina="inmobiliarias-registro"] form button[type="submit"]::after {
  content: "";
  position: absolute;
  top: 0; bottom: 0; left: 0;
  z-index: -1;
  width: 40%;
  background: linear-gradient(90deg, #fff0, #ffffff4d, #fff0);
  transform: translate(-170%) skew(-18deg);
  animation: agendar-brillo 4s cubic-bezier(.4, 0, .2, 1) infinite;
}
/* El texto: Framer lo pone blanco por variables (--extracted-r6o4lv en el
 * contenedor, --framer-text-color en el <p>) y el preset del <a> lo vuelve
 * blanco al pasar el ratón; aquí oscuro siempre, para que se lea sobre verde. */
html[data-pagina="inmobiliarias-registro"] form button[type="submit"] .framer-text,
html[data-pagina="inmobiliarias-registro"] form button[type="submit"] a {
  --framer-text-color: #08200F;
  --framer-link-text-color: #08200F;
  --framer-link-hover-text-color: #08200F;
  color: #08200F !important;
  font-weight: 600 !important;
}
html[data-pagina="inmobiliarias-registro"] form button[type="submit"]:hover {
  animation: none;
  filter: brightness(1.05);
  transform: translateY(-2px);
  box-shadow: 0 12px 28px -12px rgba(94, 210, 107, 0.65), inset 0 1px 0 rgba(255, 255, 255, 0.4);
}
html[data-pagina="inmobiliarias-registro"] form button[type="submit"]:active { transform: scale(.98); }
@keyframes agendar-latido {
  0% { transform: scale(1); box-shadow: 0 8px 22px -12px rgba(94, 210, 107, .55), inset 0 1px 0 rgba(255, 255, 255, .35), 0 0 0 0 rgba(94, 210, 107, .28); }
  11% { transform: scale(1.018); }
  24% { transform: scale(1); }
  60%, to { transform: scale(1); box-shadow: 0 8px 22px -12px rgba(94, 210, 107, .55), inset 0 1px 0 rgba(255, 255, 255, .35), 0 0 0 11px rgba(94, 210, 107, 0); }
}
@keyframes agendar-brillo {
  0%, 14% { transform: translate(-170%) skew(-18deg); }
  46%, to { transform: translate(330%) skew(-18deg); }
}
@media (prefers-reduced-motion: reduce) {
  html[data-pagina="inmobiliarias-registro"] form button[type="submit"],
  html[data-pagina="inmobiliarias-registro"] form button[type="submit"]::after { animation: none; }
  html[data-pagina="inmobiliarias-registro"] form button[type="submit"]:hover { transform: none; }
}

/* 4.6 · Los móviles del hero, grandes (Jaime, 16/10: «haz los mockups más
 *       grandes»). Móvil: la caja «Images» (debajo del formulario) pierde
 *       relleno y el cuadrado de los dos teléfonos (f4a3f4d1c5591a.webp,
 *       2400×2400) pasa de 212 a 318 px, todo el ancho de «Top» (338 − 10 de
 *       margen a cada lado), sin cortar nada. copiar.py pone 318 en el `sizes`
 *       de la imagen para que el navegador pida la de 1024 y no la de 512. */
@media (max-width: 809.98px) {
  html[data-pagina="inmobiliarias-registro"] [data-framer-name="Top"] > [data-framer-name="Images"] { padding: 14px 10px 0 !important; margin-top: 10px; }
  html[data-pagina="inmobiliarias-registro"] [data-framer-name="Top"] > [data-framer-name="Images"] > [data-framer-name="Image 01"] { height: 318px !important; }
}
/* Tablet: Framer dejaba la columna sin ningún móvil (el Left caía fuera del
 * bloque de 823 fijos y 4.3 lo quita). Van los dos teléfonos de «Images» (en
 * la copia de ordenador+tablet Framer los oculta con hidden-1n90ssl, (0,1,0);
 * este selector es (0,3,1) con !important y gana) debajo del formulario, a
 * todo el ancho de la columna de 616. */
@media (min-width: 810px) and (max-width: 1199.98px) {
  html[data-pagina="inmobiliarias-registro"] [data-framer-name="Top"] > [data-framer-name="Images"] { display: flex !important; order: 3; width: 100% !important; height: auto !important; padding: 20px 20px 0 !important; margin-top: 12px; }
  html[data-pagina="inmobiliarias-registro"] [data-framer-name="Top"] > [data-framer-name="Images"] > [data-framer-name="Image 01"] { height: 560px !important; }
}
/* Ordenador: el teléfono de Restail («Illustration», aspect-ratio 0,492
 * inline) un 39 % más grande (330 → 460 px de ancho, 935 de alto), y
 * menos por debajo de 1260 px para que Block 1 (616 + 64 de gap + teléfono)
 * quepa en los 100vw − 80 que deja el Header, que recorta. El Left pierde el
 * relleno de 88/40 (la imagen ya lo desbordaba 43 px por cada lado) y el
 * translateY(60px) que Framer dejó inline sin animar (opacity 1: vivo.js no
 * lo toca), y el padding-top 33 alinea el teléfono con el titular (el «Top»
 * de la derecha lleva 33 arriba). El hero crece unos 120 px con él. Framer
 * sólo tenía el archivo de 369 px (a 460 iba ×2,5 en retina, borroso):
 * copiar.py (paso 8 de registro()) le pone un srcset con el mismo teléfono
 * recortado a 1382 px de caso-movil.webp, y el navegador coge 920 o 1382. */
@media (min-width: 1200px) {
  html[data-pagina="inmobiliarias-registro"] [data-framer-name="Block 1"] > [data-framer-name="Left"] { width: auto !important; height: auto !important; padding: 33px 0 0 !important; overflow: visible !important; }
  html[data-pagina="inmobiliarias-registro"] [data-framer-name="Block 1"] > [data-framer-name="Left"] [data-framer-name="Illustration"] { width: clamp(340px, calc(100vw - 800px), 460px) !important; padding-top: 0 !important; transform: none !important; }
}