/* Área de controles bajo el grid */
@keyframes fade-in { to { opacity: 1; } }

.navbar-area {
    padding: 0px !important;
}

.navbar-area .container div a img{
height: 100px;}


.header-area.text-center img {
    height: 22px;
}

.banner-area::after {
content: "";
  position: absolute;
  inset: 0;
  mix-blend-mode: normal;
  opacity: 0.65;
  background: linear-gradient(to bottom, #0e2f78 0%, #1144b5 40%, #a50f0c 100%);
  pointer-events: none;            
  z-index: 0;}
  
.usuario-autenticado .banner-area{
margin:0 !important; }

/* El contenedor del grid ya existe como .cardsmic */
.cardsmic { position: relative; }
#recursos-controls { position: relative; min-height:56px; } /* ya lo tienes */
.hidden-space { visibility: hidden; }                      /* ok */

/* Spinner centrado y por encima de todo, con color y tamaño explícitos */
#spinner-cargando{
  position:absolute;
  top:50%;
  left:50%;
  transform: translate(-50%, -50%);
  z-index: 10;                              /* 👈 importante */
  width: 2rem;                              /* opcional, asegura tamaño */
  height: 2rem;
  color: var(--bs-primary, #0d6efd);        /* 👈 asegura color visible */
}

#recursos-overlay{
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  opacity: 0;
  transition: opacity .2s ease;
  z-index: 999;            
  }
#recursos-overlay.visible{ opacity: 1; }

#recursos-overlay .overlay-inner{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .5rem;
  min-height: 160px;
}

#recursos-overlay .spinner-border{
  width: 2rem;
  height: 2rem;
}


#indicadores h3, #indicadores p {
    line-height: normal;
    height: auto;
    min-height: auto;
    -webkit-line-clamp: none;
    max-height: initial;
}

.histoplasmosis-area{
	word-break: break-word;
  overflow-wrap: break-word;
  white-space: normal;
margin-top: 159px;
  
}

div#ctl00_PlaceHolderMain_ctl03__ControlWrapper_RichHtmlField a{
color:#0d6efd;
}


#s4-workspace {
    -webkit-overflow-scrolling: touch !important;
    overflow-x: hidden !important;
}
#s4-bodyContainer {
  width: 100% !important;
  min-height: 100vh !important;
  margin: 0 auto !important;
  padding: 0 !important;
  box-sizing: border-box;
  display: flex; /* solo si estás usando diseño con flex */
  flex-direction: column;
  background: #fff; /* o el color de tu fondo principal */
}
.ms-core-page {
  max-width: none !important;
  width: 100% !important;
  padding: 0 !important;
}
.s4-ca, .s4-notdlg {
  margin: 0 !important;
  padding: 0 !important;
}

.fixed-top {
}

.navbar-toggler, input[type=reset], input[type=submit]{
	min-width: auto !important;
    padding: 0 !important;
    border: 0 !important;
}

body,
#s4-workspace,
html,
.main {
    height: 100%;
    scroll-behavior: smooth;
}

#s4-bodyContainer {
    padding-bottom: 0 !important;
}
/* SHAREPOINT CORE STYLE RESET */
.ms-core-defaultFont,
.ms-core-pageTitle,
.ms-webpart-titleText,
.ms-WPHeader,
.s4-titletext,
.ms-rtestate-field {
  all: unset !important;
}

/* ESTRUCTURA PRINCIPAL */
#s4-workspace,
#s4-bodyContainer,
.ms-core-page {
  padding: 0 !important;
  margin: 0 !important;
  background: none !important;
  width: 100% !important;
  max-width: none !important;
  font-family: inherit !important;
}

/* === Ajustes para evitar scroll horizontal en móviles === */
html, body {
  max-width: 100% !important;
  overflow-x: hidden !important;
}

#s4-workspace {
  max-width: 100% !important;
  overflow-x: hidden !important;
}

#s4-bodyContainer {
  width: 100% !important;
  max-width: 100vw !important;
  overflow-x: hidden !important;
}


/* Aplicación específica para móviles */
@media (max-width: 768px) {
  html, body {
    overflow-x: hidden !important;
  }

  #s4-workspace, #s4-bodyContainer {
    overflow-x: hidden !important;
  }
}