:root {
    --cdab-color-brand-dark:        #0E354D;
    --cdab-color-brand-main:        #1F79A2;
    --cdab-color-brand-light:       #63BBE2;
    --cdab-color-brand-strong:      #0062A5;
    --cdab-color-brand-alt:         #1F79A2;

    --cdab-color-neutral-bluegray:  #678791;
    --cdab-color-neutral-warm:      #958B71;

    --cdab-color-bronze:            #B57F3F;
    --cdab-color-gold-main:         #DF9525;
    --cdab-color-gold-strong:       #EB8623;
    --cdab-color-gold-bright:       #F5CC37;

    --cdab-color-orange-dark:       #CC5026;

    --cdab-color-danger-light:      #F95151;
    --cdab-color-danger-dark:       #B03524;

    --cdab-gradient-duo: linear-gradient(
        90deg,
        #F5CC37 0%,
        #F95151 100%
    );
    --cdab-gradient-rainbow: linear-gradient(
        90deg,
        #0062A5 0%,
        #207BA2 9.21%,
        #678791 34.69%,
        #958B71 52.56%,
        #B57F3F 65.97%,
        #EB8623 78.04%,
        #CC5026 89.21%,
        #B03524 100%
    );
    --cdab-gradient-rainbow-inv: linear-gradient(
        90deg,
        #B03524 0%,
        #CC5026 10.78%,
        #EB8623 21.95%,
        #B57F3F 34.02%,
        #958B71 47.43%,
        #678791 65.30%,
        #207BA2 90.78%,
        #0062A5 100%
    );
    --cdab-gradient-footer:linear-gradient(
        45deg,
        #B03524 0%,
        #EB8623 29%,
        #207BA2 62%,
        #0062A5 77%
    );
}
html {
    font-size: 16px;
    margin: 0 auto;
    max-width: 1366px;
    background-color: var(--cdab-color-brand-dark);
}
/* Estilo header */
.cdab-bord-top{
    width: 100%;
    min-height: 10px;
    background: var(--cdab-gradient-rainbow);
}
header {
    background-image: url("../img/web/fondo_header.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.cdab-deco-header{
    position: absolute;
    width: 15.52vw;
    min-width: 100px;
    top: 10px;
    right: 0;
}       

/* Estructura header */
.cdab-contenedor-header {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto auto auto;
    padding-top:22px;
}
.cdab-logo {
    grid-column: 1;
    grid-row: 1;
    padding-left: 10px;
    padding-right: 15px;
    padding-bottom: 10px;
    width: max-content;
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: flex-end;
}
.cdab-menu-top {
    grid-column: 2;
    grid-row: 1;
    padding-right: 20px;
    display: flex; 
    flex-direction: column; 
    justify-content: top;
}
.cdab-redes {
    grid-column: 1 / span 2;
    grid-row: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.cdab-menu-bottom {
    grid-column: 1 / span 2;
    grid-row: 3;
}

/* Logo e información */
.cdab-logo img{
    min-width: 121px;
    width: 21.16vw;
}
.cdab-menu-top span:nth-child(1) {
    font-size: 0.62rem;
    line-height: 0.7rem;
    font-family: "GothamBold";
    color: #fff;
}
.cdab-menu-top span:nth-child(2) {
    font-size: 0.53rem;
    line-height: 0.7rem;
    font-family: "GothamBold";
    color: #fff;
}
.cdab-menu-top span:nth-child(3) {
    font-size: 0.42rem;
    line-height: 0.7rem;
    font-family: "GothamBook";
    color: #fff;
    opacity: 0.5;
}
.block-anios{
    display: flex; 
    flex-direction: column; 
    justify-content: center;
    background-color: #F5CC37;
    color: #0E354D;
    width: 150px;
    font-size: 0.42rem;
    font-family: "GothamBook";
    padding: 2px 10px;
    margin-top: 2px;
}
.block-anios span:nth-child(1) {
    font-size: 0.65rem;
    font-family: "GothamBold";
    color: #0E354D;
}
.block-anios span:nth-child(2) {
    font-size: 0.65rem;
    font-family: "GothamBold";
    color: #0E354D;
}

/* Menu */
.cdab-navbar {
    background: inherit;
    position: relative;
    text-transform: uppercase;
}
.cdab-menu-toggle {
    background: none;
    border: none;
    color: #fff;
    font-size: 1.5rem;
    padding: 2px 10px;
    cursor: pointer;
}
.cdab-nav {
    list-style: none;
    margin: 0;
    padding: 0px 12px;
    display: none;
}
.cdab-navbar.open .cdab-nav {
    display: block;
}
.cdab-nav a {
    font-family: "GothamMedium";
    display: block;
    padding: 14px 0px;
    color: #fff;
    text-decoration: none;
    font-size: 0.8rem;
    line-height: 0.8rem;
    letter-spacing: -0.015rem;
}
.cdab-nav a:hover {
    color: var(--cdab-color-gold-bright);
}
.cdab-nav > li:not(:last-child) {
    border-bottom: 2px solid;
    border-image-source: var(--cdab-gradient-rainbow);
    border-image-slice: 1;
    border-image-outset: 0;
    border-image-repeat: stretch;
}
.cdab-nav .activo > a{
    color: var(--cdab-color-gold-bright)!important;
}
.submenu {
    list-style: none;
    display: none;
    padding-left: 10px;
}
.submenu > li > a{
    padding: 6px 0px;
    text-transform: none;
    font-size: 0.75rem;
    line-height: 1rem;
    letter-spacing: -0.015rem;
}
.submenu > li:not(:last-child) {
    border-bottom: 2px solid var(--cdab-color-neutral-bluegray);
}
.has-sub.open > .submenu {
    display: block;
}
.has-sub > a::after {
    content: "\f0d7";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    float: right;
    opacity: 0.7;
}
.has-sub.open > a::after {
    transform: rotate(180deg);
}
.has-sub > a::after {
    transition: transform 0.2s ease;
}

/* input buscar */
.cdab-redes a{
    text-decoration: none;
}
.cdab-redes-ic{
    padding-bottom: 18px;
}
.search-container {
    display: flex;
    align-items: center;
    background: #f4f9fd;
    border-radius: 20px;
    padding: 5px 5px 5px 5px;
    width: 213px;
    box-shadow: 0 4px 0px #A5B5F2;
}
.search-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.7rem;
    min-width: 1.350rem;
    min-height: 1.350rem;
    border-radius: 50%;
    background-color: var(--cdab-color-brand-strong);
    color: #fff;
    
}
.search-input {
    flex:1;
    border: none;
    outline: none;
    background: transparent;
    color: #B3B3B3;
    font-size: 0.8125rem;
    font-family: "GothamMedium";
    min-width: 100px;
    margin-left: 4px;
}
.search-input::placeholder {
    color: #B3B3B3;
    font-size: 0.8125rem;
}
.clear-btn {
    display: flex;
    border: none;
    background: transparent;
    cursor: pointer;
    font-size: 0.7rem;
    color: #B3B3B3;
    border-left: 1px solid #B3B3B3;
}
.clear-btn:hover {
    color: #333;
}

/* Slider */
.slider {
    position: relative;
    width: 100%;
    overflow: hidden;
}
.slides {
    display: flex;
    transition: transform 0.6s ease-in-out;
}
.slide {
    min-width: 100%;
    position: relative;
}
.slide img {
    width: 100%;
    height: 350px;
    object-fit: cover;
    display: block;
}
.slide-text {
    position: absolute;
    bottom: 40px;
    left: 0;
    color: white;
    font-size: 1rem;
    font-family: "GothamBold";
    border-left: 6px solid var(--cdab-color-gold-main);
    min-height: 70px;
    display: flex;
}
.slide-text span {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 12px 16px;
    height: 70px;
    background-color: var(--cdab-color-brand-dark);
    opacity: 0.85;
}
.dots {
    position: absolute;
    bottom: 12px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 6px;
    padding: 6px 12px;
    border-radius: 50px;
}
.dot {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: var(--cdab-color-brand-dark);
    cursor: pointer;
    transition: 0.3s;
}
.dot.active {
    background: var(--cdab-color-gold-bright);
    transform: scale(1.2);
}

.cdab-linea-degradado{
    width: 100%;
    max-width: initial;
    height: 6px;
    background: var(--cdab-gradient-rainbow);
}

/* Novedades */
.cdab-novedades {        
    padding-top: 37px;        
}
.novedades-title {
    display: flex;
    align-items: center;
    padding-left: 0px;
    justify-content: center;
}
.novedades-title img{
    display: none;
}
.novedades-title span {
    padding-left: 0px;
    font-family: "GothamBold";
    font-size: 1.5rem;
    line-height: 1.75rem;
    color: #000;
    letter-spacing: -0.015rem;
}
.cdab-noti-novedades {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 30px;
    padding: 2rem 1rem;

}
.cdab-noti-novedades a{
    text-decoration: none;
}

.cdab-nota {
    display: flex;
    flex-direction: column;
}

.cdab-nota-img {
    width: 100%;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    max-height: 220px;
}

.cdab-nota-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.cdab-nota-categoria {
    font-family: "GothamMedium";
    margin-top: 1rem;
    font-size: 0.875rem;
    line-height: 1.125rem;
    color: #808080;
}

.cdab-nota-titulo {
    font-family: "GothamBold";
    margin-top: 0.5rem;
    font-size: 1.375rem;
    line-height: 1.625rem;
    color: var(--cdab-color-brand-strong);
}

/* Consultas */
.cdab-cnt-consultas {
    display: grid;
    gap: 20px;
    padding: 20px;
    background: var(--cdab-color-brand-light);
    margin-bottom: 25px;
}

/* consulta izq */
.cdab-consulta-box {
    background: var(--cdab-color-brand-strong);
    display: flex;
    flex-direction: column;
}

.cdab-consulta-title {
    color: #fff;
    font-family: "GothamBold";
    font-size: 23px;
    line-height: 26px;
    background-color: var(--cdab-color-brand-dark);
    padding: 0px 20px;
    min-height: 78px;
    display: flex;
    align-items: center;
}

.cdab-consulta-box label {
    font-family: "GothamBold";
    color: var(--cdab-color-gold-bright);
    font-size: 17px;
    line-height: 21px;
    margin-top: 10px;
    margin-bottom: 0px;
    padding: 0px 20px;
}

.cdab-consulta-box input {
    background-color: #e6e6e6;
    height: 45px;
    padding: 0 10px;
    border: none;
    margin: 10px 20px 0px 20px;
}

.cdab-btn-buscar {
    font-family: "GothamBold";
    font-size: 20px;
    line-height: 21px;
    margin: 30px auto;    
    background-color: var(--cdab-color-gold-bright);
    border: none;
    border-radius: 8px;
    cursor: pointer;
    width: 133px;
    height: 49px;
    box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.25);
}

/* Consulta centro */

.cdab-consulta-links {
    display: grid;
    grid-template-columns: 1fr;
    gap: 5px 20px;
}

.cdab-link-box {
    background: var(--cdab-color-brand-light);
    border: 2px solid var(--cdab-color-brand-strong);
    min-height: 69px;
    padding: 4px;
    text-decoration: none!important;
}
.cdab-link{
    background-color: var(--cdab-color-brand-strong);
    color: #fff;
    font-family: "GothamBold";
    font-size: 19px;
    line-height: 19px;
    display: flex;
    height: 100%;
    padding: 0px 8px;
    align-items: center;    
}
.cdab-link img{
    width: 40px;
}
.cdab-link > span{
    margin-left: 8px;
}
.cdab-link .span-link{
    display: flex;
    flex-direction: column;
    margin-left: 8px;
}
.cdab-link small{
    font-family: "GothamBold";
    font-size: 17px;
    line-height: 19px;
    color: var(--cdab-color-brand-light);
}

/* ========================= */
/* CONSULTA MINIMA          */
/* ========================= */

.cdab-consulta-minima {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}

.cdab-consulta-minima h3 {
    background: var(--cdab-color-brand-dark);
    color: #fff;
    text-align: center;
    font-family: "GothamBold";
    font-size: 23px;
    line-height: 26px;
    padding: 0px 20px;
    min-height: 53px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
}

.cdab-minima-box {
    background: var(--cdab-color-brand-strong);
    padding: 12px;
    text-align: center;    
}
.cdab-minima-box-int{
    background-color: #fff;
    padding: 12px;
}
.cdab-minima-box-int span{
    font-family: "GothamMedium";
    font-size: 17px;
    line-height: 21px;
    display: block;
}
.cdab-minima-box-int strong{
    font-family: "GothamBold";
    font-size: 25px;
    line-height: 28px;
    display: block;
}

.cdab-minima-precio {
    background: var(--cdab-color-gold-bright);
    font-family: "GothamBold";
    font-size: 36px;
    line-height: 43x;
    color: #000;
    padding: 2px 0px;
    margin-top: 10px;
}

/* Consulta matricula */
.cdab-cnt-consultas-matricula{
    background-color: #63BBE2;
    display: grid;
    grid-template-columns: 1fr;
    gap: 5px 20px;
    padding: 20px;
}
/* Contenedor */
.consulta-container{
    width:100%;
    margin:auto;
    background:#0D65A6;
}

/* Encabezado */
.consulta-header{
    background:#173A52;
    padding: 10px 14px;
}

.consulta-header h1{
    margin:0;
    color:#fff;
    font-family:"GothamBold";
    font-size:16px;
    font-weight:700;
    line-height:1.1;
    text-align: center;
}

/* Cuerpo */
.consulta-body{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:8px 7px 12px;
}

/* Formulario */
.formulario{
    flex:1;
    margin-right:10px;
}

.fila{
    display:flex;
    align-items:center;
    justify-content: center;
    margin-bottom:5px;
}

.fila:last-child{
    margin-bottom:0;
}

/* Etiquetas */
.fila label{
    width:72px;
    color:#F5CC37;
    font-family:'GothamMedium';
    font-size:10px;
    font-weight:500;
    text-transform:uppercase;
    margin: 0px;
}

/* Inputs */
.fila input{
    flex:1;
    height:25px; 
    padding:0 7px;
    border:none;
    outline:none;
    background:#ECECEC;
    font-size:10px;
    font-family:'GothamBook';
    color:#444;
}

.fila input::placeholder{
    color:#999;
}

/* Botón */
.btn-buscar{
    width:63px;
    height:25px;
    border:none;
    border-radius:4px;
    background:#F5CC37;
    color:#0F2F4A;
    font-family:'GothamBold';
    font-size:10px;
    font-weight:700;
    cursor:pointer;

    box-shadow:2px 2px 0 rgba(0,0,0,.25);
    transition:.2s;
}

.btn-buscar:hover{
    transform:translateY(-1px);
}

.btn-buscar:active{
    transform:translateY(1px);
    box-shadow:1px 1px 0 rgba(0,0,0,.25);
}

.cdab-link-box-sm {
    background: var(--cdab-color-brand-light);
    border: 2px solid var(--cdab-color-brand-strong);
    min-height: 30px;
    padding: 2px;
    text-decoration: none!important;
}
.cdab-link-sm{
    background-color: var(--cdab-color-brand-strong);
    color: #fff;
    font-family: "GothamBold";
    font-size: 8px;
    line-height: 8px;
    display: flex;
    height: 100%;
    padding: 0px 8px;
    align-items: center;    
}
.cdab-link-sm img{
    width: 20px;
}
.cdab-link-sm > span{
    margin-left: 8px;
}
.cdab-link-sm .span-link{
    display: flex;
    flex-direction: column;
    margin-left: 8px;
}
.cdab-link-sm small{
    font-family: "GothamBold";
    font-size: 8px;
    line-height: 8px;
    color: var(--cdab-color-brand-light);
}
.show-sm-consulta{
    display: none;
}

.cdab-web-anterior {
    /* margin-top: 14px;    */
    text-decoration: none!important;
}
.cdab-web-anterior .cdab-link{
    background: var(--cdab-color-brand-dark);
}

/* colegio accion */
.cdab-colegio {        
    padding-top: 37px;  
    background-color: var(--cdab-color-brand-strong);      
}
.colegio-title {
    display: flex;
    align-items: center;
    padding-left: 0px;
    justify-content: center;
}
.colegio-title img{
    display: none;
}
.colegio-title span {
    padding-left: 0px;
    font-family: "GothamBold";
    font-size: 1.5rem;
    line-height: 1.75rem;
    color: var(--cdab-color-gold-bright);
    letter-spacing: -0.015rem;
}
.cdab-noti-colegio {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 20px;
    padding: 2rem 1rem;

}
.cdab-noti-colegio a{
    text-decoration: none;
}

.cdab-col-nota {
    display: flex;
    flex-direction: column;
}
.cdab-col-nota .video-container{
    align-self: center;
}

.video-container {
    position: relative;
    width: 100%;
    max-width: 563px;
    height: 340px;
}

.video-container iframe {
    width: 100%;
    height: 100%;
}

.cdab-nota-col-categoria {
    font-family: "GothamMedium";
    margin-top: 1rem;
    font-size: 0.875rem;
    line-height: 1.125rem;
    color: var(--cdab-color-gold-bright);
}

.cdab-nota-col-titulo {
    font-family: "GothamBold";
    margin-top: 0.5rem;
    font-size: 1.375rem;
    line-height: 1.625rem;
    color: #fff;
}
.linea_colegio{
    display: none;
}

/* slider 2 */
.cdab-slider{
    position: relative;
    width: 100%;
    overflow: hidden;
}

.sl2-slides{
    display: flex;
    transition: transform .6s ease;
}

.sl2-slide{
    min-width: 100%;
    position: relative;
    display:block;
}

.sl2-slide > img{
    width:100%;
    height:280px;
    object-fit:cover;
    display:block;
}

.sl2-caption{
    position:absolute;
    top:60%;
    width:100%;
    min-height: 60px;
    background:rgba(14,53,77,.80);
    color:#fff;

    display:flex;
    align-items:center;
    justify-content: center;
    gap:10px;

    padding:0px 20px;
    font-size:.9rem;
}
   
.sl2-link{
    text-decoration:none!important;
    color:#fff;
}
.sl2-link:hover{
    color: var(--cdab-color-brand-light)
}

.sl2-link span{
    display: flex;
    flex:1;
    text-align: center;
    padding:10px 20px;
}

.sl2-nav{
    border:none;
    background:none;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
}

.sl2-nav img{
    width:32px;
}

.sl2-atras img{
    transform: rotate(180deg);
}
/* footer */
.cdab-footer{
    padding-top: 20px;
    border-bottom: 20px solid var(--cdab-color-brand-dark);
}
footer{
    min-height: 320px;
    background: var(--cdab-gradient-footer);
    color:white;
    padding:20px;
}
.cnt-footer{
    display:grid;
    grid-template-columns:1fr;
    gap:20px;
}

/* texto */
.footer-info{
    display: flex;
    flex-direction: column;
    font-family: "GothamBold";
    font-size:14px;
    line-height:1;
}

.footer-info strong{
    font-family: "GothamMedium";
    font-size:16px;
    color: var(--cdab-color-brand-dark);
}

/* redes */
.footer-redes{
    display:flex;
    justify-content:center;
    gap:10px;
}

.footer-redes img{
    width:28px;
}

/* logo */
.footer-logo{
    text-align:center;
}

.footer-logo img{
    max-width:200px;
}

/* PAGINAS ESTILOS COMPARTIDOS*/
/* Novedades */
.pagina-title {
    display: flex;
    align-items: center;
    padding-left: 0px;
    justify-content: center;
    padding-bottom: 37px;
    padding-top: 37px; 
}
.pagina-title img{
    display: none;
}
.pagina-title span {
    padding-left: 0px;
    font-family: "GothamBold";
    font-size: 1.5rem;
    line-height: 1.75rem;
    color: #000;
    letter-spacing: -0.015rem;
}

/* autoridades */
.autoridades{
    margin:auto;
    padding:20px 25px;
}

.autoridades h2{
    font-size:28px;
    color:var(--cdab-color-brand-strong);
    font-family:"GothamBold";
    text-align:left;
    margin-bottom:15px;
}

.autoridades-grid{
    display:grid;
    grid-template-columns:1fr;
    gap:20px;
}

.col h3{
    font-family:"GothamBold";
    font-size:20px;
    color:var(--cdab-color-orange-dark);
    margin-bottom:10px;
}

.col p{
    font-family:"GothamBook";
    font-size:16px;
    margin-bottom:10px;
}

.col p strong{
    font-family:"GothamBold";
    font-size:17px;
}

.autoridades-fotos{
    margin-top:20px;
    display:grid;
    grid-template-columns:1fr;
    gap:12px;
}

.autoridades-fotos img{
    width:100%;
    height:240px;
    border-radius:6px;
    object-fit:cover;
}

/* paginado */
.custom-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.custom-pagination a,
.custom-pagination span {
    font-size: 12px;
    font-family: "GothamMedium";
    text-decoration: none;
    color: var(--cdab-color-neutral-bluegray);
}

.custom-pagination .active {
    color: var(--cdab-color-brand-dark);
}

.custom-pagination img {
    width: 24px;
    height: 24px;
}
.custom-pagination .disabled {
    opacity: 0.4;
}
.arrow-flip {
    transform: rotate(180deg);
}
.bg-celeste-claro{
    background-color: rgba(99, 187, 226, 0.2)!important;
}

@media (min-width: 576px) {
    .cdab-contenedor-header {
        grid-template-columns: 1fr 1fr;
    }    
    .cdab-menu-top {
        justify-content: center;
    }
}

@media (min-width: 768px) {
    /* Novedades */
    .novedades-title{
        justify-content: left;
        padding-left: 35px;
    }    
    .novedades-title img{
        display: block;
    }
    .novedades-title span {
        padding-left: 8px;
        font-size: 1.875rem;
        line-height: 2.125rem;
    }
    .cdab-noti-novedades {
        padding: 35px;
    }
    .cdab-nota-categoria {
        margin-top: 1rem;
        font-size: 0.95rem;
        line-height: 1.25rem;
    }
    .cdab-nota-titulo {
        margin-top: 1rem;
        font-size: 1.625rem;
        line-height: 1.875rem;
    }

    /* consultas */
    .cdab-consulta-links {
        grid-template-columns: repeat(2, 1fr);
    }

    /* colegio accion */
    .colegio-title{
        justify-content: left;
        padding-left: 35px;
    }    
    .colegio-title img{
        display: block;
    }
    .colegio-title span {
        padding-left: 8px;
        font-size: 1.875rem;
        line-height: 2.125rem;
    }
    .cdab-noti-colegio {
        padding: 35px;
    }
    .cdab-nota-col-categoria {
        margin-top: 1rem;
        font-size: 0.95rem;
        line-height: 1.25rem;
    }
    .cdab-nota-col-titulo {
        margin-top: 1rem;
        font-size: 1.625rem;
        line-height: 1.875rem;
    }
    /* slider 2 */
    .sl2-slide > img{
        height:600px;
    }

    .sl2-caption{
        top:70%;
        font-size:35px;
        min-height: 100px;
        line-height: 40px;
        color: #fff;
        font-family: "GothamBold";
    }

    /* PAGINAS ESTILOS COMPARTIDOS*/
    .pagina-title{
        justify-content: left;
        padding-left: 35px;
    }    
    .pagina-title img{
        display: block;
    }
    .pagina-title span {
        padding-left: 8px;
        font-size: 1.875rem;
        line-height: 2.125rem;
    }
    /* autoridades */
    .autoridades{
        padding:35px;
    }

    .autoridades-grid{
        grid-template-columns:1fr 1fr;
    }

    .autoridades h2{
        font-size:40px;
    }

    .col h3{
        font-size:22px;
    }

    .col p{
        font-size:18px;
    }

    .col p strong{
        font-size:20px;
    }

    .autoridades-fotos{
        grid-template-columns:1fr 1fr;
    }

    .autoridades-fotos img{
        height:300px;
    }
    /* paginado */
    .custom-pagination a,
    .custom-pagination span {
        font-size: 16px;
    }
    .custom-pagination img {
        width: 24px;
        height: 24px;
    }
}

@media (min-width: 992px) {
    /* Estilo header */
    .cdab-bord-top{
        height: 20px;
    }
    .cdab-deco-header{
        top: 20px;
    }

    /* Estructura header */
    .cdab-contenedor-header {
        grid-template-columns: auto 1fr auto;
        grid-template-rows: auto auto;
    }

    .cdab-logo {
        grid-column: 1;
        grid-row: 1 / span 2;
        padding-left: 24px;
        padding-bottom: 24px;
    }
    .cdab-menu-top {
        grid-column: 2;
        grid-row: 1;
        justify-content: end;
    }

    .cdab-menu-bottom {
        grid-column: 2;
        grid-row: 2;
        display: flex;
        align-items: center;
    }

    .cdab-redes {
        grid-column: 3;
        grid-row: 1 / span 2;
        display: flex;
        padding-top: 20px;
        padding-right: 10px;
        flex-direction: column;
        align-items: center;
        justify-content: flex-end;
        padding-bottom: 22px;
    }

    /* Menu */
    .cdab-menu-toggle {
        display: none;
    }

    .cdab-nav {
        display: flex;
        gap: 10px;
        padding: 0px;
    }

    .cdab-nav > li{
        position: relative;
    }

    .cdab-nav > li:not(:last-child) {                
        border: none;
    }    

    .cdab-nav a {
        padding: 0;
        font-size: 0.875rem;
        line-height: 1.5;
        letter-spacing: -0.015rem;               
    }
    
    .submenu {
        position: absolute;
        top: 100%;
        left: 0;
        background: var(--cdab-color-brand-strong);
        min-width: 250px;
        padding: 16px;
        display: none;
        z-index: 100;
    }

    .submenu li {
        position: relative;    
        padding: 0px;                         
    }

    .submenu > li > a{
        padding: 4px 0px 4px 4px;
        font-size: 0.75rem;
        line-height: 1rem;
        letter-spacing: -0.015rem;
    }    
    
    .submenu > li:not(:last-child) {
        border-bottom: 2px solid;
        border-image-source: var(--cdab-gradient-rainbow-inv);
        border-image-slice: 1;
        border-image-outset: 0;
        border-image-repeat: stretch;
    }

    .submenu .submenu {
        top: 0;
        left: 100%;
    }

    .has-sub:hover > .submenu {
        display: block;
    }       
    
    .submenu a:hover {
        color: #fff;
        background: var(--cdab-gradient-rainbow-inv);
    }
    .cdab-nav > .has-sub > a::after {
        content: "\f0d7";
        margin-left: 8px;
    }
    .submenu .has-sub a::after {
        content: "\f0d7";
        transform: rotate(-90deg);
        float: right;
    }
    .cdab-nav > .has-sub.open > a::after {
        transform: none;
    }
    /* colegio accion */
    .cdab-noti-colegio {
        padding: 35px;
        flex-direction: row;
    }
    .cdab-col-nota .video-container{
        align-self: flex-start;
    }
    .linea_colegio{
        display: block;
        margin-top: -37px;
        margin-bottom: 37px;
    }
    /* slider 2 */
    .sl2-nav img{
        width:60px;
    }
    /* footer */
    /* texto */
    .footer-info{
        font-size:16px;
    }
    .footer-info strong{
        font-size:19px;
    }

    /* paginado */
    .custom-pagination a,
    .custom-pagination span {
        font-size: 32px;
    }
    .custom-pagination img {
        width: 42px;
        height: 42px;
    }
    /* Consulta matricula */
    .hide-sm-consulta{
        display: none!important;
    }
    .show-sm-consulta{
        display: flex;
    }
    .cdab-cnt-consultas-matricula{
        background-color: #fff;
        display: flex;
    }
    .cdab-link-box-sm {
        background: white;
        border: 2px solid var(--cdab-color-brand-strong);
        min-height: 30px;
        padding: 2px;
        text-decoration: none !important;
    }
    .fot-links-consultas{
        min-width: 350px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    
    .consulta-container {
        display: flex;
    }
    .consulta-header {
        padding: 25px 10px 25px 20px;
        display: flex;
        justify-content: center;
        align-items: center;    
        min-width: 200px;    
    }
    .consulta-header h1 {
        font-size: 20px;
        text-align: right;       
    }
    .consulta-body {
        display: flex;
        flex: 1;
        padding: 0px 25px 20px 10px;
        justify-content: flex-end;
        align-items: end;
    }
    .fila label {
        width: 100px;
        font-size: 14px;
    }
}

@media (min-width: 1200px) {                  
    .cdab-deco-header{
        width: auto;
        max-width: 212px;
    }
    .cdab-logo {
        padding-left: 66px;
        padding-bottom: 24px;
    }
    .cdab-logo img{
        width: auto;
        max-width: 290px;
    }
    .cdab-nav a {
        font-size: 1rem;
        line-height: 1.5;              
    }
    .submenu {
        min-width: 330px;
    }
    .submenu > li > a{
        padding: 4px 0px 4px 4px;
        font-size: 0.875rem;
        line-height: 1.5;
        letter-spacing: -0.015rem;
    }  

    /* Slider */
    .slide img {
        height: 600px;
    }
    .slide-text {
        bottom: 86px;
        font-size: 2.25rem;
        border-left: 13px solid var(--cdab-color-gold-main);
        min-height: 110px;
    }
    .slide-text span {
        padding: 25px;
        height: 110px;
    }
    .dots {
        bottom: 20px;
        gap: 10px;
        padding: 8px 16px;
    }
    .dot {
        width: 24px;
        height: 24px;
    }
    .cdab-linea-degradado{
        max-width: 338px;
        height: 13px;
    }

    /* Novedades */
    .novedades-title {
        padding-left: 2.312rem;
    }
    .novedades-title span {
        padding-left: 10px;
        font-size: 2.1875rem;
        line-height: 2.5rem;
        letter-spacing: -0.015rem;
    }
    .cdab-nota-categoria {
        font-size: 1.0625rem;
        line-height: 1.3125rem;
    }
    .cdab-nota-titulo {
        font-size: 1.9375rem;
        line-height: 2.125rem;
    }
    /* consultas */
    .cdab-cnt-consultas {
        grid-template-columns: 300px 1fr;
        align-items: start;
    }

    .cdab-consulta-links {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-auto-flow: column;
        grid-template-rows: repeat(3, auto);
    }
    /* colegio accion */
    .colegio-title {
        padding-left: 2.312rem;
    }
    .colegio-title span {
        padding-left: 10px;
        font-size: 2.1875rem;
        line-height: 2.5rem;
        letter-spacing: -0.015rem;
    }
    .cdab-nota-col-categoria {
        font-size: 1.0625rem;
        line-height: 1.3125rem;
    }
    .cdab-nota-col-titulo {
        font-size: 1.9375rem;
        line-height: 2.125rem;
    }
    /* footer */
     .cnt-footer{
        grid-template-columns: 1fr auto 370px;
        align-items:center;
    }

    .footer-redes{
        align-self:end;
        padding-bottom: 10px;
    }

    .footer-logo{
        text-align:right;
    }

    .footer-logo img{
        max-width:370px;
    }

    /* texto */
    .footer-info{
        font-size:19px;
        padding-left: 20px;
    }

    .footer-info strong{
        font-size:21px;
    }

    /* redes */
    .footer-redes img{
        width:33px;
    }

    /* PAGINAS ESTILOS COMPARTIDOS*/
    .pagina-title {
        padding-left: 70px;
    }
    .pagina-title span {
        padding-left: 10px;
        font-size: 2.1875rem;
        line-height: 2.5rem;
        letter-spacing: -0.015rem;
    }

    /* autoridades */
    .autoridades{
        padding-left:70px;
        padding-right:70px;
    }
    .autoridades h2{
        font-size:53px;
    }

    .col h3{
        font-size:26px;
    }

    .col p{
        font-size:22px;
    }

    .col p strong{
        font-size:24px;
    }

    .autoridades-fotos img{
        height:400px;
    }

}
@media (min-width: 1360px) {  
    .cdab-nav a {
        font-size: 1.1875rem;
        line-height: 2rem;               
    }
    .submenu > li > a{
        padding: 4px 0px 4px 4px;
        font-size: 1.0625rem;
        line-height: 1.5;
        letter-spacing: -0.015rem;
    }  
    .cdab-redes {
        padding-right: 25px;
        padding-bottom: 32px;
    }
}