.elementor-11 .elementor-element.elementor-element-fb61aa7{--display:flex;--min-height:100vh;--justify-content:space-between;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-fb61aa7:not(.elementor-motion-effects-element-type-background), .elementor-11 .elementor-element.elementor-element-fb61aa7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-11 .elementor-element.elementor-element-aedb265{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-4457cc8{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-11 .elementor-element.elementor-element-10a5b145{padding:10px 0px 0px 30px;text-align:start;}.elementor-11 .elementor-element.elementor-element-10a5b145 img{width:23%;}.elementor-11 .elementor-element.elementor-element-ae1f18{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-11 .elementor-element.elementor-element-3f16af65{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:10px 0px 0px 0px;text-align:center;}.elementor-11 .elementor-element.elementor-element-3f16af65 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:19px;font-weight:400;color:#FFFFFF;}.elementor-11 .elementor-element.elementor-element-5c4d9700{--display:flex;--justify-content:center;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-163a478f{padding:10px 30px 0px 0px;}.elementor-11 .elementor-element.elementor-element-4bfd5654{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-11 .elementor-element.elementor-element-550f9ffc{text-align:center;}.elementor-11 .elementor-element.elementor-element-550f9ffc .elementor-heading-title{font-family:"DM Mono", Sans-serif;font-size:16px;font-weight:400;line-height:32px;color:#FFFFFF;}.elementor-11 .elementor-element.elementor-element-3f033eeb{--display:flex;--min-height:100vh;--justify-content:space-between;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-3f033eeb:not(.elementor-motion-effects-element-type-background), .elementor-11 .elementor-element.elementor-element-3f033eeb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-11 .elementor-element.elementor-element-61ad1be7{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-41bbc232{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-55fd82bd{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-34e233a6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:10px 0px 0px 0px;text-align:center;}.elementor-11 .elementor-element.elementor-element-34e233a6 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:19px;font-weight:400;color:#FFFFFF;}.elementor-11 .elementor-element.elementor-element-5ad8cbe{padding:14px 0px 0px 0px;}.elementor-11 .elementor-element.elementor-element-5ad8cbe.elementor-element{--align-self:center;}.elementor-11 .elementor-element.elementor-element-79934959{--display:flex;--justify-content:center;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-a272489{padding:0px 10px 0px 10px;text-align:start;}.elementor-11 .elementor-element.elementor-element-a272489 img{width:100%;}.elementor-11 .elementor-element.elementor-element-f44f856{padding:0px 0px 0px 0px;text-align:center;}.elementor-11 .elementor-element.elementor-element-f44f856 .elementor-heading-title{font-family:"DM Mono", Sans-serif;font-size:16px;font-weight:400;line-height:32px;color:#FFFFFF;}body.elementor-page-11:not(.elementor-motion-effects-element-type-background), body.elementor-page-11 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-11 .elementor-element.elementor-element-fb61aa7{--width:100%;}.elementor-11 .elementor-element.elementor-element-3f033eeb{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-163a478f *//* FORZAR SIEMPRE TEXTO NEGRO Y SIN BORDE/SOMBRAS RARAS */
.copy-email-wrap .glass-btn,
.copy-email-wrap .glass-btn:hover,
.copy-email-wrap .glass-btn:active,
.copy-email-wrap .glass-btn:focus,
.copy-email-wrap .glass-btn.copied,
.copy-email-wrap .glass-btn.copied:hover,
.copy-email-wrap .glass-btn.copied:active,
.copy-email-wrap .glass-btn.copied:focus {
  /* texto SIEMPRE negro */
  color: #fff !important;
  -webkit-text-fill-color: #fff; /* Safari/WebKit */

  /* sin borde ni “linea” arriba */
  border: 0 !important;
  box-shadow: 0 10px 25px rgba(0,0,0,0.15) !important;  /* sin inset */
  background: rgba(255,255,255,0.18) !important;        /* glass fijo */

  /* sin cambios en hover/click */
  transform: none !important;
  transition: none !important;
}

/* el span interno también siempre negro */
.copy-email-wrap .glass-btn .btn-label {
  color: #fff !important;
  -webkit-text-fill-color: #fff;
  transition: opacity .2s ease !important; /* solo el fade del texto */
}

/* por si el tema fuerza un borde con outline */
.copy-email-wrap .glass-btn:focus {
  outline: none !important;
  box-shadow: 0 10px 25px rgba(0,0,0,0.15) !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4bfd5654 */@font-face {
  font-family: "VictorNarrow";
  src: url("https://laava.es/wp-content/uploads/2025/12/VictorNarrow-Light.woff") format("woff");
  font-weight: 300;            /* “Light”. Ajusta si tu archivo es otro peso */
  font-style: normal;
  font-display: swap;
}


  /* 2) Estructura del marquee */
  .marquee {
    display: flex;
    overflow: hidden;      /* recorta el carril, no el glifo */
    height: 10vh;
    user-select: none;
    gap: 10rem;
    padding-top: 10rem;
    padding-bottom: 10rem;
  }

  .marquee__group {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    min-width: 100%;
    animation: scroll 85s linear infinite reverse;
    overflow: visible;      /* deja que sus hijos “saquen tinta” */
    will-change: transform;
  }

  /* 3) Tipografía y ajustes anti-recorte en los spans */
  .marquee .marquee__group span {
    display: inline-block;
    color: #fff;
    font-family: "VictorNarrow", sans-serif !important;
    font-weight: 300;       /* que coincida con @font-face */
    font-size: 15vw;
    white-space: nowrap;
    -webkit-font-smoothing: antialiased;

    overflow: visible;      /* evita cortar el @ grande con stroke */
    padding-inline: 0.2em;  /* aire para el trazo del @ */
    margin-inline: 0.02em;
  }

  @keyframes scroll {
    from { transform: translateX(0); }
    to   { transform: translateX(calc(-100% - 2rem)); }
  }

  /* 5) Responsive */
  @media (max-width: 600px){
    .marquee .marquee__group span { font-size: 8rem; }
  }
</style>

<!-- 6) HTML -->
<div class="marquee" aria-label="Emails de contacto en movimiento">
  <div class="marquee__group">
    <span>hola@estudio.com</span>
    <span>hola@estudio.com</span>
    <span>hola@estudio.com</span>
  </div>
  <div class="marquee__group" aria-hidden="true">
    <span>hola@estudio.com</span>
    <span>hola@estudio.com</span>
    <span>hola@estudio.com</span>
  </div>
</div>/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fb61aa7 *//* Pantalla completa con unidades modernas y fallback */
.pantalla-full {
  min-height: 100vh; /* fallback */
}

/* Usa dvh/svh/lvh cuando el navegador las soporte */
@supports (height: 100dvh) {
  .pantalla-full { min-height: 100dvh; }
}
@supports (height: 100svh) {
  .pantalla-full { min-height: 100svh; }
}

/* Bloquear scroll y ocultar barra en esta página */
html, body {
  height: 100%;
  overflow: hidden;
  overscroll-behavior: none;
}

/* Ocultar scrollbars visualmente (por si algún navegador insiste) */
::-webkit-scrollbar { display: none; }
html { scrollbar-width: none; }

/* Bloquear scroll en la página */
html, body {
  height: 100%;
  overflow: hidden;        /* quita el scroll y la barra */
  overscroll-behavior: none; /* evita el “rebote” en móviles */
}

/* La(s) sección(es) a pantalla completa */
.elementor-location-content, 
.elementor-section-wrap, 
.elementor-section {
  min-height: 100dvh; /* alto de ventana real, también en móvil */
}

/* Si sigues viendo barra en navegadores específicos, la ocultas visualmente */
::-webkit-scrollbar { display: none; }           /* Chrome/Safari */
html { scrollbar-width: none; }                  /* Firefox *//* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5ad8cbe *//* FORZAR SIEMPRE TEXTO NEGRO Y SIN BORDE/SOMBRAS RARAS */
.copy-email-wrap .glass-btn,
.copy-email-wrap .glass-btn:hover,
.copy-email-wrap .glass-btn:active,
.copy-email-wrap .glass-btn:focus,
.copy-email-wrap .glass-btn.copied,
.copy-email-wrap .glass-btn.copied:hover,
.copy-email-wrap .glass-btn.copied:active,
.copy-email-wrap .glass-btn.copied:focus {
  /* texto SIEMPRE negro */
  color: #fff !important;
  -webkit-text-fill-color: #fff; /* Safari/WebKit */

  /* sin borde ni “linea” arriba */
  border: 0 !important;
  box-shadow: 0 10px 25px rgba(0,0,0,0.15) !important;  /* sin inset */
  background: rgba(255,255,255,0.18) !important;        /* glass fijo */

  /* sin cambios en hover/click */
  transform: none !important;
  transition: none !important;
}

/* el span interno también siempre negro */
.copy-email-wrap .glass-btn .btn-label {
  color: #fff !important;
  -webkit-text-fill-color: #fff;
  transition: opacity .2s ease !important; /* solo el fade del texto */
}

/* por si el tema fuerza un borde con outline */
.copy-email-wrap .glass-btn:focus {
  outline: none !important;
  box-shadow: 0 10px 25px rgba(0,0,0,0.15) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3f033eeb *//* Pantalla completa con unidades modernas y fallback */
.pantalla-full {
  min-height: 100vh; /* fallback */
}

/* Usa dvh/svh/lvh cuando el navegador las soporte */
@supports (height: 100dvh) {
  .pantalla-full { min-height: 100dvh; }
}
@supports (height: 100svh) {
  .pantalla-full { min-height: 100svh; }
}

/* Bloquear scroll y ocultar barra en esta página */
html, body {
  height: 100%;
  overflow: hidden;
  overscroll-behavior: none;
}

/* Ocultar scrollbars visualmente (por si algún navegador insiste) */
::-webkit-scrollbar { display: none; }
html { scrollbar-width: none; }

/* Bloquear scroll en la página */
html, body {
  height: 100%;
  overflow: hidden;        /* quita el scroll y la barra */
  overscroll-behavior: none; /* evita el “rebote” en móviles */
}

/* La(s) sección(es) a pantalla completa */
.elementor-location-content, 
.elementor-section-wrap, 
.elementor-section {
  min-height: 100dvh; /* alto de ventana real, también en móvil */
}

/* Si sigues viendo barra en navegadores específicos, la ocultas visualmente */
::-webkit-scrollbar { display: none; }           /* Chrome/Safari */
html { scrollbar-width: none; }                  /* Firefox *//* End custom CSS */