/* =============================
   LAYOUT GENERAL
   ============================= */

/* Identidad visual ConfianzaLab */
:root {
  --confianza-navy: #1c2b37;
  --confianza-navy-deep: #15222c;
  --confianza-teal: #22aeb5;
  --confianza-teal-dark: #168c95;
  --confianza-teal-soft: #e8f8f8;
}

.btn-primary {
  --bs-btn-color: #ffffff;
  --bs-btn-bg: var(--confianza-teal);
  --bs-btn-border-color: var(--confianza-teal);
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: var(--confianza-teal-dark);
  --bs-btn-hover-border-color: var(--confianza-teal-dark);
  --bs-btn-focus-shadow-rgb: 34, 174, 181;
  --bs-btn-active-bg: #117880;
  --bs-btn-active-border-color: #117880;
}

.form-control:focus,
.form-select:focus {
  border-color: var(--confianza-teal);
  box-shadow: 0 0 0 .25rem rgba(34, 174, 181, .18);
}

.th-lims {
  background-color: var(--confianza-teal) !important;
}

/* Wrapper genérico de contenido */
.content-wrapper {
  margin: 0;
  padding: 0;
  overflow: hidden;
}

/* =============================
   ESTILOS UNIVERSALES DE TABLAS
   ============================= */

.th-lims {
  border: solid !important;
  border-width: 1px !important;
  background-color: #219992 !important;
  border-color: #ffffff !important;
  color: #ffffff !important;
  vertical-align: middle !important;
  font-size: 12px !important;
  text-align: center !important;
}

/* Bordes redondeados opcionales */
.th-top-left {
  border-top-left-radius: 15px;
}

.th-top-right {
  border-top-right-radius: 15px;
}

th, td {
  vertical-align: middle !important;
}

/* =============================
   UTILIDADES
   ============================= */

/* Separadores de secciones */
.section-title {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 10px;
}

/* Para contenedores blancos */
.box-white {
  background-color: #ffffff;
  border: solid 1px #E6E9ED;
  border-radius: 7px;
  padding: 15px;
}

/* Sobrescribir bordes repetidos */
.border-lims {
  border: solid 1px #E6E9ED !important;
  border-radius: 7px !important;
}

/* =============================
   VIDEO DE ESPERA (SOLO PARA INICIO)
   ============================= */

/* Contenedor del video: llena toda la pantalla debajo del navbar */
.video-container {
  position: fixed;
  top: 66px;     /* altura real del navbar */
  left: 0;
  width: 100%;
  height: 116vh;
  overflow: hidden;
  z-index: 1;
}

.video-container video {
  width: 100%;
  height: 100%;
  object-fit: cover;      /* llena sin deformar */
}

/* Capa semitransparente encima del video */
.video-container .capa {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;           /* antes estaba más grande y generaba sobrealto */
  background-color: #000;
  opacity: 0.1;
  mix-blend-mode: overlay;
}