.elementor-25866 .elementor-element.elementor-element-ad6d7cb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--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-25866 .elementor-element.elementor-element-8dee1aa > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-25866 .elementor-element.elementor-element-2a6ff0a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-25866 .elementor-element.elementor-element-2a6ff0a:not(.elementor-motion-effects-element-type-background), .elementor-25866 .elementor-element.elementor-element-2a6ff0a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0F0F0F;}.elementor-25866 .elementor-element.elementor-element-66b7de8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-25866 .elementor-element.elementor-element-6e645b9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-25866 .elementor-element.elementor-element-6619f30 .fluentform-widget-wrapper .ff-el-group .ff-btn-submit{background-color:#1a7efb !important;color:#ffffff !important;}@media(min-width:768px){.elementor-25866 .elementor-element.elementor-element-66b7de8{--width:50%;}.elementor-25866 .elementor-element.elementor-element-6e645b9{--width:50%;}}/* Start custom CSS for container, class: .elementor-element-ad6d7cb *//* ==========================================================================
   ENCABEZADO DE LA PÁGINA DE CONTACTO (Solo Título)
   ========================================================================== */

.maq-encabezado-contacto {
    background-color: #0f0f0f; /* Fondo negro absoluto */
    text-align: center;
    padding: 120px 20px 60px 20px; /* 120px arriba para que no lo tape el Navbar fijo */
    width: 100%;
    font-family: 'Plus Jakarta Sans', sans-serif;
}

.maq-encabezado-contacto .maq-eyebrow {
    color: #808c91; /* Gris industrial */
    font-size: 16px;
    font-weight: 800;
    letter-spacing: 3px;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.maq-encabezado-contacto .maq-titulo-principal {
    color: #ffffff;
    font-size: 56px;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 1.1;
    margin: 0 auto 20px auto;
    max-width: 900px;
}

.maq-encabezado-contacto .maq-titulo-principal span {
    color: #f5b400; /* Acento amarillo de MAQ */
}

.maq-encabezado-contacto .maq-subtitulo-principal {
    color: #cccccc;
    font-size: 18px;
    line-height: 1.6;
    max-width: 600px;
    margin: 0 auto;
    font-weight: 500;
}

/* =========================================
   RESPONSIVO MÓVIL
   ========================================= */
@media (max-width: 768px) {
    .maq-encabezado-contacto {
        padding: 100px 20px 40px 20px;
    }
    .maq-encabezado-contacto .maq-titulo-principal {
        font-size: 38px; /* Título un poco más chico para que quepa en celular */
    }
    .maq-encabezado-contacto .maq-subtitulo-principal {
        font-size: 16px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2a6ff0a *//* ==========================================================================
   COLUMNA IZQUIERDA (Datos de Contacto Directo)
   ========================================================================== */

.maq-info-contacto-izq {
  display: flex;
  flex-direction: column;
  gap: 40px; /* Separación entre cada bloque de información */
  padding: 20px 40px 20px 0; /* Padding derecho para alejarlo del formulario */
  font-family: 'Plus Jakarta Sans', sans-serif;
}

/* Contenedor de cada dato (Icono + Texto) */
.maq-info-contacto-izq .maq-info-item {
  display: flex;
  align-items: flex-start;
  gap: 20px;
}

/* El círculo amarillo translúcido de los íconos */
.maq-info-contacto-izq .maq-icon-wrap {
  background-color: rgba(245, 180, 0, 0.1);
  padding: 16px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border: 1px solid rgba(245, 180, 0, 0.15); /* Borde sutil */
}

.maq-info-contacto-izq .maq-icon-wrap svg {
  width: 26px;
  height: 26px;
}

/* Los textos a la derecha del ícono */
.maq-info-contacto-izq .maq-data {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-top: 3px;
}

/* Etiqueta superior (ej. "Llámanos") */
.maq-info-contacto-izq .maq-data span {
  display: block;
  color: #808c91;
  font-size: 13px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 6px;
}

/* Enlaces (Teléfono y Correo) */
.maq-info-contacto-izq .maq-data a {
  color: #ffffff; 
  font-size: 24px;
  font-weight: 900;
  text-decoration: none;
  transition: color 0.3s ease;
}

.maq-info-contacto-izq .maq-data a:hover {
  color: #f5b400;
}

/* Texto descriptivo (Cobertura Nacional) */
.maq-info-contacto-izq .maq-data p {
  color: #cccccc;
  font-size: 15px;
  line-height: 1.5;
  margin: 0;
  max-width: 320px;
}

/* =========================================
   RESPONSIVO MÓVIL
   ========================================= */
@media (max-width: 768px) {
  .maq-info-contacto-izq {
    padding-right: 0; /* Quitamos el padding en móvil porque se apilan */
    margin-bottom: 40px; /* Separación antes del formulario */
    gap: 30px;
  }
  
  .maq-info-contacto-izq .maq-data a {
    font-size: 20px; /* Letras un poco más chicas en el celular */
  }
}
/* ==========================================================================
   ALINEACIÓN PERFECTA DEL CONTENEDOR PADRE (Info + Formulario)
   ========================================================================== */

/* 1. Forzamos a que el contenedor padre alinee sus dos columnas exactamente al centro vertical */
.elementor-25866 .elementor-element.elementor-element-2a6ff0a {
    display: flex !important;
    align-items: center !important; /* Esto baja la columna izquierda al centro */
    justify-content: center !important;
    gap: 40px !important; /* Espacio de seguridad entre ambas columnas */
}

/* 2. Le damos un ancho máximo y centramos para pantallas grandes */
.elementor-25866 .elementor-element.elementor-element-2a6ff0a {
    max-width: 1200px !important;
    margin: 0 auto !important;
}

/* 3. Ajuste responsivo para celulares (Apila las columnas) */
@media (max-width: 960px) {
    .elementor-25866 .elementor-element.elementor-element-2a6ff0a {
        flex-direction: column !important;
        gap: 60px !important;
    }
    
    /* Le quitamos el padding derecho que le habíamos puesto a la info para que se centre en móvil */
    .elementor-25866 .elementor-element.elementor-element-2a6ff0a .maq-info-contacto-izq {
        padding-right: 0 !important;
    }
}/* End custom CSS */