.h1-with-hr {
    position: relative;
    padding-bottom: 10px; /* Espacio entre el h1 y el hr */
}

.h1-with-hr::after {
    content: '';
    display: block;
    width: 100%;
    height: 1px; /* Grosor de la línea */
    background-color: #393939; /* Color de la línea */
    position: absolute;
    left: 0;
    bottom: 0;
}

.header-pos {
    position: relative;
    text-align: center;
    background-color: #000000;
    overflow: hidden; /* Para ocultar el desbordamiento */
    height: 500px; /* Ajusta la altura según tus necesidades */
}

.header-img {
    width: 100%;
    height: 100%; /* Ocupará toda la altura del contenedor */
    object-fit: cover; /* Mantiene la proporción y cubre el área */
}


.w30 {
    width: 30%;
}

.w50 {
    width: 50%;
}

.mgleft10 {
    margin-left: 10px;
}

.mg3 {
    margin: 3px;
}

.mgtop20 {
    margin-top: 20px;
}

.mgbot20 {
    margin-bottom: 20px;
}

.mgtop50 {
    margin-top: 50px;
}

.mgbot50 {
    margin-bottom: 50px;
}

.mgbot150 {
    margin-bottom: 150px;
}

.greenh4 {
    color: green;
}

[data-bs-theme="dark"] .b-example-divider {
    background-color: rgba(255, 255, 255, 0.81);
}

.fs17 {
    font-size: 17px;
}

.fs19 {
    font-size: 19px;
}

ul {
    font-size: 17.3px;
}

.boxshdw {
    color: rgb(31, 31, 31);
    background-color: #f8f9fa; /* Color de fondo que deseas */
    border: 1px solid #ddd; /* Bordes opcionales */
    border-radius: 8px; /* Esquinas redondeadas opcionales */
    padding: 20px; /* Espaciado interno */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Sombra opcional */
    margin-bottom: 20px; /* Espaciado inferior */
  }
  
  [data-bs-theme="dark"] .boxshdw {
    border: 1px solid #000000;
    box-shadow: 0 4px 8px rgba(255, 255, 255, 0.29);
  }
  

  .audit {
    display: none; /* Ocultar todas las auditorías por defecto */
}

.audit.active {
    display: block; /* Mostrar solo la auditoría activa */
}