:root {
  --white: #ffffff;
  --naranja-principal: #ff9723ff;
  --azul-principal: #0a4c8fff;
  --naranja-difuminado: #ff97237b;
  --azul-difuminado: #0a3f7aa9;
  --gris: #e0e0e0;
}

.header {
  background: var(--naranja-principal);
  padding: 10px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 96;
  border-radius: 0 0 40px 40px;
  box-sizing: border-box;
}



.contenedor-imagenes {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  max-width: 1450px;
  margin: 0 auto;
}

.contenedor-imagenes img {
  height: 75px;
  max-width: 100%;
}

/* ESCRITORIO XL (≥ 1440px) → usa los valores base de arriba */

/* LAPTOP / ESCRITORIO (1200px – 1439px) */
@media (min-width: 1200px) and (max-width: 1439px) {
  .contenedor-imagenes img { height: 72px; }
  .header { border-radius: 0 0 36px 36px; }
}

/* LAPTOP PEQUEÑO (1025px – 1199px) */
@media (min-width: 1025px) and (max-width: 1199px) {
  .contenedor-imagenes img { height: 68px; }
  .header { border-radius: 0 0 32px 32px; }
}

/* TABLET HORIZONTAL / IPAD LANDSCAPE (900px – 1024px) */
@media (min-width: 900px) and (max-width: 1024px) {
  .contenedor-imagenes img { height: 64px; }
  .header { padding: 12px; border-radius: 0 0 28px 28px; }
}

/* TABLET VERTICAL / IPAD MINI-AIR-PRO (768px – 899px) */
@media (min-width: 768px) and (max-width: 899px) {
  .contenedor-imagenes img { height: 62px; }
  .header { padding: 16px; border-radius: 0 0 26px 26px; }
}

/* PHABLET / MÓVIL GRANDE HORIZONTAL (600px – 767px) */
@media (min-width: 600px) and (max-width: 767px) {
  .contenedor-imagenes img { height: 58px; }
  .header { padding: 14px; border-radius: 0 0 22px 22px; }
}

/* MÓVIL GRANDE (480px – 599px) */
@media (min-width: 480px) and (max-width: 599px) {
  .contenedor-imagenes img { height: 54px; }
  .header { padding: 12px; border-radius: 0 0 20px 20px; }
}

/* MÓVIL MEDIO (400px – 479px) Ej: iPhone 12/13/14 Pro Max, Pixel 7 */
@media (min-width: 400px) and (max-width: 479px) {
  .contenedor-imagenes img { height: 50px; }
  .header { padding: 10px; border-radius: 0 0 18px 18px; }
}

/* MÓVIL PEQUEÑO (360px – 399px) Ej: Samsung S20+, iPhone SE, iPhone 12 mini */
@media (min-width: 360px) and (max-width: 399px) {
  .contenedor-imagenes img { height: 46px; }
  .header { padding: 8px; border-radius: 0 0 16px 16px; }
}

/* MÓVIL MUY PEQUEÑO (≤ 359px) Ej: Samsung S8+ */
@media (max-width: 359px) {
  .contenedor-imagenes img { height: 42px; }
  .header { padding: 8px; border-radius: 0 0 14px 14px; }
}

/* CELULARES EN HORIZONTAL CON POCA ALTURA */
@media (max-height: 420px) and (orientation: landscape) {
  .header { padding: 6px 20px; border-radius: 0 0 16px 16px; }
  .contenedor-imagenes img { height: 42px; }
}