/* ===========================================================================
   Home y legales (Tailwind de la V4) dentro de Elementor · generado, no editar a mano
   =========================================================================== */
/* sin el reset de Hello (se quita en el snippet): lo que él ponía y la V4 da por hecho */
html{line-height:1.5}
.elementor .e-div-block-base{padding:0;min-width:0}
.elementor .elementor-widget-html,.elementor .elementor-widget-html > .elementor-widget-container{display:contents}
/* Hello Elementor subraya y colorea los enlaces y da estilo a los botones: la V4 no */
.elementor.elementor a{text-decoration:none}
.elementor.elementor button,.elementor.elementor [type=submit]{border-radius:inherit}

/* ===== <style> de la home de la V4 ===== */

        body {
            background-color: #f7f9fb;
            color: #191c1e;
            -webkit-font-smoothing: antialiased;
        }
        .glass-card {
            background: #ffffff;
            border: 1px solid #e0e3e5;
            box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.05), 0 2px 4px -2px rgb(0 0 0 / 0.05);
        }
        .glow-accent {
            box-shadow: 0 10px 25px -5px rgba(24, 99, 220, 0.2);
        }
        .material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
        }
        .spec-divider {
            border-left: 1px solid #e0e3e5;
        }
        .selection\:bg-primary::selection {
            background-color: #004bb2;
            color: white;
        }
        
        /* Animación Carrusel */
        @keyframes scroll {
            0% { transform: translateX(0); }
            100% { transform: translateX(calc(-250px * 7)); }
        }
        .marquee-track {
            animation: scroll 40s linear infinite;
            display: flex;
            width: calc(250px * 14);
        }
        .marquee-track:hover {
            animation-play-state: paused;
        }
        /* ===== Google Translate Banner Suppression =====
           IMPORTANT: We must NOT hide #google_translate_element itself
           (only the banner/toolbar it injects), otherwise the widget
           never initializes and the .goog-te-combo select never exists.
        */
        
        /* Hide the top-bar banner iframe Google Translate injects */
        .goog-te-banner-frame,
        .goog-te-banner-frame.skiptranslate,
        .goog-te-banner,
        .goog-te-balloon-frame,
        #goog-gt-tt,
        .goog-tooltip,
        .goog-tooltip:hover,
        .goog-text-highlight {
            display: none !important;
            visibility: hidden !important;
            height: 0 !important;
            max-height: 0 !important;
            opacity: 0 !important;
            pointer-events: none !important;
        }
        
        /* Hide the skiptranslate wrappers Google injects into <body> */
        body > .skiptranslate { display: none !important; }
        
        /* Force html/body to stay at top 0 — Google Translate sets body top:40px */
        html, body {
            top: 0px !important;
            margin-top: 0px !important;
        }
        
        /* New class names Google uses for its UI overlay */
        .VIpgJd-Zvi9od-aZ2wEe-wOHMyf,
        .VIpgJd-ZVi9od-aZ2wEe-wOHMyf {
            display: none !important;
            visibility: hidden !important;
        }
        
        /* The actual Google Translate widget container:
           NOT display:none — positioned off-screen so it initializes */
        #google_translate_element {
            position: fixed !important;
            top: -9999px !important;
            left: -9999px !important;
            width: 1px !important;
            height: 1px !important;
            overflow: hidden !important;
            opacity: 0 !important;
            pointer-events: none !important;
            z-index: -1 !important;
        }
    
/* ===== tema-home.css ===== */
/* ===========================================================================
   Sistema común home ↔ landings (8-oct): los mismos valores que el bloque
   «SISTEMA COMÚN» de tema-v4.css, aplicados sobre el Tailwind de la V4.
   La home mezclaba títulos de 36/44/48 px, botones de 4 y 8 px de radio en
   azul y en amarillo y tarjetas de 16/24/32 px.
   =========================================================================== */
.eq-home section:not(.eq-hero) h2.font-headline-xl{font-size:30px!important;line-height:1.12!important;font-weight:800;color:#031a35!important}
@media (min-width:768px){.eq-home section:not(.eq-hero) h2.font-headline-xl{font-size:clamp(30px,3.1vw,44px)!important}}
#contacto .bg-\[\#031a35\] h2,.eq-home section .text-white h2{color:#fff}
.eq-home h3.font-headline-md,.eq-home h3.font-headline-lg{font-size:20px!important;line-height:1.25!important;font-weight:700!important}
/* antetítulos de sección en píldora */
.eq-home section:not(.eq-hero) span.uppercase.tracking-widest{display:inline-block;font-size:12px!important;font-weight:700;letter-spacing:.12em;
  color:#004bb2;background:rgba(0,75,178,.1);border:1px solid rgba(0,75,178,.2);padding:6px 14px;border-radius:999px;line-height:1.4}
/* botones: 8 px y el amarillo para la acción principal, también en los que eran azules */
.eq-home a.bg-primary,.eq-home a.bg-electric-blue,.eq-home button.bg-primary,.eq-home button.bg-electric-blue{background:#ffc629!important;color:#031a35!important;box-shadow:0 8px 22px rgba(255,198,41,.22)!important}
.eq-home a.bg-primary:hover,.eq-home a.bg-electric-blue:hover,.eq-home button.bg-primary:hover,.eq-home button.bg-electric-blue:hover{background:#ffd45c!important}
.eq-home a[class*="py-"][class*="font-bold"]:not(.group),.eq-home button[class*="py-"][class*="font-bold"]{border-radius:8px!important}
.eq-hero a[class*="py-4"]{min-height:52px;padding-top:14px!important;padding-bottom:14px!important}
/* tarjetas: 16 px, mismo borde y sombra que en las landings */
.eq-home .rounded-3xl,.eq-home .rounded-\[2rem\]{border-radius:16px!important}
.eq-home a.group.border,.eq-home div.group.border,.eq-home article.border{border-color:#e0e3e5!important;box-shadow:0 4px 14px rgba(3,26,53,.06)}
.eq-home a.group.border.bg-\[\#031a35\]{border-color:#031a35!important}
/* ritmo vertical de las secciones */
.eq-home section.py-24,.eq-home section.py-16{padding-top:clamp(72px,10vh,112px)!important;padding-bottom:clamp(72px,10vh,112px)!important}
/* hero en móvil: que «Cuéntanos tu proyecto» quepa en la primera pantalla (medido a 360×740).
   Las viñetas del hero, más juntas. */
@media (max-width:639px){
  .eq-hero .py-10{padding-top:24px;padding-bottom:28px}
  .eq-hero h1{font-size:32px!important;margin-bottom:14px!important}
  .eq-hero span.uppercase{font-size:11px!important;margin-bottom:14px!important}
  .eq-hero h1 + p{font-size:16px!important;line-height:1.5!important;margin-bottom:14px!important}
  .eq-hero .eq-vinetas{margin-bottom:18px!important}
  .eq-hero .eq-vinetas > * + *{margin-top:6px!important}
  .eq-hero .eq-vinetas li{font-size:15px!important;gap:10px!important}
  .eq-hero .flex.flex-wrap.gap-4{gap:10px!important}
}

/* palabras largas (sobre todo en alemán): se parten con guion según el lang de la página */
h1,h2,h3,.tit,.eyebrow{overflow-wrap:break-word}
:lang(de) :is(h1,h2,h3,h4,.tit,.eyebrow){-webkit-hyphens:auto;hyphens:auto}
/* H1 del hero con las keywords (8-oct): más largo que el de la V4, equilibrado y sin palabra suelta */
.eq-hero h1{text-wrap:balance}
@media (min-width:768px){.eq-hero h1{font-size:54px!important;line-height:1.08!important}}