.elementor-291 .elementor-element.elementor-element-48d999e{--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:-110px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-291 .elementor-element.elementor-element-48d999e:not(.elementor-motion-effects-element-type-background), .elementor-291 .elementor-element.elementor-element-48d999e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://cruzabril.com/wp-content/uploads/2026/03/Recurso-21-scaled.png");}.elementor-291 .elementor-element.elementor-element-6862875{--spacer-size:246px;}.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-291 .elementor-element.elementor-element-234f206{text-align:center;}.elementor-291 .elementor-element.elementor-element-234f206 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:63px;font-weight:700;letter-spacing:4.5px;text-shadow:10px 0px 10px rgba(0,0,0,0.3);color:#FFFFFF;}.elementor-291 .elementor-element.elementor-element-431f5af{--spacer-size:120px;}.elementor-291 .elementor-element.elementor-element-767ee63{--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-291 .elementor-element.elementor-element-f29ca1a{--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;}@media(max-width:767px){.elementor-291 .elementor-element.elementor-element-48d999e:not(.elementor-motion-effects-element-type-background), .elementor-291 .elementor-element.elementor-element-48d999e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-291 .elementor-element.elementor-element-6862875{--spacer-size:160px;}.elementor-291 .elementor-element.elementor-element-234f206 .elementor-heading-title{font-size:35px;}.elementor-291 .elementor-element.elementor-element-431f5af{--spacer-size:50px;}}/* Start custom CSS for html, class: .elementor-element-f9eb731 *//* --- CONTENEDOR RAÍZ FULL WIDTH --- */
.contacto-container {
  width: 100% !important;
  background-color: #ffffff !important;
  padding: 60px 20px !important;
  font-family: 'Montserrat', sans-serif !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* --- REJILLA CENTRAL (LADO A LADO) --- */
.contacto-grid {
  width: 100% !important;
  max-width: 1100px !important;
  display: grid !important;
  grid-template-columns: 1fr 1.5fr !important;
  gap: 40px !important;
  align-items: center !important;
}

/* --- LADO IZQUIERDO: TÍTULO --- */
.contacto-titulo {
  color: #002147 !important;
  font-size: 2.2rem !important;
  font-weight: 400 !important;
  margin: 0 0 15px 0 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
}

.contacto-titulo .bold-text {
  font-weight: 800 !important;
}

.contacto-sublinea {
  width: 180px !important;
  height: 3px !important;
  background-color: #002147 !important;
}

/* --- LADO DERECHO: FORMULARIO --- */
.form-grid {
  display: flex !important;
  flex-direction: column !important;
  gap: 15px !important;
}

.row-inputs {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 15px !important;
}

/* --- CAMPOS INPUTS (Estilo Foto) --- */
.input-field, .textarea-field {
  width: 100% !important;
  padding: 14px 18px !important;
  border: 1.5px solid #002147 !important; /* Bordes azul marino de la foto */
  border-radius: 4px !important;
  background: transparent !important;
  font-size: 1rem !important;
  color: #002147 !important;
  outline: none !important;
  box-sizing: border-box !important;
  transition: box-shadow 0.3s ease !important;
}

.input-field::placeholder, .textarea-field::placeholder {
  color: #556b82 !important;
}

.input-field:focus, .textarea-field:focus {
  box-shadow: 0 0 8px rgba(0, 33, 71, 0.2) !important;
}

.textarea-field {
  resize: vertical !important;
  height: 140px !important;
}

/* --- BOTÓN DE ENVÍO --- */
.btn-enviar {
  align-self: flex-start !important;
  background-color: #002147 !important;
  color: #ffffff !important;
  border: none !important;
  padding: 14px 35px !important;
  font-weight: 700 !important;
  font-size: 0.95rem !important;
  letter-spacing: 1px !important;
  border-radius: 4px !important;
  cursor: pointer !important;
  transition: background-color 0.3s ease !important;
}

.btn-enviar:hover {
  background-color: #003366 !important;
}

/* --- RESPONSIVO PARA MÓVILES --- */
@media (max-width: 768px) {
  .contacto-grid {
    grid-template-columns: 1fr !important;
    gap: 30px !important;
    text-align: center !important;
  }

  .contacto-titulo {
    font-size: 1.8rem !important;
  }

  .contacto-sublinea {
    margin: 0 auto !important;
  }

  .row-inputs {
    grid-template-columns: 1fr !important;
  }

  .btn-enviar {
    align-self: stretch !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e3ad158 *//* --- CONTENEDOR RAIZ --- */
.sucursal-container {
  width: 100% !important;
  background-color: #ffffff !important;
  padding: 60px 20px !important;
  font-family: 'Montserrat', sans-serif !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* --- REJILLA CENTRAL --- */
.sucursal-grid {
  width: 100% !important;
  max-width: 1100px !important;
  display: grid !important;
  grid-template-columns: 1fr 1.2fr !important;
  gap: 50px !important;
  align-items: center !important;
}

/* --- COLUMNA DE DATOS --- */
.sucursal-titulo {
  color: #002147 !important;
  font-size: 2.2rem !important;
  font-weight: 400 !important;
  margin: 0 0 15px 0 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
}

.sucursal-titulo .bold-text {
  font-weight: 800 !important;
}

.sucursal-sublinea {
  width: 180px !important;
  height: 3px !important;
  background-color: #002147 !important;
  margin-bottom: 40px !important;
}

.info-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 25px !important;
}

.info-item {
  display: flex !important;
  align-items: center !important;
  gap: 20px !important;
}

.info-icon {
  min-width: 35px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* Control del tamaño de los iconos de la biblioteca */
.media-icon {
  width: 30px !important; /* Ajusta este número según el tamaño real que desees */
  height: auto !important;
  object-fit: contain !important;
}

.info-texto {
  color: #333333 !important;
  font-size: 1.05rem !important;
  line-height: 1.5 !important;
}

.info-texto a {
  color: #333333 !important;
  text-decoration: none !important;
  transition: color 0.3s ease !important;
}

.info-texto a:hover {
  color: #002147 !important;
}

/* --- COLUMNA DE MAPA --- */
.sucursal-mapa {
  height: 400px !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  box-shadow: 0 10px 30px rgba(0, 33, 71, 0.08) !important;
}

/* --- DISEÑO PARA CELULARES --- */
@media (max-width: 768px) {
  .sucursal-grid {
    grid-template-columns: 1fr !important;
    gap: 40px !important;
  }

  .sucursal-titulo {
    font-size: 1.8rem !important;
    text-align: center !important;
  }

  .sucursal-sublinea {
    margin: 0 auto 30px auto !important;
  }

  .info-item {
    flex-direction: column !important;
    text-align: center !important;
    gap: 12px !important;
  }

  .sucursal-mapa {
    height: 300px !important;
  }
}/* End custom CSS */