.tarjetaNueva {
  border: 1px solid #e0e6ed;
  border-radius: 10px;
  background: #fff;
  box-shadow: rgba(145, 158, 171, 0.2) 0px 0px 2px 0px, rgba(145, 158, 171, 0.12) 0px 12px 24px -4px !important;
  padding: 0px;
  overflow: visible;
  display: flex;
  flex-direction: column;
}

.tarjetaNueva .titulo,
.tarjetaNueva .contenidoTexto {
  padding: clamp(30px, 40px, 50px);
}

.colmanual .contenidoTexto {
  padding: clamp(6px, 14px, 20px);
  text-align: center;
}

.colmanual .espacioImagenOverflow {
  height: 200px;

  position: relative;
}

.colmanual .espacioImagenOverflow img {
  position: absolute;
  height: 400px;
  width: 90%;
}

.imgDerecha {
  z-index: 2;
  right: 0;
  top: 0;
}

.imgIzquierda {
  z-index: 2;
  left: 0;
  top: 0;
}

.div-degradadoInverso .colmanual .titulo,
.div-degradadoInverso .colmanual .contenidoTexto {
  padding: 1.5rem !important;
}


.img-fluid-mia {
  max-width: 100%;
  height: 50% !important;
  object-fit: cover !important;
  /* o cover */
  border-radius: 50px;

}

.divtexto {
  padding: clamp(60px, 120px, 210px) !important;
}

.imgCol {
  position: relative;
  overflow: hidden;
  /* evita que se salga */
}

.imgFit {
  position: absolute;
  inset: 0;
  /* top/right/bottom/left = 0 */
  width: 100%;
  height: 100%;
  object-fit: contain;
  /* usa cover si quieres recorte */
  object-position: center;
  display: block;
}

.subtitulos {
  font-size: clamp(2.5rem, 3rem, 3.5rem) !important;
  color: white;
}


.listSubtitulos {
  font-size: clamp(1rem, 1.7rem, 3rem);
  color: white;
}



.listSubtitulos2 {
  font-size: clamp(2.5rem, 3rem, 3.5rem) !important;
  text-align: center;
  color: white;
}

.fondoFormulario {
  position: relative;
  background-image: url("https://bdvacutainer.com/images/personas/fondo-formulario.webp");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
}

/* Capa gris-blanca */
.fondoFormulario::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(245, 245, 245, 0.85);
  /* gris/blanco suave */
  z-index: 1;
}

/* El contenido queda arriba */
.fondoFormulario>* {
  position: relative;
  z-index: 2;
}

/*
.titulo-header {
    color: #ffffff;
    font-weight: 700;
    text-shadow:
        -2px -2px 0 #000,
        2px -2px 0 #000,
        -2px 2px 0 #000,
        2px 2px 0 #000,
        0 2px 4px rgba(0, 0, 0, 0.4);
}

.titulo-header .indice {
    font-size: 0.6em;
}*/


#nav-drawer .submenu {
  position: relative !important;
}

/* submenú (SI o SI absolute + !important) */
#nav-drawer .submenu-items {
  list-style: none !important;
  position: absolute !important;
  padding: 10px 0 !important;
  margin: 0 !important;
  top: 100% !important;
  left: 0 !important;
  width: max-content !important;
  display: none !important;
  /* oculto por defecto */
  border-radius: 0px !important;
  max-width: 300px !important;
  z-index: 9999 !important;
}

/* ✅ Móvil/Touch: manda el click (clase .open) */
#nav-drawer .submenu.open>.submenu-items {
  display: block !important;
  padding: 10px;
}

/* ✅ Hover SOLO donde existe hover real (mouse/trackpad) */
@media (hover: hover) and (pointer: fine) and (min-width: 992px) {
  #nav-drawer .submenu:hover .submenu-items {
    display: block !important;
  }

  #nav-drawer .submenu-items li:hover {
    background-color: #044ED7 !important;
  }

  #nav-drawer .submenu-items li a {
    display: block !important;
    padding: 8px 15px !important;
  }
}