/* ===== BASE (360px+) ===== */
.cobranded-modulo {
  display: flex;
  min-width: var(--360-575-page-width, 360px);
  padding: var(--size-space-12, 12px) 0 var(--size-space-24, 24px) 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--size-space-16, 16px);
  background: var(--Color-Background-General-1, #FFF);
}

.cobranded-contenedor {
  display: flex;
  padding: var(--size-space-16, 16px) var(--360-575-page-margin, 16px);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  align-self: stretch;
  background: var(--Color-Surface-General-3, #F9F9F9);
}

/* --- Texto --- */
.cobranded-contenido {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  align-self: stretch;
}

.cobranded-texto {
  flex: 1 0 0;
  color: var(--Color-Content-General-1, #2C2C2C);
  text-align: center;
  font-feature-settings: 'liga' off, 'clig' off;
  margin-bottom: 0px;
}

.cobranded-texto-destacado {
  color: var(--Color-Content-General-1, #2C2C2C);
  font-feature-settings: 'liga' off, 'clig' off;
}

/* --- Imagen Vodafone --- */
.cobranded-imagen-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
}

.cobranded-imagen {
  display: flex;
  width: 316px;
  height: 64px;
  /* padding: var(--size-space-4, 4px) var(--size-space-0, 0); */
  justify-content: center;
  align-items: center;
  gap: 12px;
}
.cobranded-imagen{
  min-width: 276px;
  height: 64px;
  flex-shrink: 0;
}

/* ===== 576px+ ===== */
@media (min-width: 576px) {
  .cobranded-modulo {
display: flex;
    min-width: var(--576-767-page-width, 576px);
    padding: var(--size-space-24, 24px) 0 var(--size-space-12, 12px) 0;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: var(--size-space-16, 16px);
    background: var(--Color-Background-General-1, #FFF);
}

.cobranded-contenedor {
display: flex;
  padding: var(--size-space-16, 16px) var(--576-767-page-margin, 42px);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  align-self: stretch;
  background: var(--Color-Surface-General-3, #F9F9F9);
}

/* --- Texto --- */
.cobranded-contenido {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  align-self: stretch;
}

.cobranded-texto {
  flex: 1 0 0;
  color: var(--Color-Content-General-1, #2C2C2C);
  text-align: center;
  font-feature-settings: 'liga' off, 'clig' off;
  margin-bottom: 0px;
}

.cobranded-texto-destacado {
  color: var(--Color-Content-General-1, #2C2C2C);
  font-feature-settings: 'liga' off, 'clig' off;
}

/* --- Imagen Vodafone --- */
.cobranded-imagen-wrapper {
  display: flex;
  min-width: 316px;
  height: 64px;
  justify-content: center;
  align-items: center;
  gap: 12px;
}

.cobranded-imagen {
  display: flex;
  width: 316px;
  height: 64px;
  justify-content: center;
  align-items: center;
  gap: 12px;
}
.cobranded-imagen{
  min-width: 276px;
  height: 64px;
  flex-shrink: 0;
}
}

/* ===== 768px+ ===== */
@media (min-width: 768px) {
    .cobranded-modulo {
display: flex;
      min-width: var(--768-991-page-width, 768px);
      padding: var(--size-space-24, 24px) 0 var(--size-space-12, 12px) 0;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      gap: var(--size-space-16, 16px);
}

.cobranded-contenedor {
display: flex;
  padding: var(--size-space-16, 16px) var(--768-991-page-margin, 48px);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  align-self: stretch;
  background: var(--Color-Surface-General-3, #F9F9F9);
}

/* --- Texto --- */
.cobranded-contenido {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  align-self: stretch;
}

.cobranded-texto {
  flex: 1 0 0;
  color: var(--Color-Content-General-1, #2C2C2C);
  text-align: center;
  font-feature-settings: 'liga' off, 'clig' off;
  margin-bottom: 0px;
}

.cobranded-texto-destacado {
  color: var(--Color-Content-General-1, #2C2C2C);
  font-feature-settings: 'liga' off, 'clig' off;
}
.cobranded-imagen {
  display: flex;
  width: 316px;
  height: 64px;
  /* padding: var(--size-space-4, 4px) var(--size-space-0, 0); */
  justify-content: center;
  align-items: center;
  gap: 12px;
  background: #E60000;
}
.cobranded-imagen{
  min-width: 276px;
  height: 64px;
  flex-shrink: 0;
}
}

/* ===== 992px+ ===== */

@media (min-width: 992px) {
  .cobranded-modulo {
    display: flex;
    min-width: var(--992-1199-page-width, 992px);
    padding: var(--size-space-24, 24px) 0;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: var(--size-space-16, 16px);
  }

  .cobranded-contenedor {
    display: flex;
    flex-direction: row; 
    padding: var(--size-space-0, 0) var(--992-1199-page-margin, 82px);
    justify-content: center;
    align-items: stretch;
    gap: 24px;
    align-self: stretch;
    background: var(--Color-Surface-General-3, #F9F9F9);
  }

  .cobranded-contenido {
    display: flex;
    padding: var(--size-space-8, 8px) 0;
    justify-content: center;
    align-items: center;
    gap: 8px;
    flex: 1 0 0; 
  }

  .cobranded-texto {
    flex: 1 0 0;
    color: var(--Color-Content-General-1, #2C2C2C);
    text-align: center;
    font-feature-settings: 'liga' off, 'clig' off;
    margin-bottom: 0px;
  }

  .cobranded-imagen-wrapper {
    display: flex;
    width: 276px;
    flex-shrink: 0;
    align-self: stretch; 
    background: #E60000;
    
  }

  .cobranded-imagen {
    flex: 1 0 0;
    align-self: stretch;
  }
}


/* ===== 1200px+ ===== */
@media (min-width: 1200px) {
   .cobranded-modulo {
      display: flex; 
     min-width: var(--1200-1399-page-width, 1200px);
     padding: var(--size-space-24, 24px) 0;
     justify-content: center;
     align-items: center;
     gap: var(--size-space-16, 16px);
  }

  .cobranded-contenedor {
    display: flex;
    padding: var(--size-space-0, 0) var(--1200-1399-page-margin, 102px);
    justify-content: center;
    align-items: center;
    gap: 24px;
    flex: 1 0 0;
    background: var(--Color-Surface-General-3, #F9F9F9);
  }

  .cobranded-contenido {
    display: flex;
    padding: var(--size-space-8, 8px) 0;
    justify-content: center;
    align-items: center;
    gap: 8px;
    flex: 1 0 0; 
  }

  .cobranded-texto {
    flex: 1 0 0;
    color: var(--Color-Content-General-1, #2C2C2C);
    text-align: center;
    font-feature-settings: 'liga' off, 'clig' off;
    margin-bottom: 0px;
  }

  .cobranded-imagen-wrapper {
    display: flex;
    width: 276px;
    flex-shrink: 0;
    align-self: stretch; 
    background: #E60000;
    
  }

  .cobranded-imagen {
    flex: 1 0 0;
    align-self: stretch;
  }
}

/* ===== 1920px+ ===== */
@media (min-width: 1920px) {
  .cobranded-modulo {
display: flex;
    min-width: var(--14001920-page-width, 1920px);
    padding: var(--size-space-24, 24px) 0;
    justify-content: center;
    align-items: center;
    gap: var(--size-space-16, 16px);
  }

  .cobranded-contenedor {
    display: flex;
    height: 64px;
    padding: var(--size-space-0, 0) 324px;
    justify-content: center;
    align-items: center;
    gap: 24px;
    flex: 1 0 0;
    background: var(--Color-Surface-General-3, #F9F9F9);
  }

  .cobranded-contenido {
    display: flex;
    padding: var(--size-space-8, 8px) 0;
    justify-content: center;
    align-items: center;
    gap: 8px;
    flex: 1 0 0; 
  }

  .cobranded-texto {
    flex: 1 0 0;
    color: var(--Color-Content-General-1, #2C2C2C);
    text-align: center;
    font-feature-settings: 'liga' off, 'clig' off;
    margin-bottom: 0px;
  }

  .cobranded-imagen-wrapper {
    display: flex;
    width: 276px;
    flex-shrink: 0;
    align-self: stretch; 
    background: #E60000;
    
  }

  .cobranded-imagen {
    flex: 1 0 0;
    align-self: stretch;
  }
}