/* =========================================================
   EDSAONE · Recursos técnicos (Figma 433:4408)
   Usa de eds-base.css: .eds-phero, .eds-strip--light, .eds-h2, botones .eds-btn y .eds-cta-band--center.
   ========================================================= */

#top .eds-rt-hero .eds-phero__content { max-width: 470px; }
#top .eds-rt-recursos .content { padding: 90px 0; }

/* Intro: icono 90 + texto + caja de 310 (ancho total 850, centrado) */
#top .eds-rt-intro { display: flex; align-items: flex-end; gap: 25px; max-width: 850px; margin: 0 auto 90px; color: var(--eds-azul-dark); }
#top .eds-rt-intro__icon { flex: 0 0 90px; align-self: flex-start; }
#top .eds-rt-intro__icon .eds-svg { display: block; width: 90px; height: 90px; }
#top .eds-rt-intro__text { flex: 1 1 0; }
#top .eds-rt-intro__text p { margin: 0; font-size: 16px; line-height: 1.15; }
#top .eds-rt-intro__box { flex: 0 0 310px; padding: 20px; border-radius: var(--eds-radius); background: var(--eds-azul-bg); }
#top .eds-sec .eds-rt-intro__box h3 { margin: 0 0 10px; color: var(--eds-azul-dark); font: 700 20px/1.15 var(--eds-font); text-transform: none; }
#top .eds-rt-intro__box p { margin: 0 0 10px; font-size: 16px; line-height: 1.15; }
#top .avia-button.eds-rt-btn--white { background: var(--eds-blanco) !important; border-color: var(--eds-verde) !important; color: var(--eds-azul-dark) !important; }
#top .avia-button.eds-rt-btn--white:hover { background: var(--eds-verde) !important; filter: none; }

/* Cabecera del listado */
#top .eds-rt-head { margin-bottom: 30px; color: var(--eds-azul-dark); text-align: center; }
#top .eds-rt-head p { margin: 0; font-size: 20px; font-weight: 700; line-height: 1.15; }

/* Tarjetas de recurso (3 columnas) */
#top .eds-sec .eds-rt-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 30px; margin: 0; padding: 0; list-style: none; }
#top .eds-sec .eds-rt-grid > li { display: flex; flex-direction: column; margin: 0; padding: 45px; border-radius: var(--eds-radius); background: var(--eds-azul-bg); box-shadow: 2px 4px 8px rgba(0, 0, 0, .25); color: var(--eds-azul-dark); list-style: none; }
#top .eds-rt-grid img { display: block; width: 200px; height: auto; aspect-ratio: 200 / 283; margin-bottom: 20px; object-fit: cover; border-radius: 5px; }
#top .eds-sec .eds-rt-grid h3 { margin: 0 0 5px; color: var(--eds-azul-dark); font: 700 20px/1.15 var(--eds-font); text-transform: none; }
#top .eds-rt-grid p { margin: 0; font-size: 16px; line-height: 1.15; }
#top .eds-rt-grid__actions { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: auto; padding-top: 35px; }
#top .eds-rt-tag { display: inline-flex; align-items: center; padding: 9px 20px; border-radius: 5px; background: var(--eds-azul-dark); color: var(--eds-blanco); font-size: 16px; line-height: 20px; }

@media only screen and (max-width: 989px) {
  #top .eds-rt-intro { flex-wrap: wrap; align-items: flex-start; }
  #top .eds-rt-intro__box { flex-basis: 100%; }
  #top .eds-sec .eds-rt-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media only screen and (max-width: 767px) {
  #top .eds-rt-recursos .content { padding: 50px 0; }
  #top .eds-rt-intro { margin-bottom: 50px; }
  #top .eds-rt-intro__icon { flex-basis: 60px; }
  #top .eds-rt-intro__icon .eds-svg { width: 60px; height: 60px; }
  #top .eds-sec .eds-rt-grid { grid-template-columns: 1fr; }
  #top .eds-sec .eds-rt-grid > li { padding: 30px; }
}

/* Franja: textos de 150 (en Figma cada elemento mide 200) */
#top .eds-rt-strip .eds-strip__list li { flex-basis: 200px; }