:root {
  --primary-color: #E66A47; /* Color inicial por defecto */
  --secondary-color: #eff7f8;
}

/*
DEFAULT
  --primary-color: #089bab
  --secondary-color: #eff7f8
MAPFRE
  --primary-color: #D81E05;
  --secondary-color: #FEEDEB;
PACIFICO
  --primary-color: #0099CC;
  --secondary-color: #EBFAFF;
*/


#loader {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.9);
  z-index: 9999;
  align-items: center;
  justify-content: center;
}

#loader-center {
  border: 8px solid #f3f3f3;
  border-top: 8px solid var(--primary-color);
  border-radius: 50%;
  width: 60px;
  height: 60px;
  animation: spin 1s linear infinite;
}

/* Login (split) – ajustes sin romper el template base */
.aud-login .sign-in-page {
  min-height: 100vh;
  display: flex;
  align-items: center;
}

.aud-login .sign-in-page .sign-in-page-bg {
  border-radius: 24px;
}

.aud-login .sign-in-page .sign-in-page-bg::after {
  background: var(--primary-color) !important;
}

.aud-login .sign-in-detail {
  height: 100%;
  padding: 72px 56px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.aud-login .sign-in-from {
  position: static;
  padding: 56px;
  height: 100%;
}

.aud-login .sign-in-from .input-group-text {
  min-width: 44px;
  justify-content: center;
}

@media (max-width: 767.98px) {
  .aud-login .sign-in-detail {
    padding: 32px 20px;
  }

  .aud-login .sign-in-from {
    padding: 28px 20px;
  }
}

.modal-header{
  background-color: var(--primary-color) !important;
}

.modal-header .modal-title{
  color: white;
}

/*Clases para cambio segun aseguradora*/
.wrapper {
  background-color: var(--primary-color) !important;
}

.content-page{
  background-color: var(--secondary-color) !important;
}

.bg-primary, .badge-primary{
  background: var(--primary-color) !important;
}

.iq-bg-primary{
  background: var(--secondary-color) !important;
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
  color: #fff;
  background: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

tbody{
  background-color:white;
}

/* Asegura que el toggle del sidebar (hamburger) siga visible incluso cuando
   `custom.js` activa `body.sidebar-main` (el theme oculta `.iq-menu-bt`). */
body.sidebar-main #iq-top-navbar-custom .iq-menu-bt {
  opacity: 1 !important;
  display: block !important;
}

/* `right-sidebar-toggle` está diseñado en typography-aud.css como botón flotante lateral.
   En el top navbar lo usamos como ícono (…), así que anulamos ese estilo aquí. */
#iq-top-navbar-custom .right-sidebar-toggle {
  position: static !important;
  margin-left: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  top: auto !important;
  z-index: auto !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
}

/* Sidebar brand: logo completo expandido / monograma compacto colapsado */
.iq-sidebar .iq-sidebar-logo {
  align-items: center;
}

.iq-sidebar .iq-sidebar-logo .audimed-sidebar-brand {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 45px;
  flex: 1 1 auto;
  min-width: 0;
  padding-right: 12px;
}

.iq-sidebar .iq-sidebar-logo .audimed-brand-full {
  height: 38px;
  width: auto;
  max-width: 100%;
  object-fit: contain;
}

.iq-sidebar .iq-sidebar-logo .audimed-brand-mark {
  display: none;
  width: 42px;
  height: 42px;
  border-radius: 12px;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  letter-spacing: 0.4px;
  color: #fff;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.22);
}

.iq-sidebar .iq-sidebar-logo .audimed-brand-mark img {
  width: 30px;
  height: 30px;
  display: block;
}

body.sidebar-main .iq-sidebar .iq-sidebar-logo .audimed-brand-full {
  display: none;
}

body.sidebar-main .iq-sidebar .iq-sidebar-logo .audimed-brand-mark {
  display: inline-flex !important;
  opacity: 1 !important;
}

/* Sidebar colapsado (sidebar-main-menu) se comporta igual que sidebar-main */
body.sidebar-main-menu .iq-sidebar .iq-sidebar-logo .audimed-brand-full {
  display: none;
}

body.sidebar-main-menu .iq-sidebar .iq-sidebar-logo .audimed-brand-mark {
  display: inline-flex !important;
  opacity: 1 !important;
}

/* En colapsado, centra el brand (evita “descuadre” visual del mark) */
body.sidebar-main .iq-sidebar .iq-sidebar-logo,
body.sidebar-main-menu .iq-sidebar .iq-sidebar-logo {
  justify-content: center !important;
  padding-left: 0 !important;
}

body.sidebar-main .iq-sidebar .iq-sidebar-logo .audimed-sidebar-brand,
body.sidebar-main-menu .iq-sidebar .iq-sidebar-logo .audimed-sidebar-brand {
  justify-content: center;
  padding-right: 0;
}

/* En hover (expansión temporal), muestra logo completo y oculta el mark */
body.sidebar-main .iq-sidebar:hover .iq-sidebar-logo,
body.sidebar-main-menu .iq-sidebar:hover .iq-sidebar-logo {
  justify-content: space-between !important;
  padding-left: 20px !important;
}

body.sidebar-main .iq-sidebar:hover .iq-sidebar-logo .audimed-sidebar-brand,
body.sidebar-main-menu .iq-sidebar:hover .iq-sidebar-logo .audimed-sidebar-brand {
  justify-content: flex-start;
  padding-right: 12px;
}

body.sidebar-main .iq-sidebar:hover .iq-sidebar-logo .audimed-brand-full,
body.sidebar-main-menu .iq-sidebar:hover .iq-sidebar-logo .audimed-brand-full {
  display: block !important;
}

body.sidebar-main .iq-sidebar:hover .iq-sidebar-logo .audimed-brand-mark,
body.sidebar-main-menu .iq-sidebar:hover .iq-sidebar-logo .audimed-brand-mark {
  display: none !important;
  opacity: 0 !important;
}

/* Estado “pinned” (sidebar-main-menu.sidebar-main): sidebar expandido permanente */
body.sidebar-main-menu.sidebar-main .iq-sidebar .iq-sidebar-logo {
  justify-content: space-between !important;
  padding-left: 20px !important;
}

body.sidebar-main-menu.sidebar-main .iq-sidebar .iq-sidebar-logo .audimed-sidebar-brand {
  justify-content: flex-start;
  padding-right: 12px;
}

body.sidebar-main-menu.sidebar-main .iq-sidebar .iq-sidebar-logo .audimed-brand-full {
  display: block !important;
}

body.sidebar-main-menu.sidebar-main .iq-sidebar .iq-sidebar-logo .audimed-brand-mark {
  display: none !important;
}

/* Topbar brand icon */
.top-logo .logo .audimed-topbar-icon {
  width: 24px;
  height: 24px;
  margin-right: 8px;
  vertical-align: middle;
}

/* Topbar logo (mark + wordmark) */
.top-logo .logo .audimed-topbar-logo {
  height: 30px;
  width: auto;
  display: inline-block;
  vertical-align: middle;
  filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.18));
}

/* Page mark (e.g., Inicio) */
.audimed-page-mark {
  width: 32px;
  height: 32px;
}

/* Sidebar de filtros (sideNav)
   Se usa en varios módulos y se abre con `toggleSideNav()`.
   Por defecto el CSS embebido lo posiciona en `left:0` cuando está activo,
   lo que tapa el sidebar principal (menú). Forzamos a que se abra a la derecha
   del sidebar principal (260px) y, si el sidebar está colapsado, a 80px.
   En móviles lo dejamos ocupar toda la pantalla para evitar overflow. */
.sideNav.active {
  left: 80px !important;
}

body.sidebar-main-menu.sidebar-main .sideNav.active {
  left: 260px !important;
}

@media (min-width: 1300px) {
  body.sidebar-main-menu .iq-sidebar:hover + div.content-page .sideNav.active {
    left: 260px !important;
  }
}

@media (max-width: 1299px) {
  .sideNav.active {
    left: 0 !important;
  }
}