a{
    text-decoration:none;
    }
    /*
    º
    */
    .mobileMenu li:before{
        content:unset;
    }
    
    .fakeHeaderSocialIcons img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    
    .fakeHeaderSocialIcons a {
        display: block;
    }
    
    .fakeHeaderSocialIcons>div {
        width: 31px;
        height: 31px;
    }
    
    .fakeHeaderSocialIcons {
        display: flex;
        flex-direction: row;
        gap: 14px;
        align-items: center;
    }
    
    .fakeHeader {
        display: flex;
        flex-direction: row;
        padding: 0 10%;
        justify-content: space-between;
        align-items: center;
        position: relative;
        width: 100%;
        left: 0;
        box-sizing: border-box;
        top: 4%;
    }
    
    .fakeHeaderSocials {
        display: flex;
        flex-direction: row;
        align-items: center;
    }
    
    .fakeHeaderNav {
        display: flex;
        flex-direction: row;
        gap: 1.5em;
    }
    
    .fakeHeaderBlogButton {
        transform: translateX(-40%);
    }
    
    .fakeHeaderNav a {
        text-decoration: none;
        color: black;
        font-family: 'Outfit', 'Sans-serif';
        font-weight: 200;
        font-size: 1.3em;
        transform:scale(1);
        transition:0.3s ease-in-out;
    }
    .fakeHeader a:hover{
    transition:0.3s ease-in-out;
        transform:scale(1.1);
        text-decoration:underline;
    }
    
    .fakeHeaderBlogButton a {
        text-decoration: none;
        font-family: 'Outfit', 'Sans-serif';
        font-weight: 200;
        color: black;
        border: 1px solid #163840;
        border-radius: 6px;
        font-size: 1.3em;
        padding: 7px 30px;
    }
    
    .fakeHeaderLogo a {
        font-family: 'Outfit', 'Sans-serif';
        font-weight: 600;
        text-decoration: none;
        font-size: 2.4em;
        color: #163840;
    }
    @media only screen and (max-width:1750px){
        html .fakeHeaderNav a {
            font-size: 1.1em;
        }
        html .fakeHeaderBlogButton a {
            font-size: 1.1em;
        }
    
    }
    
    
    @media only screen and (max-width:1150px){
    
        html .fakeHeaderNav {
            display: none;
        }
        html .fakeHeaderSocials {
            display: none;
        }
    }
    
    
    @keyframes growDown {
        0% {
            transform: scaleY(0);
        }
        100% {
            transform: scaleY(1);
        }
    }
    
    @keyframes growDownR {
        0% {
            transform: scaleY(1);
        }
        100% {
            transform: scaleY(0);
        }
    }
    
    
    .growDown {
        animation: growDown 300ms ease-in-out forwards;
        transform-origin: top center;
    }
    
    .growDownR {
        animation: growDownR 300ms ease-in-out forwards;
        transform-origin: top center;
    }
    
    .headerMenuPhone{
        display:none;
      }
    
    
    
    @media only screen and (max-width:1100px){
        .displayNone {
            display: none!important;
        }
    
    .headerMenuPhone{
        display:flex;
     justify-content: flex-end;
     position: relative;
     
    
      }
    .menu svg {
            width: 50px;
            height: 50px;
        }
    
    
    
        button.menu {
        background-color: transparent;
        border: none;
        position: relative;
    }
    .line {
        fill: none;
        stroke: #163840;
        stroke-width: 6;
        transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
    }
        .line1 {
            stroke-dasharray: 60 207;
            stroke-width: 6;
        }
        .line2 {
            stroke-dasharray: 60 60;
            stroke-width: 6;
        }
        .line3 {
            stroke-dasharray: 60 207;
            stroke-width: 6;
        }
        .opened .line1 {
            stroke-dasharray: 90 207;
            stroke-dashoffset: -134;
            stroke-width: 6;
        }
        .opened .line2 {
            stroke-dasharray: 1 60;
            stroke-dashoffset: -30;
            stroke-width: 6;
        }
        .opened .line3 {
            stroke-dasharray: 90 207;
            stroke-dashoffset: -134;
            stroke-width: 6;
        }
        .mobileMenu {
            position: absolute;
            z-index: 10;
            background-color: white;
            width: max-content;
            border-top: 3px solid #163840;
            transition: all 0.4s ease-in-out;
    
            top: 88%;
            right: 10%;
            display: flex;
            aspect-ratio: 1/1.2;
            align-items: center;
            padding: 20% 13%;
        }
    .mobileMenu ul {
        padding: 0;
        margin: 0;
        transform: scale(0.85);
        flex-direction: column;
        display: flex;
        gap: 0.3em;
        height: 100%;
        justify-content: center;
    }
    
        .mobileMenu li {
            list-style: none;
        }
        .mobileMenu li a {
            text-decoration: none;
            color: #163840;
            font-family: 'Outfit';
            font-size: 1.3em;
        }
    
    }
    
    
    /*
    END HEADER
    */


    @keyframes modalOpIn{
        0%{
            opacity:0;
        }
        100%{
            opacity:1;
            pointer-events: all;
        }
    }
    @keyframes modalOpOut{
        0%{
            opacity: 1;
        }
        100%{
            opacity:0;
            pointer-events:none;
        }
    }


    .modalOpIn{
        animation: modalOpIn 0.35s ease-in-out forwards;
    }



    .modalOpOut{
        animation: modalOpOut 0.35s ease-in-out forwards;
    }



    html{
                box-sizing: border-box;
        background-color:#ECECEC;
            }
            *{
                margin: 0;
                box-sizing: inherit;
            }
           
            img{
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
            h1,h2,h3,h4,p,a{
                font-family: 'Outfit';
    
            }
    .row1{
            padding-top: 2em;
    }
           .titular-cursos {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: -12em;
        padding: 5em 0;
        gap: 8em;
    }
            .texto-cursos {
        width: 28%;
    }
    
            .texto-cursos h1{
                font-family: 'Outfit';
                font-size: 2.4em;
            }
            .texto-cursos h2 {
                text-transform: uppercase;
                font-size: 1.1em;
                font-weight: 500;
                margin-top: 0.1em;
            }
            .texto-cursos p{
                font-size: 1.2em;
                padding-right: 5em;
            }
            .cursos-lista {
        display: flex;
        justify-content: center;
        padding: 7em 0;
        gap: 2em;
    }
    .curso {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        width: 30%;
        border: 2px solid #000;
        min-height: 820px;
        justify-content: center;
    }
            .titulo-fecha {
        width: 89%;
        margin: 0 auto;
        padding-top: 1em;
    }
            .titulo-fecha h2{
                margin-bottom: 0.3em;
            }
    .precio-curso {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        gap: 0.4em;
    }
    .precio-curso h2{
    font-size:2.5em;
        margin:0 auto;
    }
    
    span.desde{
    font-size:0.4em;
    }
    
            
            .borde{
                border-bottom: 3px solid;
                width: 15%;
                margin: 0 auto;
                padding: 1em;
            }
            .imagen-curso{
                width: 33%;
                padding: 2em 0;
            }
            .descripcion-boton p{
                width: 80%;
                margin: 0 auto;
                padding-bottom: 2em;
                font-size:1.2em;
            }
            .inscribirse{
                background-color: #A9BEAC;
                color: #FFF;
                padding: 0.7em 1.8em;
                font-size: 1.2em;
                transition:all 0.4s ease-in-out;
                display:block;
            }
    .inscribirse:hover{
                background-color: #163840;
                transition:all 0.4s ease-in-out;
            }
            .curso:nth-of-type(2) .inscribirse{
                background-color: #163840;
                transition:all 0.4s ease-in-out;
                display:block;
    
            }
    .curso:nth-of-type(2) .inscribirse:hover{
                background-color: #A9BEAC;
                transition:all 0.4s ease-in-out;
    
            }
     .descripcion-ticks{
                width: 100%;
            }
            .descripcion-ticks ul{
                font-size: 1.2em;
        font-family: 'Outfit';
        list-style-image:url('https://rubenpreparaoposiciones.com/wp-content/uploads/2024/09/tick-green-icon.svg') ;
        text-align: left;
        padding: 1em;
        width: 85%;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        gap: 0.4em;
            }
    .descripcion-boton {
        margin-top: auto;
        padding-bottom:2em;
    }
    .asterisco{
        font-weight: bold;
        color: #163840;
    }


    .videoModal{
        opacity:0;
        pointer-events: none;
        position: fixed;
        top:0;
        left:0;
        width: 100%;
        height: 100%;
        backdrop-filter: blur(2.5px);
        z-index: 99;
    }
    .videoInner video {
        max-width: 80%;
        height: 95%;
        border-radius: 15px;
    }

    .videoInner {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        width: 37%;
        height: 90%;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #ECECEC;
        border-radius: 7px;
        filter: drop-shadow(2px 4px 6px rgba(0,0,0,0.7));
    }

    .exitModal p {
        transform: translate(-160%,20%);
        font-size: 1.6em;
        color: #163840;
        cursor: pointer;
        transition: all 0.25s ease-in-out;
    }
    .exitModal p:hover{
        color:#A9BEAC;
    }


    .exitModal {
        position: absolute;
        top: 0;
        left: 100%;
    }
    .videoLink {
        position: relative;
    }

 
    .videoLink p {
        background-color: #A9BEAC;
        padding: 0.7em;
        border-radius: 50px;
        color: white;
        transition: all 0.25s ease-in-out;
    }
    
 
    .videoLink p:hover {
        background-color: #163840;
    }



    .videoLink::after {
        content: '';
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%) translateY(-97%);
        border-left: 5.5px solid transparent;
        border-right: 5.5px solid transparent;
        border-bottom: 7px solid #A9BEAC;
        transition: all 0.25s ease-in-out;
    }
    .videoLink:hover::after {
        border-bottom-color: #163840;
    }
    .videoLink{
        cursor: pointer;
    }

    .curso:nth-of-type(even) .videoLink p{
        background-color: #163840;
    }

    .curso:nth-of-type(even) .videoLink p:hover{
        background-color: #A9BEAC;
    }

    .curso:nth-of-type(even) .videoLink::after{
        border-bottom-color:#163840;
    }
    .curso:nth-of-type(even) .videoLink:hover::after{
        border-bottom-color: #A9BEAC;
    }



    
    /* -------------- Laptop---------*/
    @media only screen and (max-width: 1600px) { 
        .titular-cursos {
        margin-left: 0em; 
        gap: 0em;
    }
        .texto-cursos{
        width:49%;
        }
        
        .img-cursos{
        width:17%;
        }
        
        .curso{
        width:46%;
        }
    
        html .videoInner{
            width: 60%;
        }
    
    }
    
    
    
    /* -------------- Tablet---------*/
    @media only screen and (max-width: 1200px) { 

        .videoInner{
            width: 90%;
        }

        .fakeHeaderNav {
        display: flex;
        flex-direction: row;
        gap: 2.2em;
    }
            .titular-cursos {
            flex-direction: column;
            margin: 0 auto;
            padding: 1em 2.4em;
            gap: 4em;
        }
        .texto-cursos {
        width: 86%;
    }
        
        .img-cursos {
            width: 21%;
        }
        
            .cursos-lista {
            flex-direction: column;
            align-items: center;
            padding-top: 3em;
                padding-bottom:4em;
        }
               .curso {
            height: fit-content;
            padding: 2em 0;
            width: 70%;
        }
    
    
    
    }
    
    
    
    /* -------------- Mobile---------*/
    @media only screen and (max-width: 600px) { 
        html body .videoInner video {
            height: 85%;
        }

        html body .videoInner{
            width:95%;
            height: 70%;
        }

        .descripcion-ticks ul {
        font-size:1.1em;	
            
        }
        .titular-cursos{
        flex-direction:column;
            margin-left:0;
            gap:0;
            padding: 1.8em 0;
        }
        .texto-cursos {
        width: 85%;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
            gap:0.3em;
    }
        .texto-cursos p {
        font-size: 1.1em;
        padding-right: 0;
    }
        
        .img-cursos{
        width:50%;
            padding:2.3em 0;
        }
        
            .cursos-lista {
            flex-direction: column;
            padding-top: 0;
            padding-bottom: 5em;
        }
        .curso {
            margin: 0 auto;
            width: 90%;
            height: fit-content;
            padding: 2em 0;
        }
    
    }