/* =========================================================
   EDSAONE · Contacto (Figma 109:775)
   Usa de eds-base.css: .eds-phero, .eds-cf7--compact y botones .eds-btn.
   ========================================================= */

/* 2 · Formulario | equipo técnico-comercial: columnas de 410 separadas 60, centradas */
#top .eds-ct-form .content { padding: 90px 0; }
@media only screen and (min-width: 768px) {
  #top .eds-ct-form .flex_column_table { justify-content: center; --eds-gap: 60px; }
  #top .eds-ct-form .eds-ct-col { flex: 0 1 410px; }
}
#top .eds-ct-col--form { padding-top: 40px !important; }
#top .eds-ct-col--form .eds-ct-col__head { padding: 0 20px; }
#top .eds-ct-col--info { padding: 40px !important; border-radius: var(--eds-radius); background: var(--eds-azul-bg); }
#top .eds-ct-col__intro { color: var(--eds-azul-dark); }
#top .eds-ct-col__intro .eds-svg { display: block; width: auto; height: 50px; max-width: 50px; margin-bottom: 10px; color: var(--eds-azul-light); }
#top .eds-svg--ct-formulario { transform: scaleY(-1); }
#top .eds-sec .eds-ct-col__title { margin: 0 0 5px; color: var(--eds-azul-dark); font-size: 20px; font-weight: 700; line-height: 1.15; text-transform: uppercase; }
#top .eds-ct-col__intro p { margin: 0; font-size: 16px; line-height: 20px; }
#top .eds-ct-form__cf7 { margin-top: 11px; }

/* Datos de contacto: icono en caja de 32 */
#top .eds-sec .eds-ct-info { display: grid; gap: 15px; margin: 44px 0 0; padding: 0; list-style: none; }
#top .eds-sec .eds-ct-info li { display: flex; align-items: flex-start; gap: 8px; margin: 0; padding: 0; list-style: none; color: var(--eds-azul-dark); font-size: 16px; line-height: 1.15; }
#top .eds-ct-info li > span:last-child, #top .eds-ct-info li > a { padding-top: 8px; }
#top .eds-ct-info a { color: var(--eds-azul-dark); text-decoration: none; }
#top .eds-ct-info a:hover { text-decoration: underline; }
#top .eds-ct-info__icon { display: flex; flex: 0 0 32px; align-items: center; justify-content: center; height: 32px; color: var(--eds-azul-light); }
#top .eds-ct-info__icon .eds-svg { width: auto; height: 20px; max-width: 20px; }
#top .eds-ct-info__icon .eds-svg--ct-email { height: 15px; }
#top .eds-ct-info__icon .eds-svg--ct-horario { height: 32px; max-width: 32px; }
#top .eds-svg--ct-direccion, #top .eds-svg--ct-email { transform: scaleY(-1); }

/* 3 · Mapa con tarjeta azul (85 %) */
#top .eds-ct-mapa { background-size: cover !important; }
#top .eds-ct-mapa .content { padding: 131px 0 130px; }
#top .eds-ct-mapa__card { display: flex; flex-direction: column; justify-content: flex-end; max-width: 500px; min-height: 339px; padding: 70px; border-radius: var(--eds-radius); background: rgba(31, 33, 67, .85); }
#top .eds-ct-mapa__card p { max-width: 360px; margin: 0 0 25px; color: var(--eds-blanco); font-size: 22px; font-weight: 700; line-height: 1.15; }

@media only screen and (max-width: 767px) {
  #top .eds-ct-form .content { padding: 50px 0; }
  #top .eds-ct-form .flex_column_table { display: flex; flex-direction: column; gap: 30px; }
  #top .eds-ct-form .eds-ct-col { margin: 0 !important; }
  #top .eds-ct-col--form { padding-top: 0 !important; }
  #top .eds-ct-col--form .eds-ct-col__head { padding: 0; }
  #top .eds-ct-col--info { padding: 30px 20px !important; }
  #top .eds-ct-mapa .content { padding: 60px 0; }
  #top .eds-ct-mapa__card { min-height: 0; padding: 30px; }
  #top .eds-ct-mapa__card p { font-size: 20px; }
}