#contenedor-redes{
    width: 83% !important;
}

.iframe {
    width: 80%;
    height: 500px; /* Cambia este valor según lo necesites */
    border: 0;
    overflow: hidden;
    
}

#iframe-redes{
    position: relative; 
    max-width: 1350px; 
    padding-bottom: 75%; 
    overflow: auto; 
    background-color: white;
}

@media (max-width: 512px) {
    #contenedor-redes{
        width: 100% !important;
    }

    .iframe{
        width: 100%;
    }
}

@media (min-width: 650px) {
    .carousel-caption {
        top: calc(27%);
        transform: translateY(-40%);
        
        display: flex;
        flex-direction: column; /* Acomoda los hijos en columna */
        justify-content: space-between; /* Espacia el contenido y el hijo */
        /*height: 300px;  Altura del padre */
        width: 70%; /* Responsivo */
        /*padding: 10px;
        border: 2px solid #004B87;*/
    }
    .search-box {
        background: white;
        padding: 5px 30px;
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        /* margin-top: 70px;*/
        position: sticky;
        height: 120%;
    }
    /*.redes {
        width: 40% !important;
    }
    /*.redes .container {
        max-width: 1200px; /* Limita el ancho en pantallas grandes 
    }*/
    /*.fb-page, .iframe {
        width: 100% !important;
        max-width: 1350px !important;
    }*/

    .fb-page {
        width: 100% !important; /* Hace que los elementos ocupen el ancho disponible */
        max-width: 1350px !important; /* Establece un límite para evitar que se desborden */
    }

    .iframe iframe {
        width: 100%;
        height: 500px; /* Altura fija para mantener proporción */
        border: 0;
    }
    .search-box input {
        border: none;
        outline: none;
        flex: 1;
        /*padding: 10px;*/
        font-family: "Helvetica-Roman", sans-serif !important;
        font-size: 18px;
        
        display: block;
        width: fit-content;
        margin: 0 auto;
        width: calc(70%);
        color: #333333;
        height: calc(100%);
    }
    .icono{
        color: #004B87;
        font-weight: bold;
    }
    .search-box button {
        color: #004B87;
        background-color: white;
        border: none;
        padding: 5px 5px;
        border-radius: 10px;
        cursor: pointer;
        font-family: "Helvetica", sans-serif;
    }
    .contsec1{
        display: flex;
        justify-content: flex-start; /* Alinea el botón a la izquierda */
        padding: 5px;
        /*border: 2px solid #004B87;*/
        position: absolute;
        margin-top: 60px;
    }
    .searchbtn button {
        background: linear-gradient(45deg, #2196F3, #00D0FF);
        color: white;
        border: none;
        padding: 5px 20px;
        border-radius: 10px;
        /*cursor: pointer;
        margin-top: -40%;*/
        font-family: "Helvetica", sans-serif !important;
        font-size: 14px;
        width: 100%;
        max-width: 150px;
        
    }
    .btn-custom {
        background: linear-gradient(45deg, #2196F3, #00D0FF);
        color: white;
        padding: 8px;
        border-radius: 10px;
        display: inline-block;
        margin-bottom: -17%;
        text-decoration: none;
        font-family: "Helvetica", sans-serif !important;
        align-self:center;
        font-size: 18px;
        
    }
}

@media (max-width: 649px) {
    .searchbtn{
        display: none;
    }
    /*.btncust{
        display: none;
    }*/
    .carousel-caption {
        top: calc(8%);
        transform: translateY(-40%);
        
        display: flex;
        flex-direction: column; /* Acomoda los hijos en columna */
        justify-content: space-between; /* Espacia el contenido y el hijo */
        /*height: 300px;  Altura del padre */
        width: 70%; /* Responsivo */
        /*padding: 10px;
        border: 2px solid #004B87;*/
    }
    .search-box {
        background: white;
        padding: 5px 10px;
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content:center;
        /* margin-top: 70px;*/
        position: sticky;
        height: 75%;
        border: 2px solid #004B87;
    }
    .search-box input {
        border: none;
        outline: none;
        flex: 1;
        padding: -5px 10px;
        font-family: "Helvetica-Roman", sans-serif !important;
        font-size: 10px;
        
        display: block;
        width: fit-content;
        margin: 0 auto;
        width: calc(70%);
        color: #333333;
        height: calc(75%);
    }
    .icono{
        color: #004B87;
        font-weight: bold;
        font-size: 6px;
        border: none;
    }
    .search-box button {
        color: #004B87;
        background-color: white;
        border: none;
        padding: 5px 5px;
        border-radius: 10px;
        cursor: pointer;
        font-family: "Helvetica", sans-serif;
    }
    .contsec1{
        display: flex;
        justify-content: flex-start; /* Alinea el botón a la izquierda */
        padding: 5px;
        /*border: 2px solid #004B87;*/
        position: absolute;
        margin-top: 60px;
    }
    .searchbtn button {
        background: linear-gradient(45deg, #2196F3, #00D0FF);
        color: white;
        border: none;
        padding: 5px 20px;
        border-radius: 10px;
        /*cursor: pointer;
        margin-top: -40%;*/
        font-family: "Helvetica", sans-serif !important;
        font-size: 14px;
        width: 100%;
        max-width: 150px;
        
    }
    .btn-custom {
        background: linear-gradient(45deg, #2196F3, #00D0FF);
        color: white;
        padding: 8px;
        border-radius: 10px;
        display: inline-block;
        margin-bottom: -17%;
        text-decoration: none;
        font-family: "Helvetica", sans-serif !important;
        align-self:center;
        font-size: 10px;
    }
}
.btncust{
    margin-bottom: -17%;
}
.carousel-indicators {
    bottom: 15px;
}

.carousel-indicators button {
    width: 12px !important;
    height: 12px !important;
    border-radius: 50% !important;
    background-color: #69B3E7 !important;
    border: none !important;
    margin: 0 5px !important;
    opacity: 1 !important;
    transition: background-color 0.3s ease !important;
}

.carousel-indicators .active {
    background-color: white !important;
}

.cta-button {
    position: absolute;
    bottom: 10%;
    background: #00aaff;
    color: white;
    padding: 10px 20px;
    border-radius: 20px;
    text-decoration: none;
    font-family: "Helvetica", sans-serif;
}

.sec2{
    background: linear-gradient(45deg, #004B87, #69B3E7);
    font-family: "Helvetica", sans-serif;
}
.textosec2{
    margin-top: calc(20%);
    padding: 5px;
    /*border: 2px solid #004B87;*/
    height: 60%;
}
.textosec2_1{
    
    margin-top: calc(24%);
    padding: 5px;
    /*border: 2px solid #004B87;*/
    height: 30%;
}
.infobtn{
    font-family: "Helvetica-Md", sans-serif;
    font-size: 16px;
    text-align: center;
}
.cont{
    font-family: 'Volkorn Bold';
    color: white;
    height: 35%;
}
.contbtn{
    height: 90% !important;  
}
.contbtn1{
    height: 87% !important;  
}
.textbtnh3{
    /*position:absolute;
    top: 220px;*/
    align-self: center;
    /*font-weight: bold;*/
    color: #004B87;
    font-family: "Vollkorn", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
}
.imgbtn{
    position: absolute;
    top: -11px; /* Distancia desde la parte superior */
    padding: 10px 20px;
    align-self: center;
    width: calc(80%);
}
.btnazul{
    width: calc(30%);
    align-self: center;
    color: white;
    display: inline-block;
    /*position: absolute;
    top:320px;*/
    background: linear-gradient(45deg, #2196F3, #00D0FF);
    padding: 10px 20px;
    border-radius: 10px;
    display: inline-block;
    font-family: "Helvetica", sans-serif !important;
    text-decoration: none;
    font-size: 16px;
    width: 80%;
    max-width: 150px;
}
.secfa{
    align-self: center !important;
    align-items: center !important;
    align-content: center !important;
    background-color: #e9e9e9;
    justify-content: center; /* Centra horizontalmente */
    align-items: center;
    /*margin: 0 auto;*/
    font-family: 'Volkorn Bold';
    color: #004B87;
    font-weight: bold;
}
.face{
    display: flex;
    justify-content: center; /* Centra horizontalmente */
    align-items: center;
    margin: 0 auto;
}
.TemasConsul{
    background: #004B87;
    font-family: 'Helvetica Neue LT Std 75 Bold';
}
.sec3{
    /*height: 800px;*/
    background-color: #e9e9e9;
}
.temas-row{
    justify-content: center;
    align-items: center;
    text-decoration: none;
    text-align: center;
    
}
.temas-row i {
    color: rgba(0, 15, 159, 1);
}
.temas-row a{
    text-decoration: none;
}
/* Estilo para que el select se vea como un botón */
.btn-select {
    appearance: none; /* Oculta el diseño predeterminado */
    background: linear-gradient(45deg, #004B87, #69B3E7);
    /*background-color: #004B87;*/
    color: white;
    padding: 10px 2px;
    font-family: 'Helvetica', sans-serif;
    font-size: 18px;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    width: calc(90%);
    text-align: center;
    margin-top: 75px;
    align-content: center !important;
}
select option {
    background-color: #004B87 !important; /* Color fijo */
    color: white;
}



.temas-hidden a{
    color: #337ab7;
    text-decoration: none;
}

select:focus {
    /*background-color: #004B87;*/
    filter: brightness(90%);
}
.select-wrapper {
    display: flex;
    justify-content: center; /* Centra horizontalmente */
    align-items: center;
    position: relative;
    align-self: center;
    
    width: 100%;
    max-width: 400px; /* Ajusta el ancho máximo según necesites */
    margin: 0 auto; /* Centra el select */
    
}

@media (max-width: 649px) {
    .select-wrapper {
        max-width: 100%; /* Ocupará todo el ancho disponible */
    }
    .select-wrapper select {
        font-size: 14px; /* Reduce el tamaño en móviles */
        padding: 8px;
    }
}
.select-wrapper select {
    appearance: none;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    cursor: pointer;
}

.select-wrapper i {
    position: absolute;
    right: 8%;
    top: 83%;
    transform: translateY(-50%);
    color: #ffffff;
    pointer-events: none;
}
.video-thumbnail {
    cursor: pointer;
    border-radius: 8px;
    transition: transform 0.3s;
}
.video-thumbnail:hover {
    transform: scale(1.05);
}
.h2sec4{
    color: #004B87;
    font-family: "Vollkorn", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    align-self: center !important;
    text-align: center;
    display: block;
    width: fit-content;
    margin: 0 auto;
}
.sec4 {
    font-family: "Helvetica-Md", sans-serif !important;
    font-size: 16px;
    /*display: none;*/
    visibility: hidden;
}
.hidden-videos {
    display: none; /* Oculta los videos inicialmente */
    margin-right: 10px;
    font-family: "Helvetica-Md", sans-serif;
    font-size: 16px;
}
.arrow-down {
    text-align: center;
    cursor: pointer;
    font-size: 24px;
    margin-top: 15px;
    color: #2196F3;
}
.temas-hidden {
    display: none; /* Oculta el contenido inicialmente */
    margin-right: 10px;
    font-family: "Vollkorn", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
}
.arrow-down-temas {
    text-align: center;
    cursor: pointer;
    font-size: 24px;
    /*margin-top: 50px;*/
    color: #2196F3;
    margin-bottom: 20px !important;
}
.enlaces{
    border-radius: 10px; /* Hace el div ovalado */
    width: calc(90%);
    background-color: #ffffff;
}
.sec5{
    background-color: #e9e9e9;
    place-items: center;
}

.contenedor {
    display: flex;
    justify-content: center; /* Centra horizontalmente */
    align-items: center;
    gap: 20px; /* Espacio entre imágenes */
    flex-wrap: wrap; /* Permite que las imágenes se ajusten si la pantalla es pequeña */
    padding: 20px;
}

.contenedor a {
    display: inline-block;
    text-decoration: none;
}

.contenedor img {
    width: 200px; /* Tamaño de las imágenes */
    height: 100px;
    /*object-fit: cover;*/ /* Mantiene la proporción de la imagen */
    border-radius: 10px; /* Bordes redondeados */
    transition: transform 0.3s ease-in-out;
    margin: 10px;
}

.contenedor img:hover {
    transform: scale(1.1); /* Efecto de zoom al pasar el mouse */
}

.textvideo{
    font-family: "Helvetica", sans-serif !important;
    color: #333333 !important;
    font-size: 50px !important;
}

.vollkorn {
    font-family: "Vollkorn", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Helvetica';
    src: url('/fonts/HelveticaNeueLTStd-Bd.otf') format('otf'),
         url('/fonts/HelveticaNeueLTStd-Bd.otf') format('otf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Helvetica-Roman';
    src: url('/fonts/HelveticaNeueLTStd-Roman.otf') format('otf'),
         url('/fonts/HelveticaNeueLTStd-Roman.otf') format('otf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Helvetica-Md';
    src: url('/fonts/HelveticaNeueLTStd-Md.otf') format('otf'),
         url('/fonts/HelveticaNeueLTStd-Md.otf') format('otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Vollkorn';
    src: url('/fonts/Vollkorn-Bold.ttf') format('ttf'),
         url('/fonts/Vollkorn-Bold.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Vollkorn-B';
    src: url('/fonts/Vollkorn-BoldItalic.ttf') format('ttf'),
         url('/fonts/Vollkorn-BoldItalic.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Vollkorn-SB';
    src: url('/fonts/Vollkorn-SemiBold.ttf') format('ttf'),
         url('/fonts/Vollkorn-SemiBold.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Vollkorn-SBI';
    src: url('/fonts/Vollkorn-SemiBoldItalic.ttf') format('ttf'),
         url('/fonts/Vollkorn-SemiBoldItalic.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;
}
/* Page Quienes Somos*/
.S_sec1{
    background-color: #ffffff;
    width: 100%;
    display: flex;
    justify-content: center;
}
.S_sec2{
    background: linear-gradient(45deg, #004B87, #69B3E7);
    width: 100%;
    
    justify-content: center;
    
}
.S_sec3{
    background-color: #ffffff;
    width: 100%;
    display: flex;
    justify-content: center;
    height: 80%;
}
.S_sec3_btn{
    background: linear-gradient(45deg, #2196F3, #00D0FF);
    color: white;
    padding: 8px;
    border-radius: 13px;
    display: inline-block;
    text-decoration: none;
    font-family: "Helvetica", sans-serif !important;
    
    font-size: 18px;

}
.titulo{
    font-family: "Vollkorn", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    color: #004B87;
    text-align:left;
    
}
.titulo_1{
    font-family: "Vollkorn", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    color:#ffffff;
    text-align: center;
    
}
.S_sec1_texto p{
    font-family: "Helvetica-Roman", sans-serif;
    font-size: 20px;
    color: #333333 !important;
    text-align:left;
}
.S_sec2_texto p{
    font-family: "Helvetica-Roman", sans-serif;
    font-size: 20px;
    color: #333333 !important;
    text-align:left;
    
}
.S_sec2_ul{
    font-family: "Helvetica-Roman", sans-serif;
    font-size: 20px;
    color: #333333 !important;
    text-align:left;
    padding-left: 20px;
}
.S_sec2_ul li::marker {
   color: #333333 !important;
    margin-bottom: 10px;
    font-size: 1em;
    content: "●"; /* Símbolo de la viñeta */
    font-size: 0.7em; /* Ajusta el tamaño */
    position: absolute;
    left: 10px;
    top: 0;
}
.S_sec2_contenedor{
    align-items: auto;
    background-color:#ffffff;
    width: 80%;
    border-radius: 10px;
    margin-left: 10%;
}
.S_sec1_texto{
    width: 80%;
}
.S_sec3_texto p{
    font-family: "Helvetica-Roman", sans-serif;
    font-size: 20px;
    color: #333333 !important;
    text-align:left;
}
.S_sec3_texto{
    width: 80%;
}
.textoSec2{
    width: 80%;
    margin-left: 15%;
    justify-content: left;
}
.pleca{
    background-color: #C8D8EB;
    height: 100%;
    width: 0%;
    display: contents;
    
}
.S_sec2_contenedor{
    display: flex;
    width: 80%;
    margin: 20px auto;
    background: white;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}
.barra-lateral {
    width: 10%;
    background: #C8D8EB;
}
.contenido {
    padding: 50px;
    flex: 1;
    font-family: "Helvetica-Roman", sans-serif;
    font-size: 20px;
    color: #333333 !important;
    text-align:left;
}
.contenido p{
    font-family: "Helvetica-Roman", sans-serif;
    font-size: 20px;
    color: #333333 !important;
    text-align:left;
}

/* Page Cómo Solicitar Información */
.I_sec1{
    width: 100%;
    display: flex;
    justify-content: center;
}
.I_sec2{
    background: linear-gradient(45deg, #004B87, #69B3E7);
    width: 100%;
    justify-content: center;
}
.barra-lateral_1 {
    width: 10% !important;
    background: #C8D8EB;
}
.icon {
    border-radius: 50%;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    margin-right: 1rem;
    size: 40%;
  }
.icon img{
    max-width: 100%;
    height: auto;
    display: block;
    margin-left: -268%;
    margin-top: 150%;
}
.contenido_1 {
    padding: 10px;
    flex: 1;
    font-family: "Helvetica-Roman", sans-serif;
    font-size: 20px;
    color: #333333 !important;
    text-align:left;
}
.contenido_1 p{
    font-family: "Helvetica-Roman", sans-serif;
    font-size: 20px;
    color: #333333 !important;
    width: 90%;
    margin: 0 auto;
}
.contenido_1_1{
    width: 90%;
    padding: 40px;
    flex: 1;
    font-family: "Helvetica-Roman", sans-serif;
    font-size: 20px;
    color: #333333 !important;
    text-align:left;
}
.I_sec2_contenedor{
    display: flex;
    width: 80%;
    margin: 20px auto;
    background: white;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}
.titulo_1_I{
    font-family: "Vollkorn", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    color:#ffffff;
    text-align: center;
    width: 60%;
    margin: 0 auto;
}
.I_sec1 img{
    width: 100%;
}
@media (min-width: 850px) {
    .I_sec1_texto{
        position: absolute;
        width: 50%;
        margin-top: 3%;
        margin-right: 43%;
        font-size: 18px;
        color: #ffffff;
        text-align: left;
        
    }
    .I_sec1_texto_peq{
        display: none;
    }
    .titulo_I{
        font-family: "Vollkorn", sans-serif;
        font-optical-sizing: auto;
        font-weight: 700;
        font-style: normal;
        color: #ffffff;
        text-align:left;
        font-size: 30px;
    }
}
@media (min-width: 650px) and (max-width: 849px) {
    .I_sec1_texto{
        position: absolute;
        width: 55%;
        margin-top: 3%;
        margin-right: 43%;
        font-size: 14px;
        color: #ffffff;
        text-align: left;
        
    }
    .I_sec1_texto_peq{
        display: none;
    }
    .titulo_I{
        font-family: "Vollkorn", sans-serif;
        font-optical-sizing: auto;
        font-weight: 700;
        font-style: normal;
        color: #ffffff;
        text-align:left;
        font-size: 24px;
    }
}
@media (max-width: 649px) {
    .I_sec1_texto{
        display: none;
    }
    .I_sec1_texto_peq{
        width: 80%;
        font-size: 14px;
        color: #ffffff;
        text-align: center;
        margin: 0 auto;
    }
    .titulo_I_peq{
        font-family: "Vollkorn", sans-serif;
        font-optical-sizing: auto;
        font-weight: 700;
        font-style: normal;
        color: #ffffff;
        text-align:center;
    }
}
.I_sec2_ol{
    font-family: "Helvetica-Roman", sans-serif;
    font-size: 20px;
    color: #333333 !important;
    text-align:left;
    padding-left: 10%;
}
.I_sec2_ol li::marker {
    color: #004080 !important;
    margin-bottom: 10px;
    /* content: "●"; Símbolo de la viñeta */
    font-size: 1.1em; /* Ajusta el tamaño */
    position: absolute;
    left: 5%;
    top: 0;
    font-weight: bold;
}
.I_sec2_ul{
    font-family: "Helvetica-Roman", sans-serif;
    font-size: 20px;
    color: #333333 !important;
    text-align:left;
    padding-left: 20px;
    display: inline-block;
}
.I_sec2_ul_S li::marker {
    color: #004080 !important;
    font-size: 1em;
    content: "●"; /* Símbolo de la viñeta */
    font-size: 0.7em; /* Ajusta el tamaño */
    position: absolute;
    left: 10px;
}
.I_sec2_ul a{
    display: inline-block;
    color: #333333 !important;
    text-decoration: none;
}
.I_sec2_ul li::marker {
    color: #333333 !important;
    
    font-size: 1em;
    content: "●"; /* Símbolo de la viñeta */
    font-size: 0.7em; /* Ajusta el tamaño */
    position: absolute;
    left: 10px;
    
}
.ptext{
    color: #ffffff;
    font-size: 20px;
    text-align: center;
    width: 70%;
    margin-left: 14%;
}
.videoSol{
    display: flex;
    justify-content: center; /* centra horizontalmente */
    align-items: center;     /* centra verticalmente */
    width: 80%;
    justify-self: center;
}
.videoSol iframe{
    border-radius: 20px;
}
.solicitud{
    font-size: 20px;
    width: 80%;
    text-align: left;
}

/*PAC*/
.sec1_pac{
    width: 100%;
    display: flex;
    justify-content: center;
}
.sec1_pac img{
    width: 100%;
}
.sec2_pac{
    background-color: #ffffff;
    text-align: center;
    /*display: none;*/
}
.sec2_texto_pdp{
    width: 80%;
    margin: 0 auto;
}
.I_sec2_texto_pdp{
    font-family: "Helvetica-Roman", sans-serif !important;
    font-size: 20px !important;
    color: #333333 !important;
    text-align:justify;
}
.titulo_2_P{
    font-family: "Vollkorn", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    color: #333333 !important;
    text-align: justify;
}
.sec2_pac_pdp{
    background-color: #ffffff;
    text-align: center;
    width: 80%;
    margin: 0 auto;
}
.titulo_1_P{
    font-family: "Vollkorn", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    color: #004B87;
    text-align: center;
}
.subrayado {
    width: 10%;
    height: 1px;
    background-color: #004080;
    margin: 0 auto;
}
.curso{
    background: linear-gradient(45deg, #004B87, #69B3E7);
    border: 0px;
    border-radius: 20px;
}
.textosec2P{
    color: #ffffff;
}
.contP{
    height: 50%;
    border-radius: 20px;
}
.hidden-cursos {
    display: none; /* Oculta los videos inicialmente */
    margin-right: 10px;
    font-family: "Helvetica-Md", sans-serif;
    font-size: 16px;
}
.cursos-down {
    text-align: center;
    cursor: pointer;
    font-size: 24px;
    margin-top: 15px;
    color: #004080;
}
.sec3_pac{
    background: linear-gradient(45deg, #004B87, #69B3E7);
}
.titulo_1_P1{
    font-family: "Vollkorn", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    color: #ffffff;
    text-align: center;
}
.subrayado2 {
    width: 10%;
    height: 1px;
    background-color: #ffffff;
    margin: 0 auto;
}
.containercal{
    width: 80%;
    margin: 0 auto;
}
.img-calendario {
    width: 100%;
    height: auto;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
}
.img-calendario:hover {
    transform: scale(1.07);
}
.Titulo2P{
    font-family: "Vollkorn", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    color: #ffffff !important;
    text-align: left;

}
.cursoT{
    width: 80%;
    margin: 0 auto;
    text-align: left;
    /*border:2px solid #ffffff;*/
}
.sec4_pac{
    background-color: #ffffff;
}
.contenidoSec4{
    width: 90%;
    margin: 0 auto;
    text-align: left;
}
.titulo_1_Psec4{
    font-family: "Vollkorn", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    color: #004B87;
    
}
.contactoPAC{
    background: linear-gradient(45deg, #004B87, #69B3E7);
    width: 90%;
    border-radius: 15px;
    margin: 0 auto;
}

/*Capacitación*/
.subrayado3 {
    width: 15%;
    height:2px;
    background-color: #004B87 !important;
    margin-left: 0;
}
.sec2_pac_c{
    background: linear-gradient(30deg, #e6e6e6,#ffffff);
}
.sec2_pac_c{
    background: linear-gradient(30deg, #e6e6e6,#ffffff);
}
.sec4_pdp{
    background: linear-gradient(30deg, #e6e6e6,#ffffff);
}
.sec4_cap{
    background: linear-gradient(30deg, #e6e6e6,#ffffff);
}
.hidden-galeria {
    display: none; /* Oculta las imagenes inicialmente */
    margin-right: 10px;
    font-family: "Helvetica-Md", sans-serif;
    font-size: 16px;
}
.sec2_pac_pdp{
    background-color: #ffffff;
    text-align: center;
}

/*Filosofía*/
.sec2_pac_f{
    background-color: #ffffff;
    text-align: center;
    border: none;
}
.container_f{
    width: 90%;
    margin: 0 auto;
    border: none !important;
}
.card_F{
    border: none !important;
}
.imgF{
    width: 100%;
}

/*Organigrama*/
.organigrama{
    width: 90%;
    margin: 0 auto;

}
.organigrama img{
    margin: 0 auto;
    width: 90%;
}

/*Obligaciones*/
.titulo_1_O{
    font-family: "Vollkorn", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    color: #004B87;
    text-align: left;
}
.titulo_2_O{
    font-family: "Helvetica-Roman", sans-serif;
    font-size: 20px;
    color: #333333 !important;
    text-align:left;
}
.titulo_2_M{
    font-family: "Helvetica-Roman", sans-serif;
    font-size: 26px;
    color: #333333 !important;
    text-align:left;
}
.titulo_4_M{
    font-family: "Helvetica-Roman", sans-serif;
    font-size: 22px;
    color: #004B87 !important;
    text-align:left;
}
.texto_M{
    font-family: "Helvetica-Roman", sans-serif;
    font-size: 18px;
    color: #333333 !important;
    text-align:left;
}
.titulo_3_O{
    font-family: "Helvetica-Roman", sans-serif;
    font-size: 20px !important;
    color: #ffffff !important;
    text-align:center;
    background: linear-gradient(45deg, #004B87, #69B3E7);
}
.titulo_4_O_F{
    font-family: "Helvetica-Roman", sans-serif;
    font-size: 20px;
    text-align:center;
}
.fondo_titulo{
    background: linear-gradient(45deg, #004B87, #69B3E7);
}
.table_border{
    border: 5px solid #004B87 !important;
}
.iconoOT{
    color: #004B87 !important;
}
.textoOT{
    color: #004B87 !important;
    font-family: "Helvetica-Roman", sans-serif;
    font-size: 18px;
}
.btnazulOT{
    align-self: center;
    color: white;
    /*position: absolute;
    top:320px;*/
    background: linear-gradient(45deg, #2196F3, #00D0FF);
    padding: 10px 10px;
    border-radius: 10px;
    display: inline-block;
    font-family: "Helvetica", sans-serif !important;
    font-size: 14px;
    max-width: 200px !important;
}
.Fide{
    font-family: "Helvetica-Roman", sans-serif;
    font-size: 16px !important;
    color: #ffffff !important;
    text-align:center;
    background: linear-gradient(45deg, #004B87, #69B3E7);
}
.Fide1{
    background: #ffffff !important;
    color: #004B87;
    font-family: "Helvetica-Roman", sans-serif;
    font-size: 16px !important;
    text-align:center;
}

.btn-custom_1 {
    background: linear-gradient(45deg, #2196F3, #00D0FF);
    color: white;
    padding: 8px;
    border-radius: 10px;
    display: inline-block;
    
    text-decoration: none;
    font-family: "Helvetica", sans-serif !important;
    align-self:center;
    font-size: 18px;
    
}
.bs-callout-info {
    border-left-color: #004B87 !important;
}

/*FIDEICOMISOS*/
.accordion {
      width: auto;
      margin: 30px auto;
      border-radius: 8px;
      font-family: "Helvetica", sans-serif !important;
    }

    .accordion-section {
      border-top: 1px solid #004B87;
      border-radius: 8px;
    }

    .accordion-header {
      background: linear-gradient(45deg, #004B87, #69B3E7);
      border: 1px solid #004B87;
      cursor: pointer;
      padding: 20px;
      font-weight: bold;
      transition: background-color 0.3s ease;
      color: #ffffff;
      border-radius: 8px;
    }

    .accordion-header:hover {
      background-color: #eee;
    }

    .accordion-content {
      overflow: hidden;
      height: 0;
      padding: 0 15px;
      background-color: #fff;
      transition: height 0.4s ease;
    }

    .accordion-content-inner {
      padding: 20px 0;
    /*border: 1px solid #004087;*/
    }
    .accordion-section h5{
        text-align: center;
    }

    .nav-link.active {
    color: #ffffff !important;
    /*background-color: yellow;*/
    font-weight: bold;
    background-color: #004B87 !important;
    }

    .nav-link{
        color: #004B87 !important;
    }
    .nav-link i{
        color: #004B87 !important;
    }
    .nav-item:hover a:hover i,
    .nav-item:hover a i{
        color: #FFFFFF !important;
    }
    .nav-item:hover a:hover,
    .nav-item:hover a{
        color: #FFFFFF !important;
    }
    .nav-item:hover .dropdown-menu a{
        color: #004B87 !important;
    }
    .nav-item:hover .dropdown-menu li:hover a{
        color: #FFFFFF !important;
    }


/* Estilos mejorados sección de OT */
    .container {
        max-width: 1500px;
    }
    .card {
        transition: transform 0.2s ease-in-out;
    }
    .card:hover {
        transform: scale(1.03);
    }
    iframe {
        border: none;
        width: 100%;
        height: 500px;
    }

    #ab84c17a{
        height: 90px !important;
    }

    #ae2efcb6{
        height: 250px !important;
    }

    .tabla-contenido {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .tabla-contenido .item {
        width: 200px;
        align-content: center;
        transition: transform 0.3s;
        padding: 10px !important;
    }
    .tabla-contenido .item img {
        width: 120%;
        padding: 0px 0px 0px 15px !important;
    }
    .tabla-contenido .item:hover {
            transform: scale(1.8);
    }
    .tabla-contenido .item i {
        font-size: 35px;
        color: #FFFFFF !important;
    }
    .tabla-contenido .item p {
        margin-top: 8px;
        font-size: 14px;
        color: #FFFFFF !important;;
    }
    .tabla-contenido .item a{
        text-decoration: none;
    }
    .tabla-contenido .item h5 {
        margin-top: 8px;
        font-size: 14px;
        color: #FFFFFF !important;
        
    }
    /*.tabla-contenido .item {
        width: 140px;
        margin: 10px;
        text-align: center;
        background: linear-gradient(45deg, #004B87, #69B3E7);
        padding: 15px;
        border-radius: 8px;
        box-shadow: 0 2px 4px #333333;
        transition: transform 0.3s;
    }*/
    .tabla-contenido .items {
        width: 140px;
        margin: 10px;
        text-align: center;
        background: linear-gradient(45deg, #004B87, #69B3E7);
        padding: 15px;
        border-radius: 8px;
        box-shadow: 0 2px 4px #333333;
        transition: transform 0.3s;
    }

    .tabla-contenido .items:hover {
            transform: scale(1.5);
    }
    .tabla-contenido .items i {
        font-size: 35px;
        color: #FFFFFF !important;
    }
    .tabla-contenido .items p {
        margin-top: 8px;
        font-size: 14px;
        color: #FFFFFF !important;;
    }
    .tabla-contenido .items a{
        text-decoration: none;
    }
    .tabla-contenido .items h5 {
        margin-top: 8px;
        font-size: 14px;
        color: #FFFFFF !important;
        
    }
    .titulo_OT {
        width: 80% !important;
        margin: 0 auto !important;
    }

    .siglas{
        font-size: 12px !important;
    }

    .banner-container {
        width: 100%;
        /*max-width: 1200px; /* límite opcional del ancho */
        margin: 0 auto; /* centra el banner */
        overflow: hidden;
        border-radius: 10px; /* opcional */
    }
    .BanPro{
        width: 100%;
    }