/* ============================================================

   Mobile-first (360-575)

   ============================================================ */

.container-iberdrola-y-vodafone {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--size-space-24, 24px);
  padding: var(--size-space-40, 40px) var(--360-575-page-margin, 16px)
    var(--size-space-20, 20px) var(--360-575-page-margin, 16px);
  background: var(--Color-Surface-General-1, #fff);
}

.container-iberdrola-y-vodafone__header {
  align-self: stretch;
  color: var(--Color-Content-General-1, #2c2c2c);
  text-align: center;
  font-feature-settings:
    "liga" off,
    "clig" off;
}

.container-iberdrola-y-vodafone__title {
  align-self: stretch;
  color: var(--Color-Content-General-1, #2c2c2c);
  text-align: center;
  font-feature-settings:
    "liga" off,
    "clig" off;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

.container-iberdrola-y-vodafone__content {
  display: flex;
  min-width: 328px;
  padding: var(--size-space-0, 0);
  flex-direction: column;
  align-items: stretch; 
  gap: var(--size-space-24, 24px);
}

.container-iberdrola-y-vodafone__image {
  width: 100%;
  border-radius: 16px;
  overflow: hidden;
}


.container-iberdrola-y-vodafone__picture {
  display: block;
  width: 100%;
}

.container-iberdrola-y-vodafone__image img {
  display: block; 
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: var(--border-radius-l, 16px);
}

.container-iberdrola-y-vodafone__text-wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--size-space-24, 24px);
}

.container-iberdrola-y-vodafone__text {
  display: flex;
  padding: var(--size-space-0, 0);
  flex-direction: column;
  align-items: flex-start; /* texto a la izquierda */
  gap: var(--size-space-12, 12px);
  align-self: stretch;
}

.container-iberdrola-y-vodafone__subtitle,
.container-iberdrola-y-vodafone__description {
  padding-bottom: 0px;
  margin: 0;
  align-self: stretch;
  color: var(--Color-Content-General-1, #2c2c2c);
  font-feature-settings:
    "liga" off,
    "clig" off;
}

.container-iberdrola-y-vodafone__action {
  width: 100%;
  display: flex;
  justify-content: center; /* botón centrado en columna */
}

.container-iberdrola-y-vodafone__action > span {
  display: flex;
  padding: var(--size-space-0, 0);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--size-space-0, 0);
  align-self: stretch;
}

.container-iberdrola-y-vodafone__button {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 328px;
  height: 56px;
  padding: 0;
  border-radius: 100px;
  background-color: #2f6852;
  border: 1px solid #2f6852;
  color: #fff;
  font-family: "IberPangea-Bold", sans-serif;
  text-decoration: none;
}

.container-iberdrola-y-vodafone__button:hover,
.container-iberdrola-y-vodafone__button:focus,
.container-iberdrola-y-vodafone__button:active {
  background-color: #265541;
  border-color: #265541;
}

/* ============================================================

   576 - 767

   ============================================================ */

@media (min-width: 576px) {
  .container-iberdrola-y-vodafone {
    padding: var(--size-space-40, 40px) var(--576-767-page-margin, 24px)
      var(--size-space-20, 20px) var(--576-767-page-margin, 24px);
  }
  .container-iberdrola-y-vodafone__image img {
    display: flex;
    padding: var(--size-space-0, 0);
    flex-direction: column;
    align-items: flex-start;
    gap: var(--size-space-24, 24px);
    align-self: stretch;
  }
}

/* ============================================================

   768 - 991

   ============================================================ */

@media (min-width: 768px) {
  .container-iberdrola-y-vodafone {
    padding: var(--size-space-40, 40px) var(--768-991-page-margin, 48px)
      var(--size-space-20, 20px) var(--768-991-page-margin, 48px);
  }
}

/* ============================================================

   992 - 1200  disposicion pasa a FILA

   ============================================================ */

@media (min-width: 992px) {
  .container-iberdrola-y-vodafone {
    display: flex;
    min-width: var(--992-1199-page-width, 992px);
    padding: var(--size-space-40, 40px) var(--992-1199-page-margin, 82px) var(--size-space-20, 20px) var(--992-1199-page-margin, 82px);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: var(--size-space-32, 32px);
  }

  .container-iberdrola-y-vodafone__content {
    flex-direction: row;
    align-items: center;
    gap: var(--size-space-32, 32px);
  }

  .container-iberdrola-y-vodafone__image {
    flex: 0 0 auto;
    width: 50%;
  }
  .container-iberdrola-y-vodafone__image img {
    display: flex;
    min-height: 250px;
    padding: var(--size-space-0, 0);
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    gap: var(--size-space-12, 12px);
    align-self: stretch;
  }
  .container-iberdrola-y-vodafone__text {
    display: flex;
    padding: var(--size-space-0, 0);
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: var(--size-space-24, 24px);
    align-self: stretch;
  }

  .container-iberdrola-y-vodafone__text-wrapper {
    flex: 1 1 auto;
    width: auto;
  }

  .container-iberdrola-y-vodafone__action {
    width: auto;
    justify-content: flex-start;
  }

  .container-iberdrola-y-vodafone__action > span {
    display: inline-block;
    width: auto;
  }

  .container-iberdrola-y-vodafone__button {
    display: flex;
    max-width: 412px;
    padding: var(--border-radius-none, 0) var(--size-space-40, 40px);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: var(--border-radius-none, 0);
    flex: 1 0 0;
    align-self: stretch;
  }
}

/* ============================================================

   1200 - 1919

   ============================================================ */

@media (min-width: 1200px) {
  .container-iberdrola-y-vodafone {
    display: flex;
    min-width: var(--1200-1399-page-width, 1200px);
    padding: var(--size-space-40, 40px) var(--992-1199-page-margin, 82px) var(--size-space-20, 20px) var(--992-1199-page-margin, 82px);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: var(--size-space-32, 32px);
  }

  .container-iberdrola-y-vodafone__content {
    flex-direction: row;
    align-items: center;
    gap: var(--size-space-32, 32px);
  }

  .container-iberdrola-y-vodafone__image {
    flex: 0 0 auto;
    width: 50%;
  }
  .container-iberdrola-y-vodafone__image img {
    display: flex;
    min-height: 250px;
    padding: var(--size-space-0, 0);
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    gap: var(--size-space-12, 12px);
    align-self: stretch;
  }
  .container-iberdrola-y-vodafone__text {
    display: flex;
    padding: var(--size-space-0, 0);
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: var(--size-space-24, 24px);
    align-self: stretch;
  }

  .container-iberdrola-y-vodafone__text-wrapper {
    flex: 1 1 auto;
    width: auto;
  }

  .container-iberdrola-y-vodafone__action {
    width: auto;
    justify-content: flex-start;
  }

  .container-iberdrola-y-vodafone__action > span {
    display: inline-block;
    width: auto;
  }

  .container-iberdrola-y-vodafone__button {
    display: flex;
    max-width: 412px;
    padding: var(--border-radius-none, 0) var(--size-space-40, 40px);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: var(--border-radius-none, 0);
    flex: 1 0 0;
    align-self: stretch;
  }
}

/* ============================================================

   1920+

   ============================================================ */

@media (min-width: 1920px) {
  .container-iberdrola-y-vodafone {
    display: flex;
    min-width: var(--14001920-page-width, 1920px);
    padding: var(--size-space-40, 40px) var(--14001920-page-margin, 324px)
      var(--size-space-20, 20px) var(--14001920-page-margin, 324px);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: var(--size-space-32, 32px);
  }

  .container-iberdrola-y-vodafone__content {
    display: flex;
    min-width: 1272px;
    padding: var(--size-space-0, 0);
    align-items: center;
    gap: var(--size-space-24, 24px);
  }
  .container-iberdrola-y-vodafone__image img {
    display: flex;
    height: 250px;
    padding: var(--size-space-0, 0);
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    gap: var(--size-space-12, 12px);
    align-self: stretch;
  }
}