.elementor-kit-8{--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-kit-8 e-page-transition{background-color:#FFBC7D;}.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);}@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 LANZAROTE · HUMIX ====== */
/* ============================
   HumiX Estella · Paleta Coral
   ============================ */

:root {
  --hx-blue: #F7A992;     /* Color primario: coral pastel */
  --hx-red: #F46A3F;      /* Acento: coral intenso */
  --hx-gold: #FFB98A;     /* Secundario: naranja suave */
  --hx-ink: #0F172A;      /* Texto principal */
  --hx-muted: #64748B;    /* Texto gris */
  --hx-bg: #FFF6F3;       /* Fondo cálido */
  --hx-card: #FFFFFF;     /* Tarjetas */
  --hx-soft: #FFEDE7;     /* Fondos intermedios */
  --hx-accent: #F46A3F;   /* Botones / hovers */
  --hx-shadow: 0 18px 40px rgba(244, 106, 63, 0.15);
  --hx-radius: 20px;
  --hx-wrap: 1200px;
}


.hx-hero-lz{
  min-height:100vh;
  display:flex;
  align-items:center;
  position:relative;
  padding:140px 0 100px;
}
/* Título y texto de la sección FAQs en Estella */
.hx-section-faqs h2,
.hx-section-faqs .hx-title-section {
  color: var(--hx-ink);        /* título en tinta oscura */
}

.hx-section-faqs .hx-lead {
  color: var(--hx-muted);      /* texto intro gris suave */
}


/* 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 */
/* Caja lateral del Hero (Estella) */
/* Caja lateral del Hero (Estella) */
/* Caja lateral del Hero (Estella) */
.hx-hero-box {
  background: rgba(11, 18, 32, 0.33); /* fondo más claro */
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  padding: 30px;
  border-radius: 24px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  /* sin max-width ni margin-left, para no romper el layout */
  transition: all 0.25s ease;

}




/* 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;
}


/* (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 Estella (coral / claro) ===== */
.hx-faq{
  background: var(--hx-card);                          /* tarjeta clara */
  border: 1px solid rgba(244,106,63,.12);              /* borde suave coral */
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 18px 40px rgba(244,106,63,.15);        /* sombra cálida */
  transition: .25s ease;
}

.hx-faq summary{
  cursor: pointer;
  padding: 18px 20px;
  font-size: 1rem;
  font-weight: 600;
  color: var(--hx-ink);                                /* texto oscuro */
  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: var(--hx-muted);                              /* gris suave */
}

.hx-faq[open] .hx-faq-icon{
  transform: rotate(90deg);
  color: var(--hx-red);                                /* acento coral intenso */
}

.hx-faq[open] summary{
  background: var(--hx-soft);                          /* fondo coral muy suave */
}

/* Contenido */
.hx-faq .hx-faq-content{
  padding: 16px 20px 20px;
  color: var(--hx-muted);                              /* texto gris legible */
  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,.35);
}


@media(max-width:900px){
  .hx-faqs-image img{
    margin-top: 30px;
  }
}

/* ===== SECCIÓN CLARA FINAL (info / contacto) ===== */
.hx-section--light{
  background: var(--hx-bg);                            /* fondo cálido global Estella */
  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: var(--hx-soft);                         /* pill coral suave */
  color: var(--hx-ink);
  font-size: .85rem;
}

/* ===== FOOTER ESTELLA · oscuro elegante ===== */
.hx-footer{
  background: #020617;              /* oscuro casi negro, como antes */
  padding: 50px 0 30px;
  color: #f9fafb;
}

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

.hx-footer a:hover{
  color: var(--hx-gold);            /* toque coral/dorado al pasar el ratón */
}

.hx-footer-title{
  color: #ffffff;
  font-weight: 600;
  margin-bottom: 10px;
}

.hx-footer-info p,
.hx-footer-list li{
  color: #cbd5f5;
  font-size: .95rem;
}

.hx-footer-bottom{
  margin-top: 25px;
  border-top: 1px solid rgba(148, 163, 184, 0.4);
  padding-top: 12px;
  font-size: .8rem;
  color: #94a3b8;
}

.hx-footer-grid{
  max-width: var(--hx-wrap);
  margin: 0 auto;
}

/* ====== 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
   =========================== */

/* ===== FOOTER ESTELLA · versión limpia ===== */

.hx-footer{
  background: #020617;              /* fondo oscuro neutro */
  padding: 50px 0 30px;
  color: #f9fafb;
}

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

.hx-footer a:hover{
  color: var(--hx-gold);            /* toque coral/dorado al pasar el ratón */
}

.hx-footer-title{
  color: #ffffff;
  font-weight: 600;
  margin-bottom: 10px;
}

.hx-footer-info p,
.hx-footer-list li{
  color: #cbd5f5;
  font-size: .95rem;
}

.hx-footer-bottom{
  margin-top: 25px;
  border-top: 1px solid rgba(148, 163, 184, 0.4);
  padding-top: 12px;
  font-size: .8rem;
  color: #94a3b8;
}

/* Grid del footer: 3 columnas en escritorio */
.hx-footer-grid{
  max-width: var(--hx-wrap);
  margin: 0 auto;
  padding: 0 16px;
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(0, 1.2fr) minmax(0, 1.2fr);
  gap: 40px;
  align-items: flex-start;
}

/* Logo + texto alineados en fila */
.hx-footer-brand{
  display: flex;
  gap: 20px;
  align-items: center;
}

.hx-footer-logo{
  max-width: 110px;
}



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

  .hx-footer-brand{
    flex-direction: row;
    align-items: center;
  }

  .hx-footer-logo{
    max-width: 50px;
  }
}

/* Título y texto de la sección FAQs en Estella */
.hx-section-faqs h2,
.hx-section-faqs .hx-title-section {
  color: var(--hx-ink);        /* título en tinta oscura */
}

.hx-section-faqs .hx-lead {
  color: var(--hx-muted);      /* texto intro gris suave */
}
/* Texto de la caja del hero (Estella) */
.hx-hero-box h3,
.hx-hero-box p,
.hx-hero-box li {
  color: #f9fafb;              /* texto claro */
}

.hx-hero-box strong {
  color: var(--hx-gold);       /* resaltar en dorado/coral */
}
/* Títulos y textos principales de las tarjetas de servicios */
.hx-service-card h3,
.hx-service-card .hx-card-title{
  color: #f9fafb;                             /* blanco fuerte */
  text-shadow: 0 2px 6px rgba(0,0,0,0.45);    /* un pelín de sombra para contraste */
}

/* Etiqueta pequeña tipo "CAPILARIDAD / FILTRACIONES / CONTROL DE CAL" */
.hx-service-card .hx-card-eyebrow{
  color: #e5edf9;
  font-weight: 600;
}
/* Footer: logo + texto en columna, más ancho de lectura */
.hx-footer-brand{
  display: flex;
  flex-direction: column;   /* logo arriba, texto debajo */
  align-items: flex-start;
  gap: 18px;
}

.hx-footer-logo{
  max-width: 140px;         /* el logo un pelín más contenido */
}

.hx-footer-info{
  max-width: 340px;         /* límite de ancho cómodo para el texto */
}
/* Título grande encima de las tarjetas de servicios */
#servicios .hx-title-section{
  color: #1f2933;          /* gris oscuro legible */
  opacity: 0.95;
  text-shadow: none;
}
.hx-footer-grid {
  gap: 40px;          /* separar un poco más las columnas */
}/* End custom CSS */