/* ========== RESPONSIVE ====================================================== */
/* Resoluciones recomendadas:
Tablet (1024 x 768 px) Landscape.
Laptop 1 (1280 x 800 px) Landscape.
Laptop 2 (1600 x 900 px) Landscape.
Laptop 3 (1920 x 1200 px) Landscape.
*/
/* ============================================================================ */
/* ICONOS */
/* Estilo general para ocupar el 100% de la pantalla */
/* Reset básico */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* Para que el body y html ocupen toda la altura */
html,
body {
  height: 100%;
}

/* ==================================================================== */
/* Contenedor general (vertical) */
.tabs-header {
    display: flex;
    flex-direction: column;
    width: 100%;
}

/* Fila horizontal (LA CLAVE) */
.tabs-row {
    display: flex;
    align-items: flex-end;   /* 🔥 tabs e iconos alineados abajo */
    justify-content: space-between;
    width: 100%;
    background-color: #ffffff;
}

/* Tabs (sin cambios peligrosos) */
.tab-menu {
    display: flex;
    gap: clamp(0.125rem, 0.3vw, 0.25rem);
    margin: 0;
    padding-left: clamp(1rem, 2vw, 1.5rem);
}

/* Iconos a la derecha (controlados) */
.IconosModulo {
    display: flex;
    align-items: center;
    padding-right: clamp(0.75rem, 1.5vw, 1.25rem);
    flex-shrink: 0;          /* 🔒 nunca se aplastan */
}

/* Divisores (exactos, sin huecos) */
.divider {
    width: 100%;
    height: clamp(0.2rem, 0.4vw, 0.25rem);
}

/* Valores responsivos con clamp() */
/* Para pantallas entre 1024px y 1920px */
.img_icono {
  width: clamp(22px, 1.6vw, 30px);
  height: clamp(22px, 1.6vw, 30px);
  object-fit: scale-down;

  margin-left: clamp(4px, 0.6vw, 8px);
  margin-right: clamp(4px, 0.6vw, 8px);
}

.disenoIcono {
  width: clamp(36px, 2.4vw, 48px);
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #ffffff;
  background-position: center;
  border-left: 1px solid #0f172a;

  margin-right: clamp(6px, 0.8vw, 12px);
}

.btn-icon:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}

.btn-icon:disabled .img_icono {
  filter: grayscale(100%);
}