/* ============================================
   mod-02-razones-iberdrola.css
   Mobile First — base 360px
   ============================================ */

/* ---------- SECTION PRINCIPAL ---------- */
.razones-iberdrola {
  background-color: #ffffff;
  padding: 0 16px 32px;
}
.razones-iberdrola .contenedor-body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--size-space-32, 32px);
  align-self: stretch;
}

/* ---------- TÍTULO H2 ---------- */
.razones-iberdrola .titulo {
  color: var(--Color-Content-General-1, #2C2C2C);
  font-feature-settings: 'liga' off, 'clig' off;
  align-self: stretch;
  margin: 0;
  padding-bottom: 0px;
}

/* ---------- SUBTÍTULO INTRO ---------- */
.razones-iberdrola .texto-intro {
  color: var(--Color-Content-General-1, #2C2C2C);
  font-feature-settings: 'liga' off, 'clig' off;
  align-self: stretch;
  margin: 0;
}

/* ---------- LISTA DE RAZONES ---------- */
.razones-iberdrola .lista-razones {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--size-space-24, 24px);
}
.razones-iberdrola .razon-item {
  display: flex;
  align-items: flex-start;
  gap: var(--size-space-12, 12px);
}

/* ---------- ICONO CHECK SVG ---------- */
.razones-iberdrola .razon-icono {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin-top: 2px;
}

/* ---------- TEXTO DE CADA RAZÓN ---------- */
.razones-iberdrola .razon-texto {
  color: var(--Color-Content-General-1, #2C2C2C);
  font-feature-settings: 'liga' off, 'clig' off;
  align-self: stretch;
  margin: 0;
}

/* ============================================
   MOBILE — 576px
   ============================================ */
@media (min-width: 576px) {
}

/* ============================================
   TABLET — 768px
   ============================================ */
@media (min-width: 768px) {
}

/* ============================================
   DESKTOP — 992px
   ============================================ */
@media (min-width: 992px) {
}

/* ============================================
   DESKTOP — 1200px
   ============================================ */
@media (min-width: 1200px) {
  .razones-iberdrola {
    max-width: 1200px;
    margin: 0;
    padding: 0 64px 32px;
  }
}

/* ============================================
   DESKTOP — 1920px
   ============================================ */
@media (min-width: 1920px) {
}