.elementor-kit-15{--e-global-color-primary:#0F172A;--e-global-color-secondary:#64748B;--e-global-color-text:#E5E7EB;--e-global-color-accent:#22C55E;--e-global-color-915ea3e:#FA1F02;--e-global-color-d918825:#9DBBE5;--e-global-color-34c168f:#EFCE8C;--e-global-color-588f641:#020617;--e-global-color-def7a1c:#0B1220;--e-global-color-89f2fa1:#FFFFFF;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-kit-15 e-page-transition{background-color:#FFBC7D;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ====== HERO ESTILO GANDIA · HUMIX ====== */
:root{
  --hx-blue:#9dbbe5;   /* Azul HumiX */
  --hx-red:#fa1f02;    /* Rojo HumiX */
  --hx-gold:#efce8c;   /* Dorado HumiX */
  --hx-ink:#0f172a;    /* Texto principal */
  --hx-muted:#64748b;  /* Texto suave */
  --hx-bg:#020617;     /* Fondo oscuro */
  --hx-card:#0b1220;   /* Tarjetas oscuras */
  --hx-accent:#22c55e; /* Acento verde opcional */
}

.hx-hero-lz{
  min-height:100vh;
  display:flex;
  align-items:center;
  position:relative;
  padding:140px 0 100px;
}

/* Overlay oscuro SIN blur y un poco más ligero */
.hx-hero-lz::before{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.35);  /* antes .55 */
  z-index:0;
}

.hx-hero-lz .hx-wrap{
  position:relative;
  z-index:2;
}

/* Eyebrow dorado Humix */
.hx-hero-eyebrow{
  font-size:.9rem;
  text-transform:uppercase;
  letter-spacing:.12em;
  color:var(--hx-gold);   /* DORADO HUMIX */
  margin-bottom:10px;
}

/* H1 sólido y muy legible */
.hx-hero-title{
  font-size:clamp(2.6rem, 4vw, 4rem);
  line-height:1.05;
  font-weight:800;
  color:#ffffff !important;
  max-width:16ch;
  text-shadow:0 6px 18px rgba(0,0,0,.85);  /* halo oscuro para que destaque */
}

/* Párrafo hero más claro y con halo */
.hx-hero-lead{
  font-size:1.1rem;
  color:#f9fafb !important;
  line-height:1.6;
  max-width:520px;
  margin-top:14px;
  text-shadow:0 4px 14px rgba(0,0,0,.85);
}

/* Botones */
.hx-btn-lz{
  display:inline-flex;
  align-items:center;
  padding:14px 26px;
  border-radius:50px;
  font-size:1rem;
  font-weight:600;
  margin-right:14px;
  text-decoration:none;
  transition:.2s ease-in-out;
}

/* Botón rojo Humix */
.hx-btn-lz--primary{
  background:var(--hx-red);  /* ROJO HUMIX */
  color:#fff;
}

.hx-btn-lz--primary:hover{
  filter:brightness(1.12);
}

/* Botón secundario */
.hx-btn-lz--ghost{
  background:rgba(255,255,255,.12);
  color:#ffffff;
  border:1px solid rgba(255,255,255,.3);
}

.hx-btn-lz--ghost:hover{
  background:rgba(255,255,255,.22);
}

/* Tarjeta derecha opcional */
.hx-hero-box{
  background:rgba(0,0,0,.45);
  backdrop-filter:blur(6px);
  padding:32px 28px;
  border-radius:22px;
  color:#fff;
  box-shadow:0 18px 50px rgba(0,0,0,.4);
  max-width:420px;
}

/* Opcional: un poco más compacto en móvil */
@media (max-width:768px){
  .hx-hero-lz{
    padding:120px 16px 80px;
  }
  .hx-hero-title{
    font-size:clamp(2.2rem, 7vw, 2.6rem);
  }
}
.hx-hero-lz .elementor-container{
  display:flex !important;
  align-items:center !important;
}
.hx-hero-lz .elementor-column{
  margin:0 !important;
}
/* ===== Ajustes HERO móvil mejorados ===== */
@media (max-width: 768px){

  .hx-hero-lz{
    padding:90px 18px 60px;      /* un poco menos arriba y más margen lateral */
  }

  .hx-hero-lz .hx-wrap{
    max-width:480px;
    margin:0 auto;
  }

  .hx-hero-eyebrow{
    font-size:0.8rem;
    margin-bottom:6px;
  }

  .hx-hero-title{
    font-size:1.9rem;           /* antes más grande */
    line-height:1.25;           /* más aire entre líneas */
    max-width:100%;
    margin-bottom:10px;         /* separarlo del párrafo */
  }

  .hx-hero-lead{
    font-size:0.95rem;
    line-height:1.6;            /* texto más respirado */
    margin-bottom:18px;
  }

  /* Botones en columna, con aire entre ellos */
  .hx-btn-lz{
    width:100%;
    justify-content:center;
    margin-right:0;
    margin-bottom:10px;
  }

  .hx-hero-box{
    max-width:100%;
  }
}

/* HERO · forzar blanco sí o sí */
body .hx-hero-lz .hx-hero-title{
  color:#ffffff !important;
}

body .hx-hero-lz .hx-hero-lead{
  color:#f9fafb !important;
}

body .hx-hero-lz .hx-hero-eyebrow{
  color:var(--hx-gold) !important;
}

.hx-hero-box-eyebrow{
  color: var(--hx-gold);
  text-transform: uppercase;
  letter-spacing: .1em;
}

.hx-hero-box-title{
  margin-top: 8px;
  font-size: 1.2rem;
  font-weight: 700;
  color:#fff;
}

.hx-hero-box-text{
  margin-top: 10px;
  font-size: .98rem;
  color:#d1d5db;
}

.hx-hero-box-list{
  margin-top: 12px;
  color:#d1d5db;
  font-size: .95rem;
  padding-left: 18px;
}

/* (opcional) Párrafo un pelín más claro también */


/* ===== SECCIONES GENERALES ===== */
.hx-section{
  width:100%;
  padding:80px 16px;
}

.hx-section--light{
  background:#ffffff;
}

.hx-wrap{
  max-width:1200px;
  margin:0 auto;
}

/* Grid 2 columnas genérico */
.hx-grid-2{
  display:flex;
  gap:40px;
  align-items:center;
  justify-content:space-between;
}

@media (max-width:900px){
  .hx-grid-2{
    flex-direction:column;
  }
}

/* Titulares sección */
.hx-eyebrow{
  font-size:.85rem;
  text-transform:uppercase;
  letter-spacing:.12em;
  color:var(--hx-gold);
  margin-bottom:.4rem;
}

.hx-title-section{
  font-size:clamp(2rem, 3vw, 2.4rem);
  line-height:1.1;
  font-weight:700;
  margin-bottom:.8rem;
}

.hx-lead{
  font-size:1.02rem;
  line-height:1.6;
  color:var(--hx-muted);
}
.hx-wrap{
  max-width:1280px;   /* antes 1200 */
}
@media (max-width:900px){
  .hx-grid-2 > div:last-child{
    margin-top:24px;
  }
}
/* ===== SECCIÓN SERVICIOS ===== */
.hx-section--dark{
  background:var(--hx-bg);
  color:#e5e7eb;
}

/* Grid de 4 columnas */
.hx-grid-4{
  display:grid;
  grid-template-columns:repeat(4, minmax(0,1fr));
  gap:24px;
  margin-top:32px;
}

@media (max-width:1024px){
  .hx-grid-4{
    grid-template-columns:repeat(2, minmax(0,1fr));
  }
}

@media (max-width:640px){
  .hx-grid-4{
    grid-template-columns:1fr;
  }
}



.hx-service-tag{
  font-size:.78rem;
  text-transform:uppercase;
  letter-spacing:.12em;
  color:var(--hx-gold);
  margin-bottom:6px;
}

.hx-service-title{
  font-size:1.05rem;
  font-weight:600;
  margin-bottom:4px;
}

.hx-service-text{
  font-size:.9rem;
  color:var(--hx-muted);
}

/* Cara trasera */
.hx-flip-back{
  background:#020617;
  color:#e5e7eb;
  transform:rotateY(180deg);
  padding:18px 20px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}

.hx-service-link{
  font-size:.9rem;
  color:var(--hx-blue);
  text-decoration:none;
  margin-top:10px;
}

.hx-service-link:hover{
  text-decoration:underline;
}
/* ====== SERVICIOS · GRID ====== */
.hx-section--dark{
  background:var(--hx-bg);
  color:#e5e7eb;
}

.hx-grid-4{
  display:grid;
  grid-template-columns:repeat(4, minmax(0,1fr));
  gap:24px;
  margin-top:32px;
}

@media (max-width:1024px){
  .hx-grid-4{
    grid-template-columns:repeat(2, minmax(0,1fr));
  }
}

@media (max-width:640px){
  .hx-grid-4{
    grid-template-columns:1fr;
  }
}

/* ====== TARJETAS FLIP RECTANGULARES ====== */
.hx-flip-card{
  perspective:1200px;
}

.hx-flip-inner{
  position:relative;
  width:100%;
  height:400px;
  transform-style:preserve-3d;
  transition:transform .6s cubic-bezier(.4,.2,.2,1);
}

.hx-flip-card:hover .hx-flip-inner{
  transform:rotateY(180deg);
}

.hx-flip-face{
  position:absolute;
  inset:0;
  border-radius:20px;
  overflow:hidden;
  box-shadow:0 18px 40px rgba(15,23,42,.35);
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  display:flex;
  flex-direction:column;
}

/* Cara frontal */
.hx-flip-front{
  background:#020617;
  color:#e5e7eb;
}

/* 👉 AQUÍ es donde se “ve” la imagen */
.hx-flip-img{
  height:180px;                 /* si quitas esto, la imagen desaparece */
  background-size:cover;
  background-position:center;
}

/* Texto cara frontal */
.hx-flip-body{
  flex:1;
  padding:16px 18px 18px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}

/* Cara trasera */
.hx-flip-back{
  background:#020617;
  color:#e5e7eb;
  transform:rotateY(180deg);
  padding:18px 20px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}

/* Etiquetas y textos */
.hx-service-tag{
  font-size:.78rem;
  text-transform:uppercase;
  letter-spacing:.12em;
  color:var(--hx-gold);
  margin-bottom:6px;
}

.hx-service-title{
  font-size:1.05rem;
  font-weight:600;
  margin-bottom:4px;
}

.hx-service-text{
  font-size:.9rem;
  color:#cbd5f5;
}

.hx-service-link{
  font-size:.9rem;
  color:var(--hx-blue);
  text-decoration:none;
  margin-top:10px;
}

.hx-service-link:hover{
  text-decoration:underline;
}
/* ===== SECCIÓN EQUIPOS ===== */
.hx-section--equipos{
  background:#f9fafb;
  color:var(--hx-ink);
  padding:100px 16px;
}

.hx-grid-2-equipos{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:32px;
  margin-top:40px;
}

@media(max-width:900px){
  .hx-grid-2-equipos{
    grid-template-columns:1fr;
  }
}

/* Tarjetas de equipos */
.hx-equipo-card{
  background:#ffffff;
  border-radius:24px;
  padding:28px;
  display:flex;
  flex-direction:column;
  gap:20px;
  box-shadow:0 16px 40px rgba(15,23,42,.14);
  border:1px solid rgba(0,0,0,.05);
}

.hx-equipo-img{
  width:100%;
  height:220px;
  border-radius:18px;
  background-size:cover;
  background-position:center;
}

.hx-equipo-title{
  font-size:1.6rem;
  font-weight:700;
}

.hx-equipo-text{
  font-size:1rem;
  color:var(--hx-muted);
  line-height:1.6;
}

.hx-equipo-link{
  display:inline-block;
  margin-top:10px;
  padding:10px 22px;
  background:var(--hx-red);
  color:#fff;
  border-radius:40px;
  text-decoration:none;
  font-weight:600;
  transition:.2s ease;
}

/* ===== CONTACTO HUMIX FERROL ===== */
.hx-section--contact{
  background:#020617;           /* fondo oscuro */
  color:#e5e7eb;
  padding:90px 16px 80px;
}

.hx-grid-2-contact{
  display:grid;
  grid-template-columns:1.1fr 1fr;
  gap:36px;
  align-items:center;
}

@media (max-width:900px){
  .hx-grid-2-contact{
    grid-template-columns:1fr;
  }
}

/* Tarjeta del formulario */
.hx-contact-card{
  background:#0b1220;
  border-radius:24px;
  padding:26px 22px;
  box-shadow:0 20px 50px rgba(15,23,42,.55);
  border:1px solid rgba(148,163,184,.25);
}

/* Ajustes suaves al formulario de Elementor dentro de la tarjeta */
.hx-contact-card .elementor-form-fields-wrapper{
  row-gap:10px;
}

.hx-contact-card .elementor-field-group label{
  color:#cbd5f5;
  font-size:.9rem;
}

.hx-contact-card input,
.hx-contact-card textarea,
.hx-contact-card select{
  font-size:.9rem;
}

.hx-contact-card .elementor-button{
  border-radius:999px;
  font-weight:600;
}

.hx-contact-card .elementor-button:hover{
  filter:brightness(1.1);
}
/* FORMULARIO DENTRO DE LA TARJETA CONTACTO */
.hx-contact-card .elementor-form-fields-wrapper{
  row-gap:12px;
}

.hx-contact-card .elementor-field-group{
  margin-bottom:8px;
}

.hx-contact-card .elementor-field-group label{
  color:#cbd5f5;
  font-size:.9rem;
  margin-bottom:4px;
}

/* Inputs y textarea */
.hx-contact-card input,
.hx-contact-card textarea,
.hx-contact-card select{
  font-size:.9rem;
  background:#020617;
  border:1px solid rgba(148,163,184,.45);
  color:#e5e7eb;
  border-radius:10px;
}

.hx-contact-card input::placeholder,
.hx-contact-card textarea::placeholder{
  color:#64748b;
}

/* Estados hover / focus */
.hx-contact-card input:focus,
.hx-contact-card textarea:focus,
.hx-contact-card select:focus{
  border-color:var(--hx-gold);
  box-shadow:0 0 0 1px rgba(239,206,140,.45);
}

/* Checkbox de aceptación */
.hx-contact-card .elementor-field-type-acceptance label{
  font-size:.8rem;
  color:#9ca3af;
}

/* Botón enviar */
.hx-contact-card .elementor-button{
  background:var(--hx-red);
  color:#fff;
  border-radius:999px;
  font-weight:600;
  padding:12px 24px;
  width:100%;
  justify-content:center;
  border:none;
}

.hx-contact-card .elementor-button:hover{
  filter:brightness(1.08);
}


/* ===== SECCIÓN OSCURA FAQS HUMIX ===== */
.hx-section--faqs{
  background:#0b1220;           /* Fondo oscuro real */
  color:#e5e7eb;
  padding:100px 16px;
}

.hx-faqs-grid{
  display:grid;
  grid-template-columns:1fr 0.9fr;
  gap:40px;
  align-items:flex-start;
}

@media(max-width:900px){
  .hx-faqs-grid{
    grid-template-columns:1fr;
  }
}

/* ===== TÍTULOS ===== */
.hx-section--faqs .hx-eyebrow{
  color:var(--hx-gold);
  font-size:.85rem;
  margin-bottom:8px;
}

.hx-section--faqs .hx-title-section{
  color:#fff;
  margin-bottom:12px;
}

.hx-section--faqs .hx-lead{
  color:#cbd5f5;
  margin-bottom:24px;
}

/* ===== FAqs estilo OSCURO ===== */
.hx-faq{
  background:#111827;
  border:1px solid rgba(255,255,255,.05);
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 18px 40px rgba(0,0,0,.45);
  transition:.25s ease;
}

.hx-faq summary{
  cursor:pointer;
  padding:18px 20px;
  font-size:1rem;
  font-weight:600;
  color:#fff;
  list-style:none;
  display:flex;
  justify-content:space-between;
  align-items:center;
}

.hx-faq summary::-webkit-details-marker{
  display:none;
}

/* Icono flecha */
.hx-faq-icon{
  font-size:1.1rem;
  transition:.25s ease;
  color:#9ca3af;
}

.hx-faq[open] .hx-faq-icon{
  transform:rotate(90deg);
  color:var(--hx-gold);
}

.hx-faq[open] summary{
  background:#1e293b;
}

/* Contenido */
.hx-faq .hx-faq-content{
  padding:16px 20px 20px;
  color:#cbd5f5;
  line-height:1.6;
  font-size:.95rem;
}

/* ===== IMAGEN DERECHA ===== */
.hx-faqs-image img{
  width:100%;
  border-radius:24px;
  display:block;
  box-shadow:0 22px 50px rgba(0,0,0,.5);
}

@media(max-width:900px){
  .hx-faqs-image img{
    margin-top:30px;
  }
}
/* ===== SECCIÓN CLARA FINAL ===== */
.hx-section--light{
  background:#f9fafb;
  color:var(--hx-ink);
  padding:70px 16px 80px;
}

.hx-info-final{
  font-size:1rem;
  line-height:1.7;
  color:var(--hx-muted);
}

.hx-info-final strong{
  color:var(--hx-ink);
}

.hx-info-badges{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:18px;
}

.hx-info-badge{
  padding:6px 12px;
  border-radius:999px;
  background:#e5edf9;
  color:#1f2933;
  font-size:.85rem;
}
/* ===== FOOTER HUMIX FERROL ===== */
.hx-footer{
  background:#02081f; /* un pelín más claro/azul que contacto */
  color:#e5e7eb;
  padding:40px 16px 24px;
  margin-top:40px; /* separación visual respecto a contacto */
  border-top:1px solid rgba(148,163,184,.35); /* línea de corte */
}

.hx-footer .hx-wrap{
  max-width:1200px;
  margin:0 auto;
}

.hx-footer-grid{
  display:grid;
  grid-template-columns:2fr 1.5fr 1.2fr;
  gap:32px;
  margin-bottom:24px;
}

@media (max-width:900px){
  .hx-footer-grid{
    grid-template-columns:1fr;
  }
}

.hx-footer-title{
  font-size:1rem;
  font-weight:600;
  margin-bottom:10px;
}

.hx-footer p,
.hx-footer li,
.hx-footer a{
  font-size:.9rem;
  color:#9ca3af;
  line-height:1.6;
}

.hx-footer-list{
  list-style:none;
  margin:0;
  padding:0;
}

.hx-footer a{
  text-decoration:none;
}

.hx-footer a:hover{
  color:#ffffff;
}

.hx-footer-bottom{
  max-width:1200px;
  margin:0 auto;
  border-top:1px solid rgba(148,163,184,.25);
  padding-top:10px;
  font-size:.8rem;
  color:#6b7280;
  text-align:center;
}
/* ====== CABECERA HUMIX ====== */
.hx-header {
  position: fixed;
  top: 0; left: 0; right: 0;
  z-index: 9999;
  height: 74px;
  background: rgba(15,23,42,0.82); /* Azul oscuro translúcido */
  backdrop-filter: blur(12px) saturate(140%);
  -webkit-backdrop-filter: blur(12px) saturate(140%);
  border-bottom: 1px solid rgba(255,255,255,0.08);
  padding: 0 26px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* LOGO */
.hx-header img {
  max-height: 42px;
  width: auto;
}

/* MENÚ */
.hx-header-menu .elementor-item {
  color: #e5e7eb;
  font-weight: 500;
  font-size: 1rem;
  transition: .25s ease;
  padding: 6px 14px !important;
}

/* Hover dorado elegante */
.hx-header-menu .elementor-item:hover {
  color: var(--hx-gold) !important;
}

/* Estado activo */
.hx-header-menu .elementor-item-active {
  color: var(--hx-gold) !important;
  border-bottom: 2px solid var(--hx-gold);
}

/* MÓVIL */
@media (max-width: 768px){
  .hx-header {
    height: 68px;
    padding: 0 16px;
  }

  /* Menú hamburguesa */
  .hx-header-menu .elementor-nav-menu--dropdown {
    background: #0b1220 !important;
    border: 1px solid rgba(255,255,255,0.10);
    border-radius: 12px;
    padding: 20px 16px;
  }

  .hx-header-menu .elementor-nav-menu--dropdown .elementor-item {
    padding: 12px 0 !important;
    font-size: 1rem;
  }
}
/* Foto dentro de la tarjeta de contacto */
.hx-contact-card .hx-contact-photo img,
.hx-contact-card img.hx-contact-photo{
  width:100%;
  height:auto;
  border-radius:18px;
  margin-bottom:16px;
  box-shadow:0 18px 40px rgba(0,0,0,.55);
  object-fit:cover;
}
/* Placeholder más visible */
.elementor-field::placeholder {
    color: #a8b3c5 !important;
    opacity: 1 !important;
}

/* Texto que escribe el usuario */
.elementor-field {
    color: #e5e7eb !important;
}

/* Etiquetas */
.elementor-field-label {
    color: #e5e7eb !important;
}

/* Select (Tipo de humedad) */
.elementor-select-wrapper select {
    color: #e5e7eb !important;
}
/* ===== FORMULARIO HUMIX · CLARO ELEGANTE (SOLO PLACEHOLDERS) ===== */

/* Contenedor */
.hx-contact-card {
    background:#ffffff !important;
    border-radius:24px !important;
    padding:30px !important;
    border:1px solid rgba(0,0,0,.08);
    box-shadow:0 12px 40px rgba(0,0,0,.08);
}

/* Ocultar labels */
.hx-contact-card .elementor-field-label {
    display:none !important;
}

/* Campos */
.hx-contact-card .elementor-field {
    background:#ffffff !important;
    border:1px solid #d1d5db !important;
    color:#1f2937 !important;
    border-radius:14px !important;
    padding:14px 18px !important;
    font-size:1rem !important;
    transition:.2s ease;
}

/* Hover */
.hx-contact-card .elementor-field:hover {
    border-color:#9ca3af !important;
}

/* Foco */
.hx-contact-card .elementor-field:focus {
    border-color:#fa1f02 !important;
    box-shadow:0 0 0 2px rgba(250,31,2,.25) !important;
}

/* Placeholder elegante */
.hx-contact-card .elementor-field::placeholder {
    color:#9ca3af !important;
    opacity:1 !important;
}

/* Select */
.hx-contact-card select {
    color:#1f2937 !important;
}

/* Textarea */
.hx-contact-card textarea {
    min-height:160px !important;
}

/* Checkbox */
.hx-contact-card .elementor-field-type-acceptance input[type="checkbox"] {
    width:18px;
    height:18px;
    border:1px solid #d1d5db !important;
    border-radius:4px !important;
}

/* Texto legal */
.hx-contact-card .elementor-field-type-acceptance label {
    color:#4b5563 !important;
    font-size:.9rem !important;
}

/* Botón */
.hx-contact-card .elementor-button {
    width:100%;
    background:#fa1f02 !important;
    color:#ffffff !important;
    border-radius:30px !important;
    padding:16px !important;
    font-size:1.1rem !important;
    font-weight:700 !important;
    box-shadow:0 12px 28px rgba(250,31,2,.25);
    transition:.2s ease-in-out;
    border:none !important;
}

.hx-contact-card .elementor-button:hover {
    background:#e91a00 !important;
    transform:translateY(-2px);
}
/* TITULOS · SECCIÓN CONTACTO (columna izquierda) */
.hx-section--contact h1,
.hx-section--contact h2 {
  color:#0f172a !important;   /* azul tinta HumiX, bien legible */
}

/* Texto normal y bullets en esa columna */
.hx-section--contact p,
.hx-section--contact li {
  color:#4b5563 !important;   /* gris elegante y legible */
}

/* Eyebrow "CONTACTO" arriba del H1 */
.hx-section--contact .hx-eyebrow,
.hx-section--contact small {
  color:#9ca3af !important;
  letter-spacing: .18em;
  text-transform: uppercase;
}
/* ===== FLECHAS DORADAS · FAQ CUSTOM ===== */

/* Contenedor de la pregunta */
.hx-faq-q {
  position:relative;
  padding-right:40px; /* hueco para la flecha */
  cursor:pointer;
}

/* Flecha dorada */
.hx-faq-q::after {
  content:"\25B6";
  position:absolute;
  right:16px;
  top:50%;
  transform:translateY(-50%) rotate(0deg);
  font-size:0.9rem;
  color:var(--hx-gold);
  transition:transform .25s ease, color .25s ease;
}

/* Cuando la FAQ está abierta (añade clase .is-open por JS o toggle) */
.hx-faq-item.is-open .hx-faq-q::after {
  transform:translateY(-50%) rotate(90deg);
  color:#ffd68a;
}
/* ===== FLECHAS DORADAS · TARJETAS ===== */

/* Flecha junto al título de la tarjeta */
.hx-flip-card .hx-card-title {
  position:relative;
  padding-right:24px;
}

/* Flecha dorada a la derecha del título */
.hx-flip-card .hx-card-title::after {
  content:"\2197";   /* ↗, queda muy “link/acción” */
  position:absolute;
  right:4px;
  top:50%;
  transform:translateY(-50%);
  font-size:0.85rem;
  color:var(--hx-gold);
}

/* ===== Flecha dorada en el frente de las tarjetas flip ===== */

.hx-flip-face.hx-flip-front {
  position: relative;
}

.hx-flip-face.hx-flip-front::after {
  content: "→";
  position: absolute;
  right: 22px;
  bottom: 20px;
  font-size: 24px;
  color: var(--hx-gold);
  opacity: .65;
  pointer-events: none;
  transition: .25s ease;
}

.hx-flip-card:hover .hx-flip-face.hx-flip-front::after {
  opacity: 1;
  transform: translateX(8px);
}
/* ===========================
   FOOTER HUMIX CON LOGO · AJUSTADO
   =========================== */

.hx-footer-brand{
  display:flex;
  flex-direction:column;   /* Logo arriba, texto debajo */
  align-items:flex-start;  /* alineado a la izquierda */
  gap:10px;
  margin-bottom:18px;
}

.hx-footer-logo{
  max-width:90px;         /* antes 150px, ahora más pequeño */
  height:auto;
  display:block;
  filter: drop-shadow(0 4px 10px rgba(0,0,0,.35));
}

.hx-footer-info h4{
  font-size:1.05rem;       /* un pelín más pequeño */
  font-weight:700;
  margin:0 0 4px 0;
  color:#ffffff;
}

.hx-footer-info p{
  margin:0;
  font-size:.9rem;
  color:#cbd5e1;
  line-height:1.5;
}

/* Por si en escritorio quieres un pelín más de aire arriba */
@media (min-width:1024px){
  .hx-footer-brand{
    margin-top:8px;
  }
}

/* Versión móvil */
@media (max-width:768px){
  .hx-footer-brand{
    flex-direction:column;
    align-items:flex-start;
  }

  .hx-footer-logo{
    max-width:60px;
  }
}
/* ===== FIX: LOGO FOOTER MÁS PEQUEÑO (FORZADO) ===== */
.hx-footer .hx-footer-logo{
  width: 64px !important;      /* prueba 52–72 */
  max-width: 64px !important;
  height: auto !important;
}
.hx-hero-lz{
  min-height:100vh;
  display:flex;
  align-items:center;
  position:relative;
  padding:140px 0 100px;
}

.hx-hero-lz::before{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.35);
}

.hx-hero-left{
  max-width:640px;
}

.hx-hero-title{
  font-size:clamp(2.6rem, 4vw, 4rem);
  line-height:1.1;
  font-weight:800;
  max-width:18ch;
  color:#fff;
}

.hx-hero-right{
  max-width:420px;
}
/* =========================
   HERO GANDÍA · FIX RÁPIDO
   Pega al FINAL del CSS
   ========================= */

/* Contenedor hero con overlay para contraste */
.hx-hero{
  position: relative;
  min-height: 80vh;
  display:flex;
  align-items:center;
}

.hx-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background: rgba(0,0,0,.35); /* sube a .45 si quieres más contraste */
  pointer-events:none;
  z-index:0;
}

/* La fila de 2 columnas centrada y con ancho máximo */
.hx-hero-row{
  position: relative;
  z-index: 1;
  width: min(1200px, 92%);
  margin: 0 auto;
  display:flex;
  gap: 40px;
  align-items:center;
  justify-content: space-between;
}

/* Columna izquierda: texto más legible */
.hx-hero-left{
  flex: 1 1 58%;
  max-width: 620px;
}

.hx-hero-eyebrow{
  color: #efce8c !important;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-weight: 600;
}

.hx-hero-title{
  color:#fff !important;
  text-shadow: 0 10px 30px rgba(0,0,0,.55);
  line-height: 1.05;
  margin: 10px 0 12px;
}

.hx-hero-lead{
  color: rgba(255,255,255,.92) !important;
  text-shadow: 0 8px 22px rgba(0,0,0,.45);
  max-width: 56ch;
}

/* Botones alineados y consistentes */
.hx-hero-left .elementor-button,
.hx-btn-lz{
  border-radius: 999px !important;
}

.hx-hero-left .elementor-button{
  padding: 14px 26px !important;
  font-weight: 700 !important;
}

/* Columna derecha: caja a la derecha y más “premium” */
.hx-hero-right{
  flex: 0 1 40%;
  display:flex;
  justify-content:flex-end;
}

.hx-hero-box{
  width: min(420px, 100%);
  background: rgba(0,0,0,.55);
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 22px;
  padding: 28px 26px;
  box-shadow: 0 20px 60px rgba(0,0,0,.45);
  backdrop-filter: blur(10px);
}

/* Tipografía dentro de la caja derecha */
.hx-card-eyebrow{
  color:#efce8c;
  text-transform: uppercase;
  letter-spacing:.10em;
  font-weight:600;
  font-size:.85rem;
  display:block;
  margin-bottom:10px;
}

.hx-card-title{
  color:#fff;
  font-weight:800;
  font-size:1.15rem;
  line-height:1.25;
  margin: 0 0 10px;
}

.hx-card-text, .hx-card-list{
  color: rgba(255,255,255,.88);
  margin: 0;
}

.hx-card-text{ margin-bottom: 12px; }
.hx-card-list{ padding-left: 18px; }
.hx-card-list li{ margin: 6px 0; }

/* Móvil */
@media (max-width: 900px){
  .hx-hero-row{
    flex-direction: column;
    align-items: stretch;
    gap: 18px;
  }
  .hx-hero-right{ justify-content: stretch; }
  .hx-hero-box{ width: 100%; }
}
.hx-hero-eyebrow{
  font-size:.85rem;
  text-transform:uppercase;
  letter-spacing:.14em;
  opacity:.9;
}
.hx-hero-eyebrow{
  font-size:.85rem !important;
  text-transform:uppercase !important;
  letter-spacing:.14em !important;
  color: var(--hx-gold) !important;
  margin: 0 0 10px 0 !important;
  line-height: 1.2 !important;
}
/* =========================
   HERO HUMIX · GANDÍA (FIX)
   ========================= */

:root{
  --hx-gold:#efce8c;
  --hx-red:#fa1f02;
}

/* HERO fondo + overlay */
.hx-hero{
  min-height: 92vh;
  position: relative;
  display:flex;
  align-items:center;
}

.hx-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background: rgba(0,0,0,.28);
  pointer-events:none;
  z-index:0;
}

/* Fila 2 columnas */
.hx-hero-row{
  position:relative;
  z-index:1;
  width: min(1200px, 92%);
  margin: 0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 48px;
}

/* Columna izquierda */
.hx-hero-left{
  flex: 1 1 58%;
  max-width: 640px;
}

.hx-hero-eyebrow{
  font-size:.82rem !important;
  letter-spacing:.16em !important;
  text-transform:uppercase !important;
  color: rgba(255,255,255,.72) !important;
  margin:0 0 10px 0 !important;
}

/* H1: control para que NO se vaya a 4 líneas */
.hx-hero-title{
  color:#fff !important;
  font-weight:800 !important;
  line-height:1.06 !important;
  font-size: clamp(2.2rem, 3.2vw, 3.3rem) !important;
  max-width: 22ch; /* controla el salto, suele quedar en 2 líneas */
  text-shadow: 0 10px 26px rgba(0,0,0,.35);
  margin: 0 0 14px 0 !important;
}

.hx-hero-lead{
  color: rgba(255,255,255,.88) !important;
  font-size: 1.02rem !important;
  line-height:1.6 !important;
  max-width: 56ch;
  margin: 0 0 18px 0 !important;
  text-shadow: 0 8px 20px rgba(0,0,0,.30);
}

/* Botones: tamaño normal y alineados a la izquierda */
.hx-hero-actions{
  display:flex;
  align-items:center;
  gap: 14px;
  flex-wrap:wrap;
  margin-top: 10px;
}

.hx-hero-actions .elementor-button{
  border-radius: 999px !important;
  padding: 14px 22px !important;
  font-weight: 700 !important;
  width:auto !important;
  min-width: 220px;
}

.hx-hero-actions .elementor-button.elementor-size-md{
  width:auto !important;
}

.hx-hero-note{
  margin-top: 14px !important;
  color: rgba(255,255,255,.72) !important;
  font-size: .92rem !important;
}

/* Columna derecha */
.hx-hero-right{
  flex: 0 0 420px;
  max-width: 420px;
}

/* Card derecha */
.hx-hero-card{
  background: rgba(0,0,0,.55);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border-radius: 22px;
  padding: 24px 22px;
  box-shadow: 0 18px 50px rgba(0,0,0,.35);
  color:#fff;
}

.hx-hero-card-eyebrow{
  color: var(--hx-gold) !important;
  text-transform:uppercase !important;
  letter-spacing:.12em !important;
  font-size: .78rem !important;
  margin: 0 0 10px 0 !important;
}

/* Responsive */
@media (max-width: 980px){
  .hx-hero{ min-height: auto; padding: 110px 0 60px; }
  .hx-hero-row{ flex-direction:column; align-items:flex-start; gap: 22px; }
  .hx-hero-left{ max-width: 100%; }
  .hx-hero-right{ flex: 1 1 auto; max-width: 520px; width: 100%; }
  .hx-hero-title{ max-width: 100%; }
  .hx-hero-actions .elementor-button{ width:100% !important; min-width: 0; }
}
/* ===== HERO · CAJA GLASS IZQUIERDA ===== */
.hx-hero{ position:relative; }
.hx-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.20);
  z-index:0;
}
.hx-hero > *{ position:relative; z-index:1; }

/* la caja transparente */
.hx-hero-glass{
  background:rgba(17,24,39,.38); /* transparente */
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border:1px solid rgba(255,255,255,.12);
  border-radius:22px;
  padding:28px 28px;
  box-shadow:0 18px 50px rgba(0,0,0,.35);
  max-width: 900px;      /* controla el ancho de la caja */
}

/* “small” / eyebrow */
.hx-hero-eyebrow{
  color:#efce8c;
  font-size:.85rem;
  text-transform:uppercase;
  letter-spacing:.14em;
  margin:0 0 10px 0;
}

/* H1 */
.hx-hero-title{
  color:#fff !important;
  font-weight:800;
  line-height:1.08;
  margin:0 0 12px 0;
  text-shadow:0 8px 24px rgba(0,0,0,.55);
}

/* texto */
.hx-hero-lead{
  color:rgba(255,255,255,.88) !important;
  line-height:1.6;
  margin:0 0 18px 0;
}
.hx-hero-leftbox{
  background: rgba(17,24,39,.55); /* antes .38 */
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
.hx-hero-eyebrow{
  font-size:.75rem;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--hx-gold);
  opacity:.9;
}
.hx-hero-leftbox{
  margin-right:40px;
}

@media(max-width:1024px){
  .hx-hero-leftbox{
    margin-right:0;
  }
}
/* =========================
   HERO GANDÍA · FIX PREMIUM
   ========================= */

/* Contenedor padre (tu clase hx-hero) */
.hx-hero{
  min-height: 92vh;
  display:flex;
  align-items:center;
  position:relative;
  padding: 120px 0 80px;
}

/* Oscurecer un poco el fondo para que todo se lea */
.hx-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background: rgba(2,6,23,.35);
  pointer-events:none;
  z-index:0;
}
.hx-hero > *{ position:relative; z-index:1; }

/* La “fila” de 2 columnas: que no se estire infinito */
.hx-hero .elementor-container,
.hx-hero .e-con-inner{
  max-width: 1180px !important;
  margin: 0 auto !important;
}

/* Separación entre columnas */
.hx-hero .e-con-inner{
  gap: 36px !important;
  align-items: center !important;
}

/* ===== CAJA IZQUIERDA (glass limpio, SIN blur sucio) ===== */
.hx-hero-leftbox{
  background: rgba(255,255,255,.14) !important;  /* glass claro premium */
  border: 1px solid rgba(255,255,255,.22) !important;
  border-radius: 26px !important;
  padding: 28px 28px 24px !important;
  box-shadow: 0 18px 50px rgba(0,0,0,.28) !important;

  /* clave: quitar blur grande */
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;

  /* ancho controlado para que no “barra” media pantalla */
  max-width: 560px !important;
}

/* Tipos en la caja izquierda (contraste) */
.hx-hero-leftbox *{
  color: #ffffff !important;
}
.hx-hero-leftbox .hx-hero-eyebrow{
  color: var(--hx-gold, #efce8c) !important;
  letter-spacing: .18em;
  text-transform: uppercase;
  font-size: .78rem;
  opacity: .95;
}

/* H1: 2 líneas aprox. (no 4) */
.hx-hero-leftbox h1,
.hx-hero-leftbox .elementor-heading-title{
  font-size: clamp(2.2rem, 3.2vw, 3.1rem) !important;
  line-height: 1.08 !important;
  font-weight: 800 !important;
  max-width: 22ch !important; /* fuerza a 2–3 líneas */
  text-shadow: 0 10px 26px rgba(0,0,0,.45) !important;
  margin-bottom: 12px !important;
}

/* Párrafo */
.hx-hero-leftbox p{
  font-size: 1.02rem !important;
  line-height: 1.55 !important;
  opacity: .92;
  max-width: 52ch;
}

/* ===== CAJA DERECHA (negra, también más controlada) ===== */
.hx-hero .hx-hero-box{
  background: rgba(0,0,0,.62) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 26px !important;
  padding: 28px !important;
  box-shadow: 0 22px 60px rgba(0,0,0,.45) !important;

  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;

  max-width: 520px !important;
}

/* Botones: que no se deformen */
.hx-hero .elementor-button,
.hx-hero a.elementor-button{
  border-radius: 999px !important;
}

/* Móvil: apilar y full width */
@media (max-width: 900px){
  .hx-hero{
    padding: 96px 16px 60px;
    min-height: auto;
  }
  .hx-hero .e-con-inner{
    gap: 18px !important;
  }
  .hx-hero-leftbox,
  .hx-hero .hx-hero-box{
    max-width: 100% !important;
  }
  .hx-hero-leftbox h1,
  .hx-hero-leftbox .elementor-heading-title{
    max-width: 100% !important;
    font-size: clamp(1.9rem, 6.2vw, 2.4rem) !important;
  }
}
/* ===== HERO · BOTONES BONITOS (solo dentro del hero) ===== */
.hx-hero .hx-hero-cta{
  display:flex;
  gap:14px;
  align-items:center;
  flex-wrap:wrap;
}

/* Botón Elementor dentro del hero */
.hx-hero .hx-hero-cta .elementor-button{
  padding: 12px 18px !important;
  font-size: 0.95rem !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  border-radius: 999px !important;
  min-height: 44px !important;
  width: auto !important;      /* evita “botón gigante” */
  max-width: 260px !important;
  justify-content: center !important;
}

/* Primario rojo: más elegante (menos “tocho”) */
.hx-hero .hx-hero-cta .hx-btn-primary .elementor-button{
  background: var(--hx-red, #fa1f02) !important;
  box-shadow: 0 14px 30px rgba(250,31,2,.22) !important;
}

/* Secundario ghost */
.hx-hero .hx-hero-cta .hx-btn-ghost .elementor-button{
  background: rgba(255,255,255,.10) !important;
  border: 1px solid rgba(255,255,255,.28) !important;
  box-shadow: none !important;
}

/* Hover fino */
.hx-hero .hx-hero-cta .elementor-button:hover{
  transform: translateY(-1px);
  filter: brightness(1.06);
}

/* Móvil: botones en columna y bien */
@media (max-width: 768px){
  .hx-hero .hx-hero-cta{
    flex-direction: column;
    align-items: stretch;
    gap:10px;
  }
  .hx-hero .hx-hero-cta .elementor-button{
    width: 100% !important;
    max-width: 100% !important;
  }
}
/* ===== HERO GANDÍA · H1 BLANCO Y POTENTE ===== */

/* Si tu sección padre tiene clase hx-hero */
.hx-hero .hx-hero-h1{
  color:#fff !important;
  font-weight:800 !important;
  font-size: clamp(2.4rem, 3.6vw, 3.6rem) !important;
  line-height:1.08 !important;
  letter-spacing:-0.02em;
  text-shadow: 0 10px 28px rgba(0,0,0,.45) !important;
  margin: 0 0 12px 0 !important;
}

/* Eyebrow “HUMIX · GANDÍA” si es otro Encabezado */
.hx-hero .hx-hero-eyebrow{
  color: rgba(255,255,255,.75) !important;
  font-size: .85rem !important;
  text-transform: uppercase;
  letter-spacing: .14em;
  margin: 0 0 10px 0 !important;
}

/* Texto del párrafo en el hero (si quieres forzarlo) */
.hx-hero .hx-hero-lead{
  color: rgba(255,255,255,.88) !important;
  font-size: 1.02rem !important;
  line-height: 1.6 !important;
}

/* Caja izquierda (por si te la “apaga”) */
.hx-hero .hx-hero-leftbox{
  background: rgba(15,23,42,.45) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 22px;
  padding: 34px 34px 26px !important;
}

/* Móvil */
@media (max-width:768px){
  .hx-hero .hx-hero-h1{
    font-size: clamp(2rem, 7vw, 2.6rem) !important;
    line-height:1.12 !important;
  }
  .hx-hero .hx-hero-leftbox{
    padding: 24px 18px !important;
  }
}
/* ===== HERO · Caja izquierda más amplia (tipo Granada) ===== */

/* El row del hero: más aire y reparto */
.hx-hero{
  --hx-gap: 56px;
}

/* Si tu hero es contenedor flex en Elementor */
.hx-hero > .elementor-container,
.hx-hero .e-con-inner{
  gap: var(--hx-gap) !important;
  justify-content: space-between !important;
  align-items: center !important;
}

/* Columna izquierda (que contenga la caja) */
.hx-hero .hx-hero-leftcol{
  flex: 0 1 58% !important;   /* más ancho que la derecha */
  max-width: 58% !important;
}

/* Columna derecha */
.hx-hero .hx-hero-rightcol{
  flex: 0 1 42% !important;
  max-width: 42% !important;
}

/* Caja izquierda */
.hx-hero .hx-hero-leftbox{
  width: 100% !important;
  max-width: 720px !important;  /* aquí está la clave */
  padding: 38px 38px 30px !important;
}
/* HERO full width real (rompe el "boxed" si lo hay) */
.hx-hero-row{
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
}
/* 1) Hacer más ancho el contenedor que envuelve las 2 columnas */
.hx-hero-row{
  max-width: 1320px !important;   /* prueba 1280 / 1320 / 1400 */
  margin: 0 auto !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
}

/* 2) Hacer más ancha la caja izquierda */
.hx-hero-leftbox{
  max-width: 760px !important;    /* prueba 720 / 760 / 820 */
  width: 100% !important;
}

/* (Opcional) Para que la derecha no “robe” espacio */
.hx-hero-rightbox{
  max-width: 520px !important;
  width: 100% !important;
}
/* ===== HERO · CAJA IZQUIERDA (SIN LIMITES RAROS) ===== */
.hx-hero .hx-hero-leftbox2{
  width: 100% !important;
  max-width: 860px !important;     /* aquí controlas el ancho real */
  padding: 36px 36px 28px !important;
  border-radius: 26px !important;

  background: rgba(255,255,255,.14) !important;
  border: 1px solid rgba(255,255,255,.22) !important;
  box-shadow: 0 18px 50px rgba(0,0,0,.28) !important;

  /* Si no quieres “barro”, deja sin blur */
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* H1 dentro de la caja (blanco y grande) */
.hx-hero .hx-hero-leftbox2 .hx-hero-h1,
.hx-hero .hx-hero-leftbox2 .hx-hero-h1 *{
  color:#fff !important;
}

@media (max-width: 900px){
  .hx-hero .hx-hero-leftbox2{
    max-width: 100% !important;
    padding: 22px 18px !important;
  }
}
/* =========================
   HEADER HUMIX · Premium (Tesla-like)
   Clases:
   - Contenedor header: .hx-header
   - Nav Menu widget: .hx-header-menu
   - (Opcional) logo: .hx-header-logo
   ========================= */

.hx-header{
  position: fixed;
  top: 0; left: 0; right: 0;
  z-index: 9999;

  height: 74px;
  display: flex;
  align-items: center;

  background: rgba(15, 23, 42, 0.78); /* azul tinta */
  border-bottom: 1px solid rgba(255,255,255,.10);

  backdrop-filter: blur(12px) saturate(140%);
  -webkit-backdrop-filter: blur(12px) saturate(140%);
}

/* Padding interno del header (sin tocar el full width) */
.hx-header > .e-con-inner,
.hx-header .elementor-container{
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 22px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 18px;
}

/* Logo */
.hx-header img,
.hx-header .hx-header-logo img{
  max-height: 42px;
  width: auto;
}

/* Menú */
.hx-header-menu .elementor-nav-menu{
  gap: 6px;
}

/* Links */
.hx-header-menu .elementor-item{
  color: rgba(255,255,255,.88) !important;
  font-weight: 500;
  font-size: 0.98rem;
  padding: 10px 12px !important;
  border-radius: 12px;
  transition: .18s ease;
}

/* Hover dorado */
.hx-header-menu .elementor-item:hover{
  color: #efce8c !important;
  background: rgba(239,206,140,.10);
}

/* Activo (subrayado dorado limpio) */
.hx-header-menu .elementor-item-active{
  color: #efce8c !important;
  background: transparent !important;
  position: relative;
}

.hx-header-menu .elementor-item-active::after{
  content:"";
  position:absolute;
  left: 12px;
  right: 12px;
  bottom: 6px;
  height: 2px;
  border-radius: 99px;
  background: #efce8c;
}

/* Quitar líneas raras del theme si aparecen */
.hx-header-menu .elementor-item:focus{
  outline: none;
}

/* -------------------------
   MÓVIL (hamburguesa)
   ------------------------- */
@media (max-width: 768px){
  .hx-header{ height: 68px; }

  .hx-header > .e-con-inner,
  .hx-header .elementor-container{
    padding: 0 14px;
  }

  /* Panel desplegable */
  .hx-header-menu .elementor-nav-menu--dropdown{
    margin-top: 10px;
    background: rgba(11,18,32,.96) !important;
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 14px;
    padding: 10px 10px;
    box-shadow: 0 18px 45px rgba(0,0,0,.45);
  }

  .hx-header-menu .elementor-nav-menu--dropdown .elementor-item{
    padding: 12px 12px !important;
    border-radius: 12px;
  }

  /* Icono hamburguesa */
  .hx-header-menu .elementor-menu-toggle{
    border-radius: 12px;
    padding: 10px 12px;
    border: 1px solid rgba(255,255,255,.12);
    background: rgba(255,255,255,.06);
  }
}

/* -------------------------
   ESPACIO para que el hero no quede bajo el header fijo
   (si ya lo tienes resuelto, puedes borrar esto)
   ------------------------- */
body{
  --hx-header-h: 74px;
}
@media (max-width:768px){
  body{ --hx-header-h: 68px; }
}/* End custom CSS */