/* ========== 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.
*/
/* ============================================================================ */
/* ===============================
   LÍNEA DIVISORIA
================================ */
.footer-divider {
  border-bottom: clamp(3px, 0.35vw, 4px) solid #ffd433;
  background-color: #ffffff;
}

/* ===============================
   CONTENEDOR FOOTER
================================ */
.footer-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #374151;
  padding-inline: clamp(0.75rem, 2vw, 1rem);
  padding-block: clamp(0.25rem, 0.6vw, 0.4rem);
  gap: clamp(0.5rem, 1.2vw, 0.75rem);
}

.footer-admin-minimal {
  min-height: clamp(2.2rem, 3vw, 2.8rem);
}

/* ===============================
   SECCIONES
================================ */
.footer-section {
  display: flex;
  align-items: center;
  flex: 1;
  min-width: 0;
}

/* ===============================
   ÍCONOS
================================ */
.icono-footer {
  padding: clamp(0.4rem, 1vw, 0.5rem);
}

.icono-footer img {
  height: clamp(1.1rem, 1.6vw, 1.5rem);
  width: auto;
}

.icono-footer-flag {
  padding-left: 0;
}

/* ===============================
   TEXTO
================================ */
.file-description,
.file-name {
  color: #ffffff;
  padding-block: clamp(0.35rem, 0.7vw, 0.55rem);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: Verdana, sans-serif;
  font-size: clamp(0.65rem, 1vw, 0.8rem);
}

/* ===============================
   ESPACIADOR CENTRAL
================================ */
.footer-spacer {
  flex: 1;
}

/* ===============================
   SECCIÓN DERECHA
================================ */
.footer-right {
  justify-content: flex-end;
  gap: clamp(0.3rem, 0.8vw, 0.6rem);
  margin-left: auto;
}

.footer-format-logo {
  align-items: center;
  background-color: #ffffff;
  border-radius: 0.2rem;
  box-shadow: inset 0 0 0 1px rgba(55, 65, 81, 0.12);
  display: flex;
  flex: 0 0 auto;
  justify-content: center;
  min-height: clamp(1.6rem, 2.2vw, 2rem);
  padding: 0.18rem 0.28rem;
}

.footer-format-logo img {
  display: block;
  height: clamp(1.2rem, 1.8vw, 1.6rem);
  max-width: clamp(1.8rem, 3vw, 2.4rem);
  object-fit: contain;
  width: auto;
}

.footer-format-logo-fallback {
  align-items: center;
  background: linear-gradient(135deg, #0f8b8d 0%, #0ea5a7 100%);
  border-radius: 999px;
  color: #ffffff;
  display: inline-flex;
  font-family: "Poppins", sans-serif;
  font-size: clamp(0.72rem, 1vw, 0.82rem);
  font-weight: 700;
  height: clamp(1.2rem, 1.8vw, 1.6rem);
  justify-content: center;
  min-width: clamp(1.2rem, 1.8vw, 1.6rem);
  padding-inline: 0.2rem;
}