.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(30px,40px,60px);
    color:white;
}


.listSubtitulos{
    font-size: clamp(20px,30px,50px);
    color:white;
}



.listSubtitulos2{
    font-size: clamp(35px,30px,70px);
    color:white;
}

.fondoFormulario{
  position: relative;
  background-image: url("https://bdvacutainer.bd-ids.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;
  }
}