:root { /*Variables de CSS*/
    /*Variables de la Paleta de colores*/
    --principal: #0D0D0D; 
    --principal_dark: #0D0D0D; 
    --principal_medium: #1A1A1A; 
    --principal_light: #333333; 

    --secondary: #F2F2F2; 
    --secondary_dark: #D9D9D9; 
    --secondary_medium: #E6E6E6;
    --secondary_light: #FAFAFA;
    
    --accent: #4FC3F7; 
    --accent_dark: #03A9F4;
    --accent_medium: #4FC3F7;
    --accent_light: #81D4FA; 
    
    --black_dark: #0D0D0D; 
    --black_medium: #1A1A1A; 
    --black_light: #333333; 

    --white: #F2F2F2; 
    --white_dark: #D9D9D9;
    --white_medium: #E6E6E6;
    --white_light: #FAFAFA;
    /*Tiempos de animación*/
    --animation_time_mobile_menu: 0.375s; 

    --border-box: 10px;
}

/*Main*/

.Titulo_Capacitaciones {

    height: fit-content;
    width: 100%;

    background-color: var(--black_dark);
    overflow: hidden;
    
    position: relative;
    top: 0;
    left: 0;
    z-index: 10;

    margin: 0;
}

.Main_Video_Background_Capa{
    width: 100%;

    display: flex;

    margin: 0;

    justify-content: center;
    align-items: center;

    background: rgba(0, 0, 0, 0.5);
    
}

.Main_Video_Background_Capa video{
    width: 100%;
}

.Titulo_Capacitaciones .Filter{
    position: absolute;
    z-index: 11;
    background-color: rgba(0, 0, 0, 0.1);
    height: 100%;
    width: 100%;
}

/*Servicios*/

main {
    overflow: visible;
}

.Button_Inscribete {

    display: flex;

    position: fixed;
    bottom: 0;
    right: 0;
    margin: 0 2rem 4rem 0;
    padding: 12px 24px;
    z-index: 80;

    pointer-events: auto !important;
    cursor: pointer !important;
    
    backdrop-filter: blur(4px);
    box-shadow: 0 0 10px var(--principal_dark);
    border: 1px solid rgba(255, 255, 255, 0.8);
    border-radius: 6px;
    
    font-weight: 500;
    text-shadow: 0 0 10px var(--principal_dark);
    text-decoration: none;
    cursor: pointer;
}

.Button_Youtube{

    margin-right: 2rem;
    margin-bottom: 4rem;
    z-index: 20;

    margin: 1rem 1rem;

    backdrop-filter: blur(4px);
    box-shadow: 0 0 10px var(--principal_dark);
    border: 1px solid var(--white_dark);

    font-weight: 500;
    text-shadow: 0 0 10px var(--principal_dark);
    text-align: center;

}

footer {
    overflow: hidden;
}

/*Breakpoints: Other Devices*/
/*Tablet*/
@media screen and (min-width: 768px) {

}
/*Laptop Antigua*/
@media screen and (min-width: 1024px) {

    .Main_Video_Background_Capa video{
        height: 75dvh;
    }

    .Servicios_Container {
        margin: auto;
        width: 75vw;

        display: grid;
        grid-template-rows: auto auto auto auto auto auto;
        grid-template-columns: 50% 50%;
        grid-template-areas:
        "Servicio1  Servicio2"
        "Mensaje1  Mensaje1"
        "Servicio3  Servicio4"
        "Mensaje2  Mensaje2"
        "Servicio5  Servicio5"
        "Youtube  Youtube";
        align-items: center;
        justify-content: center;
    }

    .Servicios_Container > *:nth-child(1) {
        grid-area: Servicio1;
    }
    .Servicios_Container > *:nth-child(2) {
        grid-area: Servicio2;
    }
    .Servicios_Container > *:nth-child(3) {
        grid-area: Mensaje1;
    }
    .Servicios_Container > *:nth-child(4) {
        grid-area: Servicio3;
    }
    .Servicios_Container > *:nth-child(5) {
        grid-area: Servicio4;
    }
    .Servicios_Container > *:nth-child(6) {
        grid-area: Mensaje2;
    }
    .Servicios_Container > *:nth-child(7) {
        grid-area: Servicio5;
    }
    .Servicios_Container > *:nth-child(8) {
        grid-area: Youtube;
    }

}