/* =========================================================
   EDSAONE · Catálogos (Figma 433:3749)
   Usa de eds-base.css: .eds-phero, .eds-strip--light, .eds-checks, .eds-cf7 (+ select) y .eds-cta-band--center.
   ========================================================= */

#top .eds-cat-hero .eds-phero__content { max-width: 470px; }

/* 3 · Texto | formulario: columnas de 595 separadas 60 */
#top .eds-cat-form .content { padding: 90px 0; }
@media only screen and (min-width: 768px) {
  #top .eds-cat-form .flex_column_table { --eds-gap: 60px; }
}
#top .eds-cat-form__text { color: var(--eds-azul-dark); }
#top .eds-sec .eds-cat-form__title { margin: 0 0 15px; color: var(--eds-azul-dark); font: 700 32px/1.15 var(--eds-font); text-transform: uppercase; }
#top .eds-cat-form__text p { margin: 0; font-size: 16px; line-height: 1.15; }
#top .eds-sec .eds-cat-form__checks { margin-top: 25px; }
#top .eds-sec .eds-cat-form__checks li { align-items: center; margin-bottom: 15px; }
#top .eds-cat-form__note { width: fit-content; margin-top: 45px; padding: 30px; border-radius: var(--eds-radius); background: var(--eds-azul-bg); }
#top .eds-sec .eds-cat-form__note h3 { margin: 0 0 5px; color: var(--eds-azul-dark); font: 700 20px/1.15 var(--eds-font); text-transform: uppercase; }
#top .eds-cat-form__box { padding: 30px !important; border-radius: var(--eds-radius); background: var(--eds-azul-bg); }
#top .eds-cat-form__box .eds-cf7__privacy { margin-top: 15px; }
#top .eds-cat-form__box .eds-cf7__submit { margin-top: 20px; }

@media only screen and (max-width: 767px) {
  #top .eds-cat-form .content { padding: 50px 0; }
  #top .eds-cat-form .flex_column_table { display: flex; flex-direction: column; gap: 30px; }
  #top .eds-cat-form .flex_column { margin: 0 !important; }
  #top .eds-sec .eds-cat-form__title { font-size: 26px; }
  #top .eds-cat-form__note { width: auto; margin-top: 30px; padding: 20px; }
  #top .eds-cat-form__box { padding: 20px !important; }
}

/* Móvil: la portada del catálogo (centro de la imagen) quedaría detrás del título; se coloca debajo del texto */
@media only screen and (max-width: 767px) {
  #top .eds-cat-hero { background-size: auto 220px !important; background-position: center bottom !important; }
  #top .eds-cat-hero .content { padding-bottom: 240px; }
}