.pv-tab-container {

    display: flex;

    max-width: 1200px;

    margin: 50px auto;

    background-color: #fff;

    border: 1px solid #ddd;

    border-radius: 5px;

    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);

}







.pv-tabs {

    flex: 1;

    min-width: 200px;

    background-color: #fff;

    border-right: 1px solid #ddd;

}



.pv-tab {

    padding: 15px 20px;

    border-bottom: 1px solid #ddd;

    cursor: pointer;

    font-weight: bold;

    display: flex;

    align-items: center;

    transition: background-color 0.3s;

}



.pv-tab:hover {

    background-color: #dbfbfb;/*#e0f7fa; /* Verde agua muy claro */

    color:#002453;

}



.pv-tab i {

    margin-right: 10px;

    /*color: #00796b; /* Color del ícono */

}



.pv-active {

    background-color: #fffff3; /*#e0f7fa; /* Verde agua muy claro */

    color: #990202;/*#00796b; /* Color del texto activo */

}



.pv-tab-content {

    flex: 3;

    padding: 20px;

    background-color: #fffff3; /*#e0f7fa; /* Verde agua muy claro */

}



.pv-content {

    display: none;

}



.pv-active-content {

    display: block;

}





.pv-content ol, ul {

    display: block;

    list-style-type: disc;

    margin-block-start: 1em;

    margin-block-end: 1em;

    margin-inline-start: 0px;

    margin-inline-end: 0px;

    padding-inline-start: 40px;

    unicode-bidi: isolate;

}



/*h2 {

    color: #00796b;

    margin-top: 0;

}*/



/* FAQ */

/* Estilos generales para el contenedor del acordeón */

#faqAccordion {

    margin: 20px auto; /* Espaciado alrededor del acordeón */

    max-width: 800px; /* Ancho máximo del acordeón */

    border: 1px solid #ddd; /* Borde exterior */

    border-radius: 8px; /* Esquinas redondeadas */

    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Sombra ligera */

}



/* Estilo para las tarjetas individuales */

#faqAccordion .card {

    border: none; /* Sin bordes en las tarjetas */

    border-bottom: 1px solid #eee; /* Línea separadora entre tarjetas */

    width:100%;

}



#faqAccordion .card:last-child {

    border-bottom: none; /* Eliminar borde inferior de la última tarjeta */

}



/* Estilo para el encabezado de las tarjetas */

#faqAccordion .card-header {

    background-color: #f7f7f7; /* Color de fondo del encabezado */

    padding: 15px; /* Relleno del encabezado */

    cursor: pointer; /* Cambiar cursor al pasar por encima */

}



#faqAccordion .card-header:hover {

    background-color: #e9ecef; /* Color de fondo al pasar por encima */

}



/* Estilo para el texto del encabezado */

#faqAccordion .card-header h5 {

    margin: 0; /* Sin márgenes */

    font-size: 18px; /* Tamaño de fuente */

    font-weight: bold; /* Negrita */

    color: #333; /* Color del texto */

}



/* Botones de colapso en el encabezado */

#faqAccordion .card-header button {

    color: #007bff; /* Color del texto del botón */

    text-decoration: none; /* Sin subrayado */

    font-size: 16px; /* Tamaño de fuente */

    font-weight: bold; /* Negrita */

    display: block; /* Bloque completo para el botón */

    width: 100%; /* Ancho completo del botón */

    text-align: left; /* Alineación del texto a la izquierda */

    background: none; /* Sin fondo adicional */

    border: none; /* Sin borde adicional */

    outline: none; /* Sin contorno adicional */

}



#faqAccordion .card-header button:focus {

    outline: none; /* Sin contorno al enfocar */

}



/* Estilo para el cuerpo del acordeón */

#faqAccordion .card-body {

    padding: 15px; /* Relleno del cuerpo */

    background-color: #fff; /* Fondo blanco */

    font-size: 14px; /* Tamaño de fuente */

    color: #555; /* Color del texto */

    line-height: 1.6; /* Altura de línea */

}



#faqAccordion .collapse {

    transition: height 0.3s ease; /* Animación de colapso */

}

#cl-pestanas {

    background-color: #EEEEEE;

    padding: 11rem 0 6rem 0;

    position: relative;

}



.mh-section#cl-pestanas:before {

    content: ' ';

    background-color: white;

    width: 100% !important;

    height: 120px;

    position: absolute;

    top: -70px;

    left: -20px;

    -ms-transform: skewY(-4deg);

    transform: skewY(4deg);

}



@media (max-width: 600px) {

    .pv-tab-container {

        flex-direction: column;

    }



    .pv-tabs {

        border-right: none;

        border-bottom: 1px solid #ddd;

        width: 100%;

    }



    .pv-tab {

        border-bottom: none;

        border-right: 1px solid #ddd;

        width: 100%;

        text-align: center;

        padding: 10px;

        font-size: 14px;

    }



    .pv-tab:last-child {

        border-right: none;

    }



    .pv-tab-content {

        padding: 15px;

    }

}