:root{
    --fondo: #f8fafc;
    --navbar: #1e5aa8;
    --titulos: #8b1e3f;
    --footer: #8b1e3f;
    --texto: #334155;
    --titulo-principal: #000000;
}
:root.dark{
    --fondo: #121820;
    --navbar: #17457f;
    --titulos: #d66a8c;
    --footer: #651832;
    --texto: #e8edf2;
    --titulo-principal: #e8edf2; 
}
body{
    background-color: var(--fondo) !important;
    margin: 0;
    padding: 0;
}
/*HERO SECTION*/
#titulo_principal{
    font-family: 'Archivo Black', Arial;
    font-size: 40px;
    text-align: center;
    color: var(--titulo-principal) !important;
    margin-top: 65px;
}
#independencia{
    font-family: 'Archivo Black', Arial;
    color: var(--titulos) !important;
}
.navbar{    
    background-color: var(--navbar) !important;
}
.item_navbar{
    font-family: "JetBrains Mono", Arial;
    color: var(--texto);
    text-decoration: none;
    padding: 10px;
}
#modo{
    border: none;
    background-color:#e8edf2;
    color:#17457f;
    font-family: "Archivo Black", Arial;
    border-radius: 5px;
    padding: 5px;
}

/*CSS GENERAL PARA TODA LA PÁGINA*/
.subtitulos{
    font-family: 'Archivo Black', Arial;
    color: var(--titulos);
    font-size: 40px;
    text-align: center;
    padding: 10px;
}
.parrafos{
    font-family: "JetBrains Mono", Arial;
    color: var(--texto);
    text-align: justify;
    text-indent: 30px;
}
/*CARRUSEL*/
#carrusel_de_imagenes{
    width: 100%;
    height: auto;
}
.carousel-item img{
    width: 100%;
    max-height: 650px;
    object-fit: cover;
    border-radius: 15px;
}

/*SECCIÓN DE TECNICATURAS*/
/*COMPUTACIÓN*/
#h3_computacion{
    font-family: 'Archivo Black', Arial;
    color:#f8fafc;
    background-color: #1e5aa8;
    font-size: 20px;
    text-align:center;
    padding: 10px 20px 10px 20px;
    border-radius: 15px;
}
#h4_computacion{
    font-family: "Press Start 2P", Arial;
    font-size: 20px;
    text-align: left;
    color: var(--texto);
}
#print{
    color:#e84242;
}
#signo{
    color:#efa33e;
}
#hola_mundo{
    color:#3e9aef;
}
.item_computacion{
    font-family: "Archivo Black", Arial;
    color:#f8fafc;
    background-color: #1e5aa8;
    font-size: 15px;
    text-decoration: none;
    padding: 10px;
    margin:8px;
    border-radius: 15px;
    width: fit-content;
}
.imagen_tecnicaturas{
    width: 100%;
    height: auto;
    border-radius: 15px;
    margin-bottom: 10px}
li{
    list-style: none;
}

/*TECNICATURA EN ADMINISTRACIÓN DE EMPRESAS*/
#h3_administracion{
    font-family: 'Archivo Black', Arial;
    color:#f8fafc;
    background-color: #efa33e;
    font-size: 20px;
    text-align:center;
    padding: 10px 20px 10px 20px;
    border-radius: 15px;
}
#h4_administracion{
    font-family: "Orelega One", Arial;
    font-size: 30px;
    text-align: left;
    color: var(--texto);
}
.item_administracion{
    font-family: "Archivo Black", Arial;
    color:#f8fafc;
    background-color: #efa33e;
    font-size: 15px;
    text-decoration: none;
    padding: 10px;
    margin:8px;
    border-radius: 15px;
    width: fit-content;
}

/*TECNICATURA EN GASTRONOMÍA*/
#h3_gastronomia{
    font-family: 'Archivo Black', Arial;
    color:#f8fafc;
    background-color:#e84242;
    font-size: 20px;
    text-align: center;
    padding: 10px 20px 10px 20px;
    border-radius: 15px;
}
#h4_gastronomia{
    font-family: "PlayWrite US Trad", Arial;
    font-size: 25px;
    text-align: left;
    margin-top: 20px;
    color: var(--texto);
}
#poner_lugar{
    color: #e84242;
}
.item_gastronomia{
    font-family: "Archivo Black", Arial;
    color:#f8fafc;
    background-color:#e84242;
    font-size: 15px;
    text-decoration: none;
    padding: 10px;
    margin:8px;
    border-radius: 15px;
    width: fit-content;
}


/*SECCIÓN DE CICLO BÁSICO*/
#titulo_cb{
    font-family: 'Archivo Black', Arial;
    color:#8b1e3f;
    font-size: 40px;
    text-align: center;
    padding: 10px;
}
#orientar_elegir{
    font-family: 'Archivo Black', Arial;
    background-color:#0abd5c;
    color: #f8fafc;
    font-size: 20px;
    text-align: center;
    padding: 10px;
    border-radius: 15px;
}
.item_cb{
    font-family: "Archivo Black", Arial;
    color: #f8fafc;
    border-radius: 15px;
    text-align: center;
    text-decoration: none;
    margin: 10px;
    padding: 5px;
}
#item_cb_computacion{
    background-color: #1e5aa8;
}
#item_cb_administracion{
    background-color:#efa33e;
}
#item_cb_gastronomia{
    background-color:#e84242;
}

/*SECCIÓN DE FORMACIÓN PROFESIONAL*/
.item_fp{
    font-family: "Archivo Black", Arial;
    margin: 10px;
    padding: 10px;
    color: #f8fafc;
    background-color:#0abd5c;
    border-radius: 15px;
    width: fit-content;
}


/*SECCIÓN DE EVENTOS*/
.eventos_subtitulos{
    font-family: "Archivo Black", Arial;
    background-color: #1e5aa8;
    color:#f8fafc;
    text-align: center;
    border-radius: 15px;
    padding:  5px;
}
.imagen_eventos{
    padding: 5px;
    width: 100%;
    height: auto;
    border-color: #8b1e3f;
    border-radius: 15px;

}

/*SECCIÓN DE CONTACTO*/
#titulo_contacto{
    color: #f8fafc;
    text-align: center;
    font-family: "Archivo Black", Arial;
}
#contacto{
    background-color:#8b1e3f;
    border-radius: 15px;
    padding: 10px;
    margin: 20px 0 20px 0;
    width: 100%;
}
#formulario{
    text-align: center;
}
.subtitulos_formulario{
    color: #e8edf2;
    font-family: "JetBrains Mono", Arial;
    font-size: 17px;
}
.inputs{
    display: flex;
    width: 100%;
    border: 0;
    border-radius: 10px;
    padding: 5px;
    margin: 10px 0 10px 0;
    background-color: #f8fafc;
    color: #334155;
    font-family: "JetBrains Mono", Arial;
}
#boton_enviar{
    background-color: #1e5aa8;
    font-family: "Archivo Black", Arial;
    border: none;
    border-radius: 15px;
    padding: 5px;
    color: #f8fafc;
}

/*SECCIÓN DEL FOOTER*/

footer{
    background-color: #8b1e3f;
    padding: 3px;
    margin: 0;
    width: 100%;
}
#parrafo_footer{
    color: #f8fafc;
    font-family: "JetBrains Mono", Arial;
    font-weight: bold;
    text-align: center;
}








#computacion_texto{
    display: grid;
    grid-template-columns: 2fr 1fr;
}
#container_comp{
    border-color: blue;
}
#admin_texto{
    display: grid;
    grid-template-columns: 1fr 2fr;
}

#gastronomia_texto{
    display: grid;
    grid-template-columns: 2fr 1fr;
}
#ciclo_basico_sep{
    display: grid;
    grid-template-columns: 1fr 2fr;
}


#formacion_profesional_texto{
    display: grid;
    grid-template-columns: 2fr 1fr;
}
.eve-1 {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.eve-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
}


@media (max-width: 907px) {
    
    #computacion_texto{
        grid-template-columns: 1fr;
    }
    #admin_texto{
        grid-template-columns: 1fr;
    }
    #container_adm{
        order: 1;
    }
    #img_adm{
        order: 2;
    }
    #gastronomia_texto{
        grid-template-columns: 1fr;
    }
    #ciclo_basico_sep{
        grid-template-columns: 1fr;
    }
    #cb_texto{
        order: 1;
    }
    #img_cb{
        order: 2;
    }
    #formacion_profesional_texto{
        grid-template-columns: 1fr;
    }
    #eventos_texto{
        grid-template-columns: 1fr;
    }
    .nav-link{
        display: none;
    }
    .eve-1 {
        display: grid;
        grid-template-columns: 1fr;
    }
    .eve-2 {
        display: grid;
        grid-template-columns: 1fr;
    }
    #container_eve2{
        order: 1;
    }
    #img_eve2{
        order: 2;
    }

}