/*HEADER*/
header{
    width: 100% !important;
    max-width: 1920px !important;
    margin-bottom: 15px;}

/*CARROUSEL*/
.carousel{
    width: 100%;
    max-width: 1920px !important;
    margin-top: 90px;
    margin-bottom: 20px;
}

.carousel-inner{
    width: 100% !important;
    max-width: 1920px !important;
    height: 500px !important;}

.carousel-item{
    width: 100% !important;
    max-width: 1920px !important;
    height: 500px !important;}

.carousel-item img{
    width: 100% !important;
    max-width: 1920px !important;
    height: 100%!important;
    object-fit: cover;}

.carousel-caption{
  width: 100%;
  display: block !important;
  background-color: rgba(0,0,0,0.5);
  /* backdrop-filter: blur(10px); */
  position: absolute;
  left: 0;
  bottom: 150px;  
  z-index: 10;
  padding: 15px !important;
  color: #fff;
  text-align: center;
  border-radius: 0;}

.carousel-caption2{bottom: 160px;}

.carousel-caption p span{
    font-size: 1.9rem !important;
    font-weight: bold !important;
    letter-spacing: 0.5px;
    line-height: 38px;
    text-shadow: 0 5px 5px rgba(0,0,0,0.85);}

.carousel-caption p{font-size: 1.1rem !important; margin:0;}

/* Div CTA */
#cta{
    width: 200px;
    background-color: #2193B7; /* #00b894; #FFCA28*/
    color: #F5F5F4;
    padding: 12px;
    border-radius: 12px;
    border: 2px solid #F5F5F4;
    font-size: 1.1rem;
    font-weight: bold;
    text-align: center;
    transform: translate(-50%, -50%);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    position: absolute;
    bottom: 50px;
    left: 50%;
    box-shadow: 1px 3px 10px rgba(0, 0, 0, 0.7);
}

#line1{
    width: 95%;
    margin: auto;
    border-color: rgba(255, 255, 255, 0.5);}

/*MAIN - Placa info*/
main{
    width: 100%;
    padding: 10px;}

#info{
    width: 95%;
    background-image:url(../img/info1.webp);
    background-repeat: no-repeat;
    background-position: 65% center;
    background-size: cover;
    margin: 20px auto 30px auto;
    padding: 25px;
    border-radius: 10px;}

h1{
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    letter-spacing: -1px;}

#placaInfo p{
    font-size: 1.2rem;
    text-align: center;
    margin-bottom: 20px;
    text-shadow: 0px 0.5px 2px rgba(255,255,255,0.7); 
    font-weight: 600;}

#info #boton{width: auto; height: auto;}
#info #boton a{text-decoration: none;}

#info .btn{
    width: 200px;
    height: 35px;
    background-color: #2193b7;
    color:#fff;
    font-size: 1.1rem;
    font-weight: 500;
    text-transform: uppercase;
    border: none;
    outline: none;
    border-radius: 8px;
    display: block;
    margin: 5px auto 0px auto;
    font-weight: bold;}

/*Placas Cursos más buscados*/
h2{
    font-size: 1.8rem;
    font-weight: bold;
    text-align: center;
    color: #fff;
    margin-top: 20px;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0;}

#CuatroPlacas{width: 95%; height: auto; margin: auto;}

#CuatroPlacas .cardArgoa{
    width: 98%;
    margin: 30px auto 30px auto;
    border-radius:15px;
    padding-bottom: 5px;
    background-color: #f2f2f2;}

.cardArgoa .container_image{
    width: 100%;
    height: 232px;
    margin-bottom: 10px;
    padding-top: 15px;
    border-radius: 12px 12px 8px 8px;
    background-color: #ccc;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;}

.cardArgoa #ci1{background-image: url(../img/cursos/html-background.webp);}
.cardArgoa #ci2{background-image: url(../img/cursos/dwp.webp);}
.cardArgoa #ci3{background-image: url(../img/cursos/responsive.webp);}
.cardArgoa #ci4{background-image: url(../img/cursos/photoshop.webp);}

.cardArgoa h3{
    font-size: 1.6rem;
    height: 50px;
    padding: 8px;
    margin: -10px 0 40px 0 !important;
    letter-spacing: -1px;
    font-weight: 900;
    font-family: 'Roboto', sans-serif;}

.primeraLinea{
    font-size: 16.9px;
    font-weight: 700;
}   
    
.cardArgoa p{
    font-size: 1.15rem;
    padding: 8px;
    margin: 0;
    font-weight: bold;}

.cardArgoa .container_image p{
    width: 232px;
    padding: 8px;
    margin: 0;
    color: white;
    font-weight: normal;
    text-align: center;
    border-radius: 12px 0px 12px 0;
    background-color: #f00;
    box-shadow: 10px 6px 8px rgba(0, 0, 0, 0.5);
    transform: rotate(-10deg) translateX(-5px);}

.cardArgoa #spacedw{letter-spacing: 0px;}
.cardArgoa .space{letter-spacing: 0px;}

.cardArgoa .descripcion{
    margin: -10px 0 15px 0;
    font-weight: normal;}

.cardArgoa .boton{width: auto; height: auto;}
.cardArgoa .boton a{text-decoration: none;}

.cardArgoa .botonBuscados{
    width: 200px;
    height: 35px;
    background-color: #04B486;
    color:#fff;
    font-size: 1.1rem;
    text-transform: uppercase;
    border: none;
    outline: none;
    border-radius: 8px;
    display: block;
    margin: auto auto 15px auto;
    font-weight: bold;}


/* Sección Notas */
#loSabias{
    font-size: 1.8rem;
    font-weight: bold;
    text-align: center;
    color: #fff;
    margin: 20px 0 25px;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    letter-spacing: -1px;
}

#containerNotas{
    width: 95%;
    margin: auto;}

#containerNotas .nota{
    width: 100%;
    padding: 20px;
    margin-bottom: 30px;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    background-color: #191D23;
}

#containerNotas .nota a{
    text-align: center;
    text-decoration: none;
    font-size: 1.1rem;
    color: #fff;
    display: block;
    padding: 10px;
    background-color: #13171d;}

#containerNotas .nota a:hover{background-color: #0c1015;}

.nota h3{
    color: white;
    font-size: 1.6rem;
    font-weight: 600;
    margin: 0 0 20px 0;}

.nota img{width: 100%; margin-bottom: 20px;}

.nota p{color: #fff; font-size: 1.1rem;}

/*Placa Webinars*/
#free{
    width: 95%;
    margin: 20px auto 30px auto;}

#free #placaFree{
    width: 100%;
    margin: auto;
    padding: 25px;
    border-radius: 10px;
    background-image: url(../img/webinars.webp);
    background-repeat: no-repeat;
    background-position: 20% center;
    background-size: cover;
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.3);
}

#free #placaFree h2{
    font-size: 1.8rem;
    text-align: center;
    color: #fff;
    margin-top: 0;
    text-shadow: 2px 2px 3px rgba(0,0,0,0.9);
    font-family: 'Roboto', sans-serif;}

#free #placaFree p{
    font-size: 1.1rem;
    text-align: center;
    margin-bottom: 30px;
    color: #fff;
    text-shadow: 2px 2px 3px rgba(0,0,0,0.9);
}

#free #placaFree .btn{
    width: 200px;
    height: 35px;
    background-color:#2193b7;
    color:#fff;
    font-size: 1.1rem;
    font-weight: 500;
    text-transform: uppercase;
    border: none;
    outline: none;
    border-radius: 8px;
    display: block;
    margin: auto;
    font-weight: bold;
}

/*VIDEOS EXPERIENCIA*/
#alumnos{
    width: 95%;
    height: auto;
    margin: 50px auto 50px auto;}

#alumnos h3{
    color: white;
    text-align: center;
    font-size: 2rem;
    margin-bottom: 10px;
    letter-spacing: -1px;
    font-family: 'Roboto', sans-serif;}

/*TESTIMONIOS SWIPER*/
.swiper-button-next{right: 26px !important;}

.swiper-button-prev{left: 26px !important;}

.swiper{width: 100%; height: auto;}

#testimonios{
    width: 100%;
    margin: -15px auto 0 auto;}

.cardTestimonio{
    width: 98%;
    height: 300px;
    margin: 50px auto 25px auto;
    padding: 20px;
    border-radius: 6px;
    background-color: white;}
  
.cardTestimonio .foto{
    width: 72px;
    height: 72px;
    font-size: 16.9px;
    border-radius: 50%;
    border: 5px solid #fff;
    background-color: #ccc;
    margin-bottom: -35px;
    transform: translateY(-45px) translateX(0px);}
  
.foto img{width: 100%; height: auto; border-radius: 50%;}
  
#testimonios .cardTestimonio h3{
    color: black;
    font-size: 21px;
    text-align: left;
    margin: 0;
    font-family: 'Roboto', sans-serif;}
  
.cardTestimonio .coc{
    text-align: left;
    font-weight: bold;
    margin-top: 3px;
    padding-bottom: 10px;
    letter-spacing: -0.1px;
    font-size: 16px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.5);}
  
.cardTestimonio .comentario{
    text-align: left;
    margin-top: -5px;
    font-size: 1rem;
    letter-spacing: -0.3px;}
  
.stars{
    width: 120px;
    display: block;
    position: absolute;
    bottom: 45px;}

/*Placa Estudio Argoa*/
#estudio{
    width: 95%;
    margin: 20px auto 50px auto;  
    background-image: url(../img/studio.webp);
    background-repeat: no-repeat;
    background-position: 40% center;
    background-size: cover;
    border-radius: 10px;
    padding: 25px;
    box-shadow: 0 8px 10px rgba(0, 0, 0, 0.3);}

#estudio #placaEstudio h2{
    font-size: 1.8rem;
    text-align: center;
    color: #fff;
    margin-top: 0;
    text-shadow: 2px 2px 3px rgba(0,0,0,0.9);
    font-family: 'Roboto', sans-serif;}

#estudio #placaEstudio p{
    font-size: 1.1rem;
    text-align: center;
    margin-bottom: 30px;
    color: #fff;
    padding: 10px;
    text-shadow: 2px 2px 5px rgba(0,0,0,1);}

#estudio #placaEstudio .btn{
    width: 200px;
    height: 35px;
    background-color: #04B486;
    color:#fff;
    font-size: 1.1rem;
    text-transform: uppercase;
    border: none;
    outline: none;
    border-radius: 8px;
    display: block;
    margin: auto;
    font-weight: bold;}

/* //////////////////////////////////////////////////// */

/*MEDIA QUERIES*/
@media screen and (orientation:landscape){}
@media screen and (min-width:600px){}
/* Imágenes para CyberMonday */
/* @media screen and (max-width:700px){
    .cyber:first-child img{
        content: url('../img/slide/banner-movil.webp');
    }
    .cyber:nth-child(2) img{
        content: url('../img/slide/banner-movil.webp');
    }
}

@media (min-width: 701px) and (max-width: 1024px){
    .cyber:first-child img{
        content: url('../img/slide/banner-tablet.webp');
    }
    .cyber:nth-child(2) img{
        content: url('../img/slide/banner-tablet.webp');
    }
}

@media (min-width: 1025px){
    .cyber:first-child img{
        content: url('../img/slide/banner-desktop-1.webp');
    }

    .cyber:nth-child(2) img{
        content: url('../img/slide/banner-desktop-2.webp');
    }
} */

@media screen and (min-width:700px){
    /*CARROUSEL*/
    .carousel{height: 525px;}
    .carousel-inner{height: 525px !important;}
    .carousel-item{height: 525px !important;}

    .carousel-caption{
    width: 100%;
    background-color: rgba(0,0,0,0.5);
    left: 0;
    bottom: 175px;
    }

    .carousel-caption2{bottom: 175px;}
    .carousel-caption2 p{padding: 0 90px;}
    
    .carousel-caption p span{
    font-size: 2.3rem !important;
    letter-spacing: 0.5px;
    line-height: 39px;
    text-shadow: 0 2px 5px rgba(0,0,0,0.7);   
    }

    .carousel-caption p span{font-size: 2rem !important;}

    /* Div CTA */
    #cta{
    width: 200px;
    background-color: #2193B7;
    color: white;
    padding: 12px;
    border-radius: 12px;
    font-size: 1.1rem;
    font-weight: bold;
    text-align: center;
    transform: translate(-50%, -50%);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    position: absolute;
    bottom: 70px;
    left: 50%;
    }

    main{width: 90%;  margin: auto;}
    
    #info{
    width: 95%;
    height: 350px;
    margin: 20px auto 10px auto;
    position: relative;
    }  
            
    #placaInfo{margin-left:0; width: 425px;}        
    #placaInfo p{width: 425px; margin-top: 10px;}            
    #info #boton{width: 200px; margin: 30px 0 0 120px;}        
    #boton a{text-decoration: none;}        
    #info .btn{margin:0px; bottom: 32px;}      
    
    /*Placas Cursos*/
    #CuatroPlacas{
    width: 100%;
    margin: 0 auto 30px auto;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    flex-wrap: wrap;
    } 

    h2{
    font-size: 1.9rem;
    font-weight: bold;
    text-align: center;
    color: #fff;
    margin-top: 20px;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    letter-spacing: -1px;
    }
    
    #CuatroPlacas .cardArgoa{
    width: 46.9%;
    margin-bottom: 10px;
    }
    
    .cardArgoa .container_image{
    width: 100%;
    height: 200px;    
    }
    
    .cardArgoa p{
    padding: 8px;
    margin: 0;
    font-weight: bold;
    font-size: 1rem;
    }
    
    .cardArgoa h3{
    padding: 8px;
    margin: -20px 0 -10px 0;
    letter-spacing: -1px;
    font-family: 'Roboto', sans-serif;
    }
    
    .cardArgoa #spacedw{letter-spacing: -1.6px;}
    .cardArgoa .space{letter-spacing: -1px;}
    
    .cardArgoa .descripcion{
    margin: -10px 0 15px 0;
    font-weight:normal;
    }
    
    /*.cardArgoa .boton{width: auto; height: auto;} */

    .cardArgoa .boton a{text-decoration: none;}
    
    .cardArgoa .botonBuscados{
    width: 200px;
    height: 35px;
    background-color: #04B486;
    color:#fff;
    font-size: 1.1rem;
    text-transform: uppercase;
    border: none;
    outline: none;
    border-radius: 8px;
    display: block;
    margin: auto auto 15px auto;
    font-weight: bold;
    }

    /* Sección Notas */
    #loSabias{font-size: 1.9rem;}

    #containerNotas{
    width: 97%;
    margin: auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    }

    #containerNotas .nota{
    width: 48%;
    padding: 20px;
    margin-bottom: 30px;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    }
    
    #free{width: 98%; margin-bottom: 70px;}    
    #placaFree h2{margin-bottom: 30px;}    
    #placaFree .btn{margin-top: 10px;}
    
    #placaFree{
    width: 100%;
    margin: auto;
    padding: 25px;
    border-radius: 10px;
    background-image: url(../img/free.jpg);
    background-repeat: no-repeat;
    background-position: 50% center;
    background-size: cover;    
    }
    
    #alumnos{
    width: 98%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 auto;
    }
    
    #alumnos h3{width: 100%;}

    /*TESTIMONIOS SWIPER*/
    .swiper {
    width: 100%;
    height: auto;
    }

    #testimonios{
    width: 100%;
    margin: 2px auto 25px auto;
    }

    .cardTestimonio{
    width: 100%;
    height: 300px;
    margin: 50px auto 25px auto;
    padding: 20px;
    border-radius: 6px;
    background-color: white;
    }
  
    .cardTestimonio .foto{
    width: 72px;
    height: 72px;
    font-size: 16.9px;
    border-radius: 50%;
    border: 5px solid #fff;
    background-color: #ccc;
    margin-bottom: -35px;
    transform: translateY(-45px) translateX(0px);      
    }
  
    .foto img{width: 100%; border-radius: 50%;}
  
    #testimonios .cardTestimonio h3{
    color: black;
    font-size: 21px;
    text-align: start;
    padding: 0;
    margin: 0;
    font-family: 'Roboto', sans-serif;
    }
  
    .cardTestimonio .coc{
    text-align: left;
    font-weight: bold;
    margin-top: 3px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.5);
    }
  
    .cardTestimonio .comentario{
    text-align: left;
    margin-top: -5px;
    }
  
    .stars{
    width: 120px;
    height: auto;
    display: block;
    }

    .swiper-button-next{
    right: -2px !important; z-index: 100;}

    .swiper-button-prev{left: -2px !important;}

    /*Placa Estudio Argoa*/
    #estudio{
    width: 98%;
    margin: 0px auto 100px auto;    
    }
        
    #estudio h2{text-align: center;} 
    #redes{width: 20%;}  
}


@media screen and (min-width:1024px){
    #navBottom{display: none;}   

    /*MENU NAVBAR*/
    .container-fluid{padding: 8px 0;}
    
    .navbar-brand{
    width: 175px;
    margin-left: 50px;
    }

    .navbar{
    width: 100%;
    height: 90px;
    max-width: 1920px !important;
    background-color: #000 !important;    
    position: fixed !important;
    z-index: 101 !important;
    top: 0;
    /*left: 0;*/
    box-shadow: 0 3px 5px rgba(0,0,0,0.7);
    position: relative;
    }

    .navbar-nav{
    position: absolute;
    right: 50px;
    height: 90px;
    padding: 0 !important;
    }

    .nav-link{
    width: 100%;    
    height: 90px !important;
    display: block !important;
    border-bottom: none !important;
    margin: 0 !important;
    padding: 0 15px !important;
    line-height: 90px;
    font-size: 1rem !important;
    }

    .navbar-nav .nav-item{
    margin: 0 !important;
    padding: 0 !important;
    border-right: 1px solid rgba(255,255,255,0.1);
    border-bottom: none !important;}

    .navbar-nav .nav-item:last-child{border-right: none;}    

    /*CARROUSEL*/
    .carousel{height: 600px;}
    .carousel-inner{height: 600px !important;}
    .carousel-item{height: 600px !important;}

    .carousel-caption{
    width: 100%;
    background-color: rgba(0,0,0,0.5);
    left: 0;
    bottom: 190px;}
        
    .carousel-caption2{bottom: 185px;}
    .carousel-caption2 p{padding: 0 90px;}
    .carousel-caption p span{
    font-size: 2.3rem !important;
    letter-spacing: 0.5px;
    line-height: 39px;
    text-shadow: 0 2px 5px rgba(0,0,0,0.7);}
        
    .carousel-caption p span{font-size: 2rem !important;}  
    
    /* Div CTA */
    #cta{
    width: 200px;
    background-color: #2193b7;
    color: white;
    padding: 12px;
    border-radius: 12px;
    font-size: 1.1rem;
    font-weight: bold;
    text-align: center;
    transform: translate(-50%, -50%);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    position: absolute;
    bottom: 75px;
    left: 50%;}

    main{width: 85%; margin: auto;}

    #info{
    width: 95%;
    height: 350px;
    margin: 20px auto 10px auto;
    position: relative;
    }  
        
    #placaInfo{margin-left:0; width: 450px;}
    /*#placaInfo h1{}*/
    
    #placaInfo p{width: 440px; margin-top: 10px;}        
    #info #boton{width: 200px; margin: 0 0 0 120px;}    
    #boton a{text-decoration: none;}    
    #info .btn{margin:0px; bottom: 32px;}       
        
    #free{width: 98%; height: auto;}
    #placaFree h2{width: 400px;}
    #placaFree p{width: 400px;}
    #placaFree{ height: auto;}  
      
    #free #placaFree .btn{
    margin-top: auto;
    margin-left: 100px;
    } 
    
    #estudio{
    width: 98%;
    height: 275px;
    margin: 0px auto 100px auto; 
    position: relative;   
    }
    
    #placaEstudio{
    width: 450px;    
    height: auto;
    position: absolute;
    top: 50px;
    right: 40px;
    }
    
    #placaEstudio p{
    margin-bottom: 15px;
    } 
    
    #free #placaFree a,
    #estudio #placaEstudio a
    {text-decoration: none;}  
    
    #lineTres{display: block;}

    #redes{width: 15%;}
}

@media screen and (min-width:1200px){  
    /*WhatsApp*/
    #ws{
    width: 65px;
    position: absolute;
    right: 85px;
    bottom: 120px;
    z-index: 200;
    position: fixed;
    cursor: pointer;
    }

    /*Icono de Contáctenos*/
    #contact{
    width: 50px;
    position: absolute;
    right: 92px;
    bottom: 200px;
    z-index: 200;
    position: fixed;
    cursor: pointer;
    display: none;
    z-index: 100;
    }
    
    .navbar {    
    width: 100%;
    max-width: 1920px;
    height: 90px;
    position: relative;
    position: fixed !important;
    transition: 0.8s;
    /* margin-bottom: -92px !important; */
    background-color: #000 !important;}
        
    .navbar-brand{margin-left: 75px;}
        
    /*LISTA UL*/
    .navbar-nav {
    height: 90px;
    border-bottom: none;
    position: absolute !important;

    margin: 0;
    padding: 0;
    margin-right: 0;}
        
    .nav-link{
    width: 100%;    
    height: 90px !important;
    display: block !important;
    border-bottom: none !important;
    margin: 0 !important;
    padding: 0 15px !important;
    line-height: 90px;
    font-size: 0.9rem !important;}  
        
    .nav-item{
    margin: 0;
    border-right: 1px solid rgba(255,255,255,0.1);}
    
    .navbar-nav .nav-item:last-child{border-right: none;}     
    
    .nav-link:hover{
    color:#a4a4a4 !important;}
        
    .nav-link:first-child :hover{color: #ccc !important;}  
    
    /* Menú desplegable */
    .dropdown-menu{
    background-color: #000;
    margin: -0.7px 12px 12px -1px !important;
    padding: 0;
    border-radius: 0 0 6px 6px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-top: none;}

    .dropdown-item{
    color: #fff;    
    text-align: left;
    padding: 18px 42px 18px 16px;
    transition: 0.5s;}

    .dropdown-item:hover{text-align: right; padding-right: 16px;}
    .dropdown-item{transition: all 0.5s ease;}
    .dropdown-menu > li:last-child > .dropdown-item:hover {border-radius: 0 0 6px 6px;}

    .dropdown-menu > li:not(:last-child) .dropdown-item,
    .dropdown-menu li:not(:last-child) .dropdown-item{
    border-bottom: 1px solid rgba(255,255,255,0.2);}
    
    /*CAROUSEL*/
    .carousel{position: relative;}

    .carousel-caption{
    width: 600px;
    background-color: rgba(0,0,0,0.0);
    position: absolute;
    right: auto !important;
    left: 100px;
    top: 200px;
    bottom: auto;
    border-radius: 15px;}

    .carousel-caption2, .carousel-caption3{
    top: 200px;
    left: 100px;}

    .carousel-caption3 p{padding: 0 50px 0 250px;}
            
    .carousel-caption p span{
    display: block;
    font-size: 2.5rem !important;
    letter-spacing: 0.5px;
    line-height: 45px;
    text-shadow: 0 5px 8px rgba(0,0,0,0.95);   
    }

    /* Div CTA */
    #cta{
    width: 250px;
    height: 54px;
    background-color: #2193b7;
    color: white;
    padding: 12px;
    border-radius: 12px;
    font-size: 1.2rem;
    font-weight: bold;
    text-align: center;
    transform: translate(0%, -0%);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    position: absolute;
    top: 350px;
    left: 270px;
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.7);
}  
    
    .carousel, .carousel-inner, .carousel-item{
    width: 100% !important;
    max-width: 1920px !important;
    height: 700px !important;
    }
    
    .carousel-item img{
    width: 100% !important;
    max-width: 1920px !important;}   
        
    main{
    width: 90%;
    margin: auto;
    padding: 0;
    }    
    
    /*Placa Info*/
    #info{
    width: 90%;
    height: 350px;
    margin: 20px auto 10px auto;
    position: relative;
    background-image:url(../img/info1.webp);
    background-repeat: no-repeat;
    background-position: left bottom -60px;
    background-size: cover;
    }  

    h1{font-size: 2.3rem !important;}
            
    #placaInfo{margin-left:20px; width: 450px;}        
    #placaInfo p{width: 440px; margin-top: 10px;}            
    #info #boton{width: 200px; margin: 0 0 0 140px;}        
    #boton a{text-decoration: none;}        
    #info .btn{margin:0px; bottom: 32px;}
    
    /*CURSOS MÁS BUSCADOS*/
    h2{
    letter-spacing: -0.5px;
    font-size: 2rem;
    padding: 30px  0 0 68px;
    text-align: left !important;
    }

    /*Placas Cursos*/
    #CuatroPlacas{
    width: 91.6%;
    margin: 0 auto 30px auto;
    display: flex;
    justify-content: space-between;
    } 
        
    #CuatroPlacas .cardArgoa{
    width: 23%;
    margin-bottom: 10px;
    transition: 0.5s;
    cursor: pointer;
    }
    
    #CuatroPlacas .cardArgoa:hover{ 
    box-shadow: 0 20px 15px rgba(0,0,0,1);
    background-color: #ccc;
    }

    /* Sección Notas */
    #loSabias{
    font-size: 2rem;
    font-weight: bold;
    color: #fff;
    margin: 20px 0 25px 70px;
    text-align: left;
    font-family: 'Roboto', sans-serif;
    letter-spacing: -1px;}    
    
    #containerNotas{
    width: 91%;
    margin: auto;
    display: flex;
    padding: 5px;
    justify-content: space-between;
    flex-wrap: wrap;
    }
            
    #containerNotas .nota{
    width: 23.5%;
    padding: 20px;
    margin-bottom: 30px;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    }
            
    .nota h3{
    color: white;
    margin: 0 0 20px 0;
    font-size: 1.5rem;}
            
    .nota img{width: 100%; margin-bottom: 20px;}
            
    .nota p{color: #fff; font-size: 1rem;}

    #TresPlacasDos{width: 100%;}     
    #free{width: 90.5%;}     
    #free #placaFree .btn{margin-left: 90px;}   
    #free #placaFree h2{
    font-size: 2rem;
    padding: 0;
    text-align: center !important;} 
    
    /*TESTIMONIOS SWIPER*/
    #alumnos h3{font-size: 2rem; text-align: left; margin-left: 60px;}
    .swiper {width: 92%;}
        
    #testimonios{
    width: 100%;
    margin: 2px auto 25px auto;}        
        
    /* Placa Estudio Argoa */
    #estudio{
    width: 90.5%;    
    height: 250px;
    margin: 20px auto 100px auto; 
    position: relative;
    }
        
    #placaEstudio{
    width: 450px;    
    height: 200px;
    position: absolute;
    top: 35px;
    right: 60px;} 
        
    #placaEstudio h2{
    font-size: 2rem;
    padding: 0;
    text-align: center !important;}
    
    #estudio #placaEstudio p{font-size: 1.2rem; width: 450px;}
    
    /*FOOTER*/
    footer{padding-top: 50px;}
    
    footer #container{
    width: 85%;
    height: 610px;
    margin: auto;
    position: relative;
    }
    
    #loguito{
    width: 180px;
    margin: auto;
    }

    footer hr{
    width: 95%;
    border: 0.1px solid rgba(255,255,255,0.4);
    margin: 30px auto 0 auto;}
    
    #lineUno{display: none;}
    #lineTres{display: none;}
    
    /*SUBMENU*/
    #menu2{
    width: 200px;
    margin-top: 50px;
    margin-left: 50px;
    margin-bottom: 55px;
    display: block;
    }
    
    #lista2{width: 100%; list-style: none;}
    
    #lista2 li a{color: #848484;}
    
    #lista2 li a:hover{
    text-decoration: none;
    color: #2193b7
    }     
    
    #hredes{
    text-align: right;
    margin: 40px 52px 0 0;}
    
    #redes{
    width: 130px;
    height: 45px;
    margin: 20px 50px 0 auto;
    display: flex;
    justify-content: space-around;
    padding-top: 0;
    }
    
    #insta img{width: 42px;}
    
    #you img{width: 44px;    }

    #news{
    width: 245px;
    position: absolute;
    right: 50px; 
    top: 225px;    
    }

    #news h3{
    font-size: 1.3rem;
    color: white;
    text-align: right;}

    form{
    width: 245px;
    margin: auto; }

    input{
    width: 245px;
    height: 50px;
    border: none;
    outline: none;
    padding: 6px;
    text-align: center;
    }

    #btn{
    background-color: #2193b7; /*#B4045F*/
    color: #fff;
    font-size: 1.2rem;
    font-weight: bold;
    margin-top: 5px;
    }
    
    footer #lineTres{
    width: 95%;
    display: block;
    margin: auto;
    border: 0.5px solid rgba(255,255,255,0.5);    
    }
    
    #copy{
    width: 100%;
    position: absolute;
    bottom: 0px;
    }       
}