.histoplasmosis-link a {
       padding: 0 8px !important;
}.bgcont {
    background: linear-gradient(0deg, #FFF 32.41%, #FCFCFC 67.07%, #FAFAFA 99.7%);
}
.histoplasmosis-content.ptb-100.mx-auto > h1 {
    text-align: center;
    margin: 0px 0 70px 0;
}
/* Truncar títulos */
.recursos-single-item h4 {
  display: -webkit-box;
  -webkit-line-clamp: 2;   /* Número de líneas permitidas */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  min-height: 48px; /* Ajusta si necesitas un alto fijo */
}
/* Descripción del recurso (texto del enlace, por ejemplo) */
.recursos-single-item span{
  display: -webkit-box !important;
  -webkit-line-clamp: 1;      /* número de líneas que quieres mostrar */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  min-height: 10px;           /* ajusta según tu diseño */
  margin-bottom: 12px;
}


/* Truncar descripción corta (mic + autor) */
.recursos-single-item .mic-autor {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.header-area.text-center img {
    height: 22px;
}
.banner-content h2
 {    margin-bottom: 25px;
}
.banner-area {
    position: relative;
    padding: 180px 0;
    overflow: hidden;
    perspective: 1px; /* habilita efecto de profundidad */
    transform-style: preserve-3d;
    min-height: 400px;
}

/* Video de fondo */
.banner-area__video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    object-fit: cover; /* hace que el video ocupe todo el contenedor */
     transform: translateZ(-1px) scale(2); /* magia del parallax */
}

.item.banner-content p {
    color: #fff;
    font-size: 1.5rem;
}
.navbar-area .container div a img {
    height: 100px;
}
.navbar-area {
    padding: 0px !important;
}

/* Overlay de fusión encima del video */
.banner-area__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0; /* igual que el video, pero se renderiza después */
    pointer-events: none; /* no bloquea clics */
    background: linear-gradient(
        to bottom,
        rgb(14, 47, 120) 0%,
        rgb(17, 68, 181) 40%,
        rgb(212, 22, 19) 100%
    ) !important;
    mix-blend-mode: multiply;
}

/* Contenido encima del video y overlay */
.banner-area__content {
    position: relative;
    z-index: 1;
}


#s4-workspace {
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
}
#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 {
    position:relative !important;
    z-index:auto;
}

.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;
  }
}