:root {
    --fuentePrincipal: 'Staatliches', cursive;
    --blanco: #FFF;
    --negro: #000;
    --naranja: #ee5217;
    --verde: #04AA6D;
    --azul: #002fff;
    --azulB: #0f2a74;
    --gris: #8d8d8d;

    --fuentePrincipal: 'Staatliches', cursive; 
    --fuenteSecundaria: FuturaEFHeavy;
}
@font-face {
    font-family: FuturaEFHeavy;
    src: url('../fonts/Futura_Heavy.otf');
}
html { box-sizing: border-box; font-size: 62.5%; }
*, *:before, *:after { box-sizing: inherit; }
html, body {
   max-width: 100% !important;
   overflow-x: hidden !important;
}

/** Globales **/
body { background-color: var(--blanco); font-size: 1.6rem; line-height: 1.5; font-family: var(--fuenteSecundaria);}
p { font-size: 1.8rem; font-family: Arial, Helvetica, sans-serif; color: var(--blanco); }
a { text-decoration: none; }
img, svg { max-width: 80%; }
.contenedor { max-width: 120rem; margin: 0 auto; }
h1, h2, h3 { text-align: center; color: var(--secundario); font-family: var(--fuentePrincipal); }
h1 { font-size: 4rem; }
h2 { font-size: 3.2rem; }
h3 { font-size: 2.4rem; }
/**** Sections *****/
.cd-section {
background-image: url(../img/section1/back-1.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
height: 100vh;
position: relative;
margin-bottom: 2.5rem;
box-shadow: inset -5px -5px 9px rgba(94,104,121,0.3), inset 5px 5px 9px rgba(94,104,121,0.3);
}
.cd-sectionSilver {
    background-image: url(../img/cursos/moto.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 100vh;
    position: relative;
    margin-bottom: 2.5rem;
    box-shadow: inset -5px -5px 9px rgba(94,104,121,0.3), inset 5px 5px 9px rgba(94,104,121,0.3);
    }
.cd-sectionGold {
        background-image: url(../img/cursos/goldSMW.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        height: 100vh;
        position: relative;
        margin-bottom: 2.5rem;
        box-shadow: inset -5px -5px 9px rgba(94,104,121,0.3), inset 5px 5px 9px rgba(94,104,121,0.3);
    }
.cd-sectionMaster {
            background-image: url(../img/cursos/wallMaster.png);
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center center;
            height: 100vh;
            position: relative;
            margin-bottom: 2.5rem;
            box-shadow: inset -5px -5px 9px rgba(94,104,121,0.3), inset 5px 5px 9px rgba(94,104,121,0.3);
    }
    .cd-sectionPrivate {
        background-image: url(../img/cursos/wallPrivate.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        height: 100vh;
        position: relative;
        margin-bottom: 2.5rem;
        box-shadow: inset -5px -5px 9px rgba(94,104,121,0.3), inset 5px 5px 9px rgba(94,104,121,0.3);
        }
    .cd-sectionBussines {
        background-image: url(../img/cursos/wallBussines.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        height: 100vh;
        position: relative;
        margin-bottom: 2.5rem;
        box-shadow: inset -5px -5px 9px rgba(94,104,121,0.3), inset 5px 5px 9px rgba(94,104,121,0.3);
    }
.cd-sectionViaja {
    background-image: url(../img/section1/Viaja.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 100vh;
    position: relative;
}
.cd-sectionTrabaja {
    background-image: url(../img/section1/trabaja.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 100vh;
    position: relative;
}
.cd-sectionEstudia {
    background-image: url(../img/section1/estudia.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 100vh;
    position: relative;
}
.cd-sectionContact {
    height: 100vh;
    position: relative;
    background-color: var(--naranja);
}
.cd-sectionMetodo {
    background-image: url(../img/metodologia/section1/wallPaperMetodo.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 100vh;
    position: relative;
    box-shadow: inset -5px -5px 9px rgba(0, 0, 0, 0.45), inset 5px 5px 9px rgba(0, 0, 0, 0.45);
}
video {
    display: none;
}
@media (min-width: 768px){
    .cd-section,
    .cd-sectionViaja,
    .cd-sectionTrabaja,
    .cd-sectionEstudia,
    .cd-sectionSilver,
    .cd-sectionGold {
        background-image: none;
        height: 100vh;
        position: relative;
        background: var(--negro);
    }
    video {
        display: block;
        position: absolute;
        right: 0;
        bottom: 0;
        width: 100%;
        height: auto;
        z-index: 1;
    }
}
.cd-section2 {
    height: 100vh;
    background-image: url(../img/section2/monumentos.png);
    background-repeat: no-repeat;
    background-size: auto;
    background-position-x: 15rem;
    margin-bottom: 2.5rem;
    box-shadow: inset -5px -5px 9px rgba(94,104,121,0.3), inset 5px 5px 9px rgba(94,104,121,0.3);
}
.cd-section4 {
    background-color: var(--blanco);
    height: 100vh;    
    margin-bottom: 2.5rem;
    box-shadow: inset -5px -5px 9px rgba(94,104,121,0.3), inset 5px 5px 9px rgba(94,104,121,0.3);
}
.cd-section3,
.cd-section5{
    background-color: var(--naranja);
    height: 100vh;
    margin-bottom: 2.5rem;  
    box-shadow: inset -5px -5px 9px rgba(94,104,121,0.3), inset 5px 5px 9px rgba(94,104,121,0.3);
}
.cd-section7 {
    background-image: url(../img/section7/background.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 100vh;
    margin-bottom: 2.5rem;
    box-shadow: inset -5px -5px 9px rgba(94,104,121,0.3), inset 5px 5px 9px rgba(94,104,121,0.3);
}
.cd-section6{
    background-color: var(--negro);
    height: 100vh;
    margin-bottom: 2.5rem;
    box-shadow: inset -5px -5px 9px rgba(255,255,255,0.45), inset 5px 5px 9px rgba(255,255,255,0.45);
}
.cd-section8 {
    background-color: var(--negro);
    height: 100vh;
    box-shadow: inset -5px -5px 9px rgba(255,255,255,0.45), inset 5px 5px 9px rgba(255,255,255,0.45);
}
.cd-sectionM2{
    margin-top: 3rem;
    background-color: var(--gris);
    height: 100vh;
    margin-bottom: 2.5rem;
    box-shadow: inset -5px -5px 9px rgba(0, 0, 0, 0.45), inset 5px 5px 9px rgba(0, 0, 0, 0.45);
}
.cd-sectionM3,
.cd-sectionM7{
    margin-top: 3rem;
    background-color: var(--naranja);
    height: 100vh;
    margin-bottom: 2.5rem;
    box-shadow: inset -5px -5px 9px rgba(0, 0, 0, 0.45), inset 5px 5px 9px rgba(0, 0, 0, 0.45);
}
.cd-sectionM4,
.cd-section__curso2{
    margin-top: 3rem;
    background-color: var(--blanco);
    height: 100vh;
    margin-bottom: 2.5rem;
    box-shadow: inset -5px -5px 9px rgba(0, 0, 0, 0.45), inset 5px 5px 9px rgba(0, 0, 0, 0.45);
}
.cd-sectionM5{
    margin-top: 3rem;
    background-color: var(--gris);
    height: 100vh;
    margin-bottom: 2.5rem;
    box-shadow: inset -5px -5px 9px rgba(0, 0, 0, 0.45), inset 5px 5px 9px rgba(0, 0, 0, 0.45);
}
.cd-sectionM6{
    margin-top: 3rem;
    background-color: var(--negro);
    height: 100vh;
    margin-bottom: 2.5rem;
    box-shadow: inset -5px -5px 9px rgba(255,255,255,0.45), inset 5px 5px 9px rgba(255,255,255,0.45);
}
/********************/
.filtro {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100vh;
    z-index: 1;
}
/** Header **/
.header__logo { 
    margin: 3rem 0;
    width: 100%;
}

/************************************************/
/*** Menu Mobil ***/
.navegacion {
    display: none;
}
.topnav {
    background-color: var(--negro);
    overflow: hidden;
    position: fixed;
    width: 100%;    
    z-index: 2000;
  }
  .topnav a {
    float: left;
    display: block;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 2rem;
    font-weight: 700;
  }
  .topnav a:hover {
    background-color: var(--negro);
    color: var(--blanco);
  }
  .topnav a.active {
    background-color: var(--negro);
    color: white;
  }
  .contenedor__elements1,
  .contenedor__elements2{
    display: none;
    justify-content: center;
  }
  @media screen and (max-width: 767.98px) {
    .topnav a:not(:first-child) {display: none;}
    .topnav a.icon {
      float: right;
      display: block;
    }
  }
  @media screen and (max-width: 767.98px) {
    .topnav.responsive {      
        position: fixed;
    }
    .logo {
        max-width: 80%;
     }
    .topnav.responsive a.icon {
      position: absolute;
      right: 0;
      top: 0;
    }
    .topnav.responsive a {
      float: none;
      display: block;
      text-align: center;
    }
  }

/***********************************************/
.btnCerrar {
    width: 6rem;
    height: 3rem;
    background: black;
    border: 2px solid #fff;
    outline: none;
    border-radius: .6rem;
    cursor: pointer;
    font-size: 1.1rem;
    color: #fff;
    font-weight: 700;
    transition: .5s;
}
.btnLogin-popup {
    width: 13rem;
    height: 5rem;
    background: transparent;
    border: 2px solid #fff;
    outline: none;
    border-radius: .6rem;
    cursor: pointer;
    font-size: 1.3rem;
    color: #fff;
    font-weight: 700;
    transition: .5s;
}
.btnLogin-popup:hover {
    background-color: var(--naranja);
}
.container-modal{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0; left: 0;
    background-color: rgba(144, 148, 150, 0.8);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 999;
}
.content-modal{
    width: 100%;
    max-width: 900px;
    padding: 20px;
    background-color: #fff;
    border-radius: 4px;
}
.content-modal h2{
    margin-bottom: 15px;
    font-size: 2.2rem;
}
.content-modal p{
    padding: 15px 0px;
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
    font-size: 0.4rem;
}
.content-modal .btn-cerrar{
    width: 100%;
    margin-top: 15px;
    display: flex;
    justify-content: flex-end;
}
.content-modal .btn-cerrar label{
    padding: 7px 10px;
    background-color: #5488a3;
    color: #fff;
    border-radius: 4px;
    cursor: pointer;
    transition: all 300ms ease;
}
.content-modal .btn-cerrar label:hover{
    background-color:#185E83;
}
.cerrar-modal{
    width:100%;
    height: 100vh;
    position: absolute;
    top:0; left: 0;
    z-index: -1;
}
@media screen and (max-width:800px) {
    .content-modal{
        width: 90%;
    }
}
/******************************************************/
/** Footer **/
.footer {
    color: var(--blanco);
    width: 100%;
    height: 8rem;
    position: absolute;
    bottom: 0;
    left: 0;
}
.box__navegacion {
    display: flex;
    padding: 1rem 3rem;
    align-items: center;
    gap: 3rem;
}

/** Navegacion **/

.contenedor__contenido {
    display: flex;
    flex-direction: column;
    height: 80vh;
    justify-content: center;
}
.elemento__contenido {
    color: var(--blanco);
    display: flex;
    justify-content: center;
    align-items: center;
}
.elemento2 {
    position: absolute;
    z-index: 2;
    display: block;
    line-height: 0.2;
}
.elemento2 .habla {
    font-family: var(--fuenteSecundaria);
    font-size: 4rem;
}
.elemento2 h3 {
    font-size: 4rem;
    text-align: left;
    font-family: var(--fuenteSecundaria);
    text-transform: uppercase;
    margin-left: 0;
}
.elemento2 h2 {
    font-size: 8.5rem;
    font-family: var(--fuenteSecundaria);
    text-transform: uppercase;
}
.contorno {
    -webkit-text-stroke: 5px var(--blanco);
    color: transparent;
}
.inscribete {
    background-color: var(--naranja);
    color: var(--blanco);
    text-transform: uppercase;
    padding: 1.2rem 1.2rem;
    border-radius: 3rem;
    font-size: 3.5rem;
    font-family: var(--fuenteSecundaria);
    margin-left: 0.5rem;
}
.inscribete:hover {
    background-color: #5674fc;
}
.fadeTop {
    opacity: 0; 
    transform: translate(0, 40vh);
    transition: all 3s;
}
.fadeBottom {
	opacity: 0; 
    transform: translate(0, -40vh);
    transition: all 3s;
}
.fadeRight {
        opacity: 0;
        transform: translate(30vh, 0vh);
        transition: all 3s;
    }
    .fadeLeft {
        opacity: 0;
        transform: translate(-30vh, 0vh);
        transition: all 3s;
    }  
    .visible {
        opacity: 1;
        transform: translate(0, 0);
    }
    .scroll-content img{
        width: 100%;
    }
@media (min-width: 768px){
    .topnav {
        display: none;
    }
    .navegacion {
        display: block;
        background-color: transparent;
        font-family: var(--fuenteSecundaria);
    }
    .box__navegacion {
        display: flex;
        padding: 1rem 3rem;
        align-items: center;
        gap: 3rem;
    }
    .push {
        margin-left: auto;
    }
    .navegacion__enlace--texto {
        font-family: var(--fuenteSecundaria);
        color: var(--blanco);
        font-size: 2.8rem;
    }
    .navegacion__enlace--texto:hover,
    .elemento__navegacion .politicas:hover {
        color: var(--naranja);
    }
    .elemento__navegacion .politicas{
        font-family: var(--fuenteSecundaria);
        color: var(--blanco);
        font-size: 1.3rem;
    }
    .carrito,
    .localización,
    .usuario,
    .whatsapp,
    .facebook,
    .instagram,
    .youtube,
    .tik-tok {
        transition: transform .5s;
    }
    .carrito:hover,
    .localización:hover,
    .usuario:hover,
    .whatsapp:hover,
    .facebook:hover,
    .instagram:hover,
    .youtube:hover,
    .tik-tok:hover {
        transform: scale(1.3); 
    }
    .contenedor__contenido {
        height: 70vh;        
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }
    .elemento__contenido {
        flex: 0 0 calc(50% - 15rem);
        color: var(--blanco);

        display: flex;
        justify-content: center;
        align-items: center;
    }
    .elemento2 {
        position: absolute;
        z-index: 2;
        display: block;
        line-height: 0.2;
    }
    .elemento2 .habla {
        font-family: var(--fuenteSecundaria);
        font-size: 5rem; 
    }
    .elemento2 h3 {
        font-size: 6rem;
        text-align: left;
        font-family: var(--fuenteSecundaria);
        text-transform: uppercase;
        margin-left: 0;
    }
    .elemento2 h2 {
        font-size: 9rem;
        font-family: var(--fuenteSecundaria);
        text-transform: uppercase;
    }
    .contorno {
        -webkit-text-stroke: 5px var(--blanco);
        color: transparent;
    }
    .inscribete {
        background-color: var(--naranja);
        color: var(--blanco);
        text-transform: uppercase;
        padding: 1.5rem 1.5rem;
        border-radius: 3rem;
        font-size: 4.2rem;
        font-family: var(--fuenteSecundaria);
        margin-left: 1rem;
        line-height: 2;
    }
    .inscribete:hover {
        background-color: #5674fc;
    }
    .footer {
        color: var(--blanco);
        width: 100%;
        height: 8rem;
        position: absolute;
        bottom: 0;
        left: 0;
    }
    .footer__texto {
        font-family: var(--fuenteSecundaria);
        text-align: center;
        font-size: 2.2rem;
    }
}
/*************** Section 2 ***************/
.contenedor__section2 {
    height: 100vh;    
    display: flex;
    align-items: center;
    width: 60%;
}
.elemento__section2{
        color: var(--negro);
        display: flex;
        flex-direction: column;
}
.elemento__section2 h2 {
    margin-bottom: -1rem;
    letter-spacing: 0.2rem;
    font-family: var(--fuenteSecundaria);
    text-transform: uppercase;
    font-size: 3.5rem;
    text-align: left;
    margin-left: 1rem;
}
.elemento__section2 p {
    color: var(--negro);
    font-size: 2rem;
    text-align: left;
    margin-left: 1rem;
    text-transform: lowercase;

}
@media (min-width: 768px){
    .cd-section2 {
        height: 100vh;
        background-image: url(../img/section2/monumentos.png);
        background-repeat: no-repeat;
        background-size: auto;
        background-position-x: 100rem;
    }
    .contenedor__section2 {
        width: 65%;
    }
    .elemento__section2{
            color: var(--negro);
            display: flex;
            flex-direction: column;
    }
    .elemento__section2 h2 {
        margin-bottom: -1rem;
        letter-spacing: 0.2rem;
        font-family: var(--fuenteSecundaria);
        text-transform: uppercase;
        font-size: 5rem;
        margin-left: 0;
        text-align: left;
    }
    .elemento__section2 p {
        color: var(--negro);
        font-size: 3.6rem;
        margin-left: 0;
        text-align: left;
        text-transform: lowercase;
    }
    .fadeTop {
    opacity: 0; 
    transform: translate(0, 40vh);
    transition: all 3s;
    }  
    .visible {
    opacity: 1;
    transform: translate(0, 0);
    }
    .scroll-content img{
    width: 100%;
    }
} 

/*************** Section 3 ***************/
.contenedor__section3 {
    display: flex;
    flex-direction: column;
    height: 80vh;
    align-items: center;  
}
.elemento__section3 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-right: 0;
    margin-top: 1.5rem;
}
.elemento__section3 img {
    width: 80%;
}
.elemento__section3:first-of-type {
    display: block;
}
.elemento__dos {
    position: absolute;
}
.elemento__uno,
.elemento__dos {
    text-align: center;
}
.elemento__section3 h2 {
    color: var(--blanco);
    font-family: var(--fuenteSecundaria);
    text-transform: uppercase;
    font-size: 1.8rem;
    margin-left: 0;
    -webkit-text-stroke: 1px var(--negro);
}
.elemento__section3 p {
    display: block;
    color: var(--blanco);
    font-family: var(--fuenteSecundaria);
    font-size: 1.3rem;
    text-align: center;
    margin-top: -3rem;
}
.elemento__section3 ul li {
    display: none;
}  
@media (min-width: 768px){
    .contenedor__section3 {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;    
        height: 100vh;
    }
    .elemento__section3 {
        flex: 0 0 calc(50% - 1rem);
    
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin-right: 10rem;
        margin-top: 0;
    }
    .bilingue {
        margin-left: 3rem;
    }
    .elemento__section3 img {
        width: 100%;
    }
    .elemento__section3:first-of-type {
        display: none;
    }
    .elemento__section3 p {
        display: none;
    }
    .elemento__uno,
    .elemento__dos {
        position: absolute;
    }
    .elemento__section3 h2 {
        color: var(--blanco);
        font-family: var(--fuenteSecundaria);
        text-transform: uppercase;
        text-align: left;
        font-size: 4rem;
        margin-left: 7rem;
        -webkit-text-stroke: 2px var(--negro);
    }
    .elemento__section3 ul li {
        display: block;
        color: var(--blanco);
        font-family: var(--fuenteSecundaria);
        font-size: 3rem;
        margin-left: 3rem;
        -webkit-text-stroke: 1px var(--negro);
    }
    .elemento__section3 ul li span {
        color: var(--azul);
        -webkit-text-stroke: 1px var(--blanco);
    }
}
/*************** Section 4 ***************/
.contenedor__section4 {
    display: flex;
    flex-direction: column;
    height: 100vh;
    gap: 2rem;
}
.elemento__section4 {
    flex: 0 0 calc(50% - 1rem);
    
    display: flex;
    justify-content: center;
    align-items: center;
}
.elemento__section4:nth-child(1),
.elemento__section4:nth-child(2) {
    display: none;
}
.elemento__section4:nth-child(3) {
    background-color: var(--negro);
    display: flex;
    flex-direction: column;
    text-align: center;
}
.elemento__section4:nth-child(4) {
    display: flex;
    flex-direction: column;
    text-align: center;
}
.elemento__section4:nth-child(3) .element__uno img,
.elemento__section4:nth-child(4) .element__uno img{
    width: 80%;
    margin-bottom: 3rem;
}
.elemento__section4:nth-child(3) .element__dos a,
.elemento__section4:nth-child(4) .element__dos a {
    font-size: 3rem;
}
.elemento__section4:nth-child(3) .element__tres img{
    margin-top: 3rem;
}
.elemento__section4:nth-child(4) .element__tres img {
    margin-top: 3rem;
    width: 60%;
}
@media (min-width: 768px){
    .contenedor__section4 {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        height: 100vh;
    }
    .elemento__section4 {
        flex: 0 0 calc(50% - 1rem);
        text-align: center;

        display: flex;
        flex-direction: column;
    }
    .elemento__section4:nth-child(1),
    .elemento__section4:nth-child(2) {
        display: block;
    }
    .elemento__section4:nth-child(1) .element__uno img {
        width: 70%;
        margin: 15rem 0 1rem -6rem;
    } 
    .elemento__section4:nth-child(2) .element__uno img {
        margin-bottom: 1rem;
    }
    .elemento__section4:nth-child(1) .element__tres img{
        margin: 14rem 0 14.5rem 0;
    }
    .elemento__section4:nth-child(2) .element__tres img{
        position: absolute;
        width: 88%;
        margin: -19rem 0 0 8.8rem;
    }
    .elemento__section4:nth-child(2) {
        background-color: var(--negro);
        height: 80%;
    }
    .elemento__section4:nth-child(3),
    .elemento__section4:nth-child(4) {
    display: none;
    }    
    .fadeRight {
        opacity: 0;
        transform: translate(30vh, 0vh);
        transition: all 3s;
    }
    .fadeLeft {
        opacity: 0;
        transform: translate(-30vh, 0vh);
        transition: all 3s;
    }  
    .visible {
        opacity: 1;
        transform: translate(0, 0);
    }
    .scroll-content img{
        width: 100%;
    }
}

/*************** Section 5 y 6 ***************/
.contenedor__section5 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100vh;
}
.elemento__section5 {
    text-align: center;
}
.reproducir {
    width: 80%;
    margin-bottom: 2rem;
    transition: transform .5s;
}
.leyenda,
.leyenda2 {
    width: 80%;
}
.reproducir:hover {
    transform: scale(1.1);
}
.scroll-content .reproducir,
.scroll-content .leyenda,
.scroll-content .leyenda2{
    width: 80%;
}
@media (min-width: 768px) {
    .contenedor__section5 {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        height: 100vh;
    }
    .elemento__section5 {
        flex: 0 0 calc(50% - 1rem);
        text-align: center;
    }
    .elemento__section5:first-of-type {
        text-align: right;
    }
    .reproducir {
        width: 90%;
    }
    .leyenda {
        width: 100%;
    }   
}
/*************** Section 7 ***************/
.contenedor__section7 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100vh;
}
.elemento__section7 {
    flex: 0 0 calc(33.33% - 1rem);
}
.elemento__section7:first-of-type {
    display: flex;
    justify-content: flex-end;
}
.elemento__section7:last-of-type {
    display: flex;
    justify-content: flex-start;
}
.circuloH, .circuloF{
    width: 68%;
}
.elemento__section7 h2, h1{
    color: var(--blanco);
    font-family: var(--fuenteSecundaria);
    text-transform: uppercase;
    text-align: left;
}
.elemento__section7 h2 {
    font-size: 3rem;
    -webkit-text-stroke: 1px var(--negro);
}
.elemento__section7 h1 {
    font-size: 2.8rem;
    -webkit-text-stroke: 1px var(--negro);
}
@media (min-width:768px) {
    .elemento__section7:first-of-type,
    .elemento__section7:last-of-type {
        display: none;
    }
    .elemento__section7 h2, h1{
        color: var(--blanco);
        font-family: var(--fuenteSecundaria);
        text-transform: uppercase;
        text-align: left;
    }
    .elemento__section7 h2 {
        font-size: 6rem;
        -webkit-text-stroke: 3px var(--negro);
    }
    .elemento__section7 h1 {
        font-size: 8rem;
        -webkit-text-stroke: 3px var(--negro);
    }

}
/*************** Section 8 ***************/
.contenedor__section8 {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}
table tr td {
    color: var(--blanco);
    text-align: center;
}
table tr:nth-child(2) td:nth-child(1) {
    text-align: right;
    width: 30%;
}
table tr:nth-child(2) td:nth-child(2) {
    text-align: left;
    width: 30%;
}
.element__silver,
.element__empresarial,
.element__gold,
.element__private {
    width: 60%;
    transition: transform .5s;
}
.element__master {
    width: 50%;
    transition: transform .5s;
}
.element__central {
    width: 80%;
    transition: transform .5s;
}
.element__silver:hover,
.element__empresarial:hover,
.element__gold:hover,
.element__private:hover,
.element__master:hover,
.element__central:hover {
    transform: scale(1.1);
}

.scroll-content .element__silver,
.scroll-content .element__empresarial,
.scroll-content .element__gold,
.scroll-content .element__private,
.scroll-content .element__central {
    width: 80%;
}
.scroll-content .element__master {
    width: 60%;
}
@media (min-width: 768px) {
    .scroll-content .element__silver,
    .scroll-content .element__empresarial,
    .scroll-content .element__gold,
    .scroll-content .element__private,
    .scroll-content .element__central {
        max-width: 40%;
    }
    .scroll-content .element__master {
        max-width: 30%;
    }   
}
/*** Viaja ***/
.contenedor__viaja {
    display: flex;
    height: 40vh;
    justify-content: center;
    align-items: center;
    gap: 1rem;
}
.elemento__viaja {
    flex: 0 0 calc(50% - 1rem);
}
.elemento__viaja:nth-child(2) {
    text-align: right;
}
.contenedor__central {
    display: flex;
    height: 30vh;
    justify-content: center;
    align-items: center;
}
.elemento__central {
    display: flex;
    flex-direction: column;
}
.elemento__central h2, h3 {
    color: var(--blanco);
    font-family: var(--fuenteSecundaria);
    text-align: left;
    text-transform: uppercase;
    margin-left: 3rem;
}
.elemento__central h2 {
    font-size: 4rem;
    margin-bottom: -1rem;
}
.elemento__central h3 {
    font-size: 3rem;
}
.avion,
.circuloN {
    width: 70%;
}
.portafolio {
    width: 60%;
}
@media (min-width: 768px){
    .contenedor__viaja {
        display: flex;
        height: 30vh;
        justify-content: center;
        gap: 65rem;
    }
    .elemento__viaja {
        flex: 0 0 calc(50% - 1rem);
    }
    .elemento__viaja:nth-child(2) {
        text-align: right;
    }
    .contenedor__central {
        display: flex;
        height: 30vh;
        justify-content: center;
    }
    .elemento__central {
        display: flex;
        flex-direction: column;
    }
    .elemento__central h2, h3 {
        color: var(--blanco);
        font-family: var(--fuenteSecundaria);
        text-align: left;
        text-transform: uppercase;
    }
    .elemento__central h2 {
        font-size: 6rem;
        margin-bottom: -4rem;
    }
    .elemento__central h3 {
        font-size: 5rem;
    }
    .avion,
    .circuloN {
    width: 40%;
    }
    .portafolio {
    width: 30%;
    }
    .elemento__viaja:first-of-type{
        margin: -15rem 0 0 10rem;
    }
    .elemento__viaja:nth-child(2){
        margin: -35rem 0 0 -1rem;
    }
}

/****************  Contacto  ***********************/
.contenedorC { 
    max-width: 120rem; 
    margin: 0 auto; 
}
.contenedor__contacto {
    display: flex;
    flex-direction: column;
    height: 100vh;
}
.elemento__contacto:first-of-type {
    display: none;
}
.elemento__contacto:nth-child(2){
    margin-top: 7.5rem;
    text-align: center;
}
.elementoC h2 {
    color: var(--blanco);
    font-family: var(--fuenteSecundaria);
    text-transform: uppercase;
    font-size: 3.8rem;
    margin-bottom: -5rem;
 }
 .elementoC h1 {
    color: var(--blanco);
    font-family: var(--fuenteSecundaria);
    text-transform: uppercase;
    font-size: 4rem;
    margin-bottom: -1rem;
    margin-left: 5rem;
 }
 .elementoC .flecha {
   display: none;
 }
 .elementoC .flecha2 {
    margin: -3rem 0 0 15rem;
 }
 .teacher2 {
    display: block;
    position: relative;
    z-index: 2;
    margin-left: 2rem;
 }
 .teacher {
    display: none;
 }
 .whatsappC2 {
    display: block;
    position: absolute;
    margin: -25rem 0 0 17rem;
 }
 .whatsappC {
    display: none;
 }
 .elemento__contacto:last-of-type {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 2rem;
}
.elemento__contacto:last-of-type h2, a {
    color: var(--blanco);
    font-family: var(--fuenteSecundaria);
    text-transform: uppercase;
    font-size: 2rem;
    text-decoration: none;
 }
@media (min-width: 768px) {
.contenedorC { 
    max-width: 180rem; 
    margin: 0 auto;
}
.contenedor__contacto {
    display: flex;
    flex-direction: column;
    height: 100vh;
}
.elemento__contacto:first-of-type {
    display: block;
}
.elemento__contacto:nth-child(2) {
    margin-top: 0;
}
.elemento__contacto:first-of-type,
.elemento__contacto:last-of-type {
    justify-content: left;
}
.elemento__contacto {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
 }
 .elemento__contacto .elementoC:first-of-type {
    margin: 0 0 0 -20rem;
 }
 .elemento__contacto .elementoC h2 {
    color: var(--blanco);
    font-family: var(--fuenteSecundaria);
    text-transform: uppercase;
    font-size: 6.5rem;
    margin-bottom: -10rem;
 }
 .elementoC h1 {
    color: var(--blanco);
    font-family: var(--fuenteSecundaria);
    text-transform: uppercase;
    font-size: 10rem;
    margin-bottom: -3rem;
 }
 .elementoC .flecha {
    display: block;
    width: 30%;
    margin: -3rem 0 0 30rem;
    -webkit-transform: rotate(-20deg);
    -moz-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    transform: rotate(-20deg);
 }
  .elementoC .flecha2 {
    display: none;
  }
  .teacher {
    display: block;
    position: relative;
    z-index: 2;
  }
  .teacher2 {
    display: none;
  }
 .elemento__contacto:last-of-type h2, a {
    color: var(--blanco);
    font-family: var(--fuenteSecundaria);
    text-transform: uppercase;
    font-size: 2.8rem;
    text-decoration: none;
 }
 .whatsappC2 {
    display: none;
 }
 .whatsappC {
    display: block;
    margin: -1rem 0 0 -10rem;
    z-index: 1;
 }
}

/***** Metodología *****/
video {
    display: none;
}
.contenedor_metodoInicio {
    display: flex;
    flex-direction: column;
    height: 100vh;
    align-items: center;
    gap: 8rem;
}
.elemento__metodoInicio h1{
    color: var(--blanco);
    font-family: var(--fuenteSecundaria);
    font-size: 4rem;
}
.elemento__metodoInicio h2 {
    color: var(--blanco);
    font-family: var(--fuentePrincipal);
    text-transform: uppercase;
    font-weight: 100;
    font-size: 4rem;
}
.logocentral {
    display: none;
}
.logocentral2 {
    display: block;
    margin-top: 15rem;
}
@media(min-width: 768px){
    .cd-sectionMetodo {
        height: 100vh;
        position: relative;
        background-image: none;
    }
    video {
        display: block;
    }
    .contenedor_metodoInicio {
        display: flex;
        flex-direction: column;
        height: 100vh;
        align-items: center;
        gap: 5rem;
    }
    .elemento__metodoInicio h1{
        color: var(--blanco);
        font-family: var(--fuenteSecundaria);
        font-size: 7rem;
    }
    .elemento__metodoInicio h2 {
        color: var(--blanco);
        font-family: var(--fuentePrincipal);
        text-transform: uppercase;
        font-weight: 100;
        font-size: 5rem;
    }
    .logocentral {
        display: block;
        margin-top: 5rem;
    }
    .logocentral2 {
        display: none;
    }
}

/****  Metodologia 2 ***/
.contenedor__M2 .elementos__M2:first-of-type,
.contenedor__M2 .elementos__M2:nth-child(2),
.contenedor__M2 .elementos__M2:nth-child(3) {
    display: none;
}
.contenedor__M2 .elementos__M2:nth-child(4),
.contenedor__M2 .elementos__M2:nth-child(5) {
    text-align: center;
}
.circuloLogo {
    margin-top: 2rem;
}
.cir {
    position: relative;
    -webkit-transform: rotate(-100deg);
        -moz-transform: rotate(-100deg);
        -ms-transform: rotate(-100deg);
        transform: rotate(-100deg);
}
.dama2 {
    position: absolute;
    margin: 5rem 0 0 -30rem;
}
.contenedor__M2 .elementos__M2:last-of-type {
    margin-top: 5rem;
}
.contenedor__M2 .elementos__M2:last-of-type h2, h3, p{
    text-align: center;
    color: var(--blanco);
    font-family: var(--fuenteSecundaria);
    text-transform: uppercase;
}
.contenedor__M2 .elementos__M2:last-of-type h2{
    margin: -3rem 0 -3rem 0;
    font-size: 2rem;
}
.contenedor__M2 .elementos__M2:last-of-type h3 {
    font-size: 2rem;
    margin-bottom: -1rem;
}
.contenedor__M2 .elementos__M2:last-of-type p {
    font-size: 1.3rem;
    color: var(--blanco);
}
@media (min-width:768px){
.contenedor__M2 .elementos__M2:nth-child(2),
.contenedor__M2 .elementos__M2:nth-child(3) {
    display: flex;
}
    .contenedor__M2 .elementos__M2:first-of-type {
        display: flex;
        flex-direction: column;
        margin-top: 2rem;
    }
    .contenedor__M2 .elementos__M2:nth-child(4),
    .contenedor__M2 .elementos__M2:nth-child(5),
    .contenedor__M2 .elementos__M2:nth-child(6) {
        display: none;
}
    .contenedor__M2 {
        display: flex;
        flex-direction: row;
        height: 100vh;
    }
    .elementos__M2 {
        display: flex;
        flex-direction: row;
    }
    .elementos__M2:nth-child(3) {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
    }
    .elementos__M2:nth-child(3) h2 {
        color: var(--blanco);
        font-family: var(--fuenteSecundaria);
        text-transform: uppercase;
        font-size: 10rem;
        margin-bottom: -14rem;
    }
    .elementos__M2:nth-child(3) h3 {
        color: var(--blanco);
        font-family: var(--fuenteSecundaria);
        text-transform: uppercase;
        font-size: 8rem;
        margin-left: 0.1rem;
    }
    .elementos__M2:nth-child(3) p {
        color: var(--blanco);
        font-family: var(--fuenteSecundaria);
        text-transform: uppercase;
        font-size: 2.5rem;
    }
    .linea {
        position: absolute;
        margin: -55rem 0 0 50rem;
    }
    .circuloM {
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }
}

/****  Metodologia 3 ***/
.elementos__M3:nth-child(1),
.elementos__M3:nth-child(2),
.elementos__M3:nth-child(3) {
        display: none;
}
.contenedor__M3 {
    display: flex;
    flex-direction: column;
    height: 100vh;
    justify-content: center;
    align-items: center;
    gap: 2rem;
}
.chica {
    position: absolute;
    margin: 5rem 0 0 -35rem;
}
.elementos__M3 h2, p {
    color: var(--blanco);
    font-family: var(--fuenteSecundaria);
    text-transform: uppercase;
}
.elementos__M3 h2 {
    font-size: 2.2rem;
    margin-bottom: -1rem;
}
.elementos__M3 p {
    color: var(--blanco);
    font-size: 1.5rem;
}

@media (min-width:768px){
    .elementos__M3:nth-child(1),
.elementos__M3:nth-child(2),
.elementos__M3:nth-child(3) {
        display: block;
    }
    .elementos__M3:nth-child(4),
    .elementos__M3:nth-child(5),
    .elementos__M3:nth-child(6) {
        display: none;
    }
    .contenedor__M3 {
        display: flex;
        flex-direction: row;
        height: 100vh;
        justify-content: left;
    }
    .elementos__M3 {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .elementos__M3 h2, p {
        font-family: var(--fuenteSecundaria);
        color: var(--blanco);
        text-transform: uppercase;
        text-align: left;
        margin-bottom: -2rem;
    }
    .elementos__M3 h2{
        font-size: 7rem;
    }
    .elementos__M3 p {
        font-size: 2.5rem;
        color: var(--blanco);
    }
    .elementos__M3:nth-child(3) {
        position: absolute;
        margin: -45rem 0 0 130rem;
    }
    .circuloM2 {
        -webkit-transform: rotate(-360deg);
        -moz-transform: rotate(-360deg);
        -ms-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}

/****  Metodologia 4 & 5 ***/
.contenedor__M4 {
    display: flex;
    flex-direction: column;
    height: 100vh;
    gap: 4rem;
    justify-content: center;
    align-items: center;  
}
.elemento__M4:nth-child(1),
.elemento__M4:nth-child(2),
.elemento__M4:nth-child(3){
    display: none;
}
.elemento__M4:nth-child(4),
.elemento__M4:nth-child(5),
.elemento__M4:nth-child(6){
    text-align: center;
}
.cirH {
    position: relative;
}
.cirN {
position: absolute;
margin: 7rem 0 0 10rem;
}
.hojaBln {
    position: absolute;
    margin: 4rem 0 0 -17rem;
}
.elemento__M4:last-of-type {
    margin-top: 5rem;
}
.elemento__M4:last-of-type h2, p {
    color: var(--negro);
    font-family: var(--fuenteSecundaria);
    text-transform: uppercase;
}
.elemento__M4:last-of-type h2 {
    margin-bottom: -1rem;
    font-size: 2.2rem;
}
.elemento__M4:last-of-type p {
    font-size: 1.7rem;
}
.personas {
    position: absolute;
    margin: 8rem 0 0 -35rem;
}
.elemento__M4:last-of-type .slg, 
.slg2 {
    color: var(--blanco);
}
.elemento__M4:last-of-type .slg {
    font-size: 5rem;
}
.slg2 {
    font-size: 1.6rem;
}
@media(min-width: 768px) {
.elemento__M4:nth-child(1),
.elemento__M4:nth-child(2),
.elemento__M4:nth-child(3){
    display: flex;
}
.contenedor__M4 {
        display: flex;
        flex-direction: row;
        height: 100vh;
    }
    .elemento__M4 {
        display: flex;
        flex-direction: column;
    }
    .circuloM4 {
        position: absolute;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        margin: -39rem 0 0 -9rem;
    }
    .elemento__M4:nth-child(4),
    .elemento__M4:nth-child(5),
    .elemento__M4:nth-child(6){
        display: none;  
    }
    .elemento__M4 h2, p {
        color: var(--negro);
        font-family: var(--fuenteSecundaria);
        text-align: center;
    }
    .elemento__M4:nth-child(3){
        justify-content: center;
        width: 55%;
    }
    .elemento__M4 h2 {
        text-transform: uppercase;
        font-size: 7rem;
        margin-bottom: -4rem;
    }
    .elemento__M4 p {
        text-transform: capitalize;
        font-size: 3rem;
    }
    .elemento__M4 .slang, 
    .slang2 {
        color: var(--blanco);
    }
    .cd-sectionM5{
        margin-top: 3rem;
        background-color: var(--azulB);
        height: 100vh;
        margin-bottom: 2.5rem;
        box-shadow: inset -5px -5px 9px rgba(0, 0, 0, 0.45), inset 5px 5px 9px rgba(0, 0, 0, 0.45);
    }
}

/****  Metodologia 6 ***/
.elemento__M6:nth-child(1),
.elemento__M6:nth-child(2),
.elemento__M6:nth-child(3){
    display: none;
}
.elemento__M6:nth-child(4),
.elemento__M6:nth-child(5){
    text-align: center;
}
.contenedor__M6 {
    display: flex;
    flex-direction: column;
    height: 100vh;
    align-items: center;
    justify-content: center;
}
.elemento__M6 {
    display: flex;
    flex-direction: column;
}
.cirM6 {
    position: relative;
    -webkit-transform: rotate(-60deg);
        -moz-transform: rotate(-60deg);
        -ms-transform: rotate(-60deg);
        transform: rotate(-60deg);
        margin-bottom: 2rem;
}
.chicaH {
    position: absolute;
    margin: 10rem 0 0 -9rem;
}
.music, .text__music {
    color: var(--blanco);
    font-family: var(--fuenteSecundaria);
    text-transform: uppercase;
    text-align: center;
}
.music {
    font-size: 5rem;
    margin-bottom: -1rem;
}
.text__music {
    font-size: 1.5rem;
}
.elemento__M4:last-of-type .bsnM {
    color: var(--blanco);
    text-align: center;
    font-size: 2.3rem;
    margin-top: 9rem;
}
.elemento__M4 .bsnM2{
    color: var(--blanco);
    font-size: 1.4rem;
    text-align: center;
}
@media (min-width: 768px){
.elemento__M6:nth-child(1),
.elemento__M6:nth-child(2),
.elemento__M6:nth-child(3){
    display: flex;
}
    .contenedor__M6 {
        display: flex;
        flex-direction: row;
        height: 100vh;
        align-items: center;
    }
    .elemento__M6 {
        display: flex;
        flex-direction: column;
    }
    .circuloM6 {
        position: absolute;
        -webkit-transform: rotate(-360deg);
        -moz-transform: rotate(-360deg);
        -ms-transform: rotate(-360deg);
        transform: rotate(-360deg);
        margin: -38rem 0 0 -26rem;
    }
    .elemento__M6:nth-child(4),
    .elemento__M6:nth-child(5){
        display: none;  
    }
    .music, .text__music {
        color: var(--blanco);
        font-family: var(--fuenteSecundaria);
        text-transform: uppercase;
        text-align: left;
    }
    .music {
        font-size: 10rem;
        margin-bottom: -3rem;
    }
    .text__music {
        font-size: 3.5rem;
    }
    .circuloBlI {
        position: absolute;
        z-index: 1;
        -webkit-transform: rotate(-360deg);
        -moz-transform: rotate(-360deg);
        -ms-transform: rotate(-360deg);
        transform: rotate(-360deg);
        margin: -38rem 0 0 -5.5rem;
    }
    .elemento__M4 .bsn {
        color: var(--blanco);
        text-align: left;
    }
    .elemento__M4 .bsn2{
        color: var(--blanco);
        font-size: 2.2rem;
        text-align: left;
    }
}

/***** Metodología 8 *****/
.contenedor__M8 {
    display: flex;
    height: 100vh;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.elemento__M8 {
    display: flex;
    flex-direction: column;
}
.elemento__M8 .kids, .text__kids {
    color: var(--blanco);
    font-family: var(--fuenteSecundaria);
    text-align: center;
}
.elemento__M8 .kids {
    font-size: 3rem;
    text-transform: uppercase;
    margin-bottom: -1rem;
}
.elemento__M8 .text__kids {
    font-size: 2rem;
    text-transform: capitalize;
}

@media(min-width:768px) {
    .contenedor__M8 {
        display: flex;
        height: 100vh;
        flex-direction: row;
        justify-content: left;
        align-items: center;
    }
    .elemento__M8 {
        display: flex;
        flex-direction: column;
    }
    .elemento__M8 .kids, .text__kids {
        color: var(--blanco);
        font-family: var(--fuenteSecundaria);
        text-align: left;
    }
    .elemento__M8 .kids {
        font-size: 8rem;
        text-transform: uppercase;
        margin-bottom: -3rem;
    }
    .elemento__M8 .text__kids {
        font-size: 3rem;
        text-transform: capitalize;
    }
}

/*************************  Cursos   *****************************/

.contenedor__curso {
    display: flex;
    flex-direction: column;
    height: 80vh;
}
.elemento__curso {
    margin-top: 12rem;
}
.subcontenedor__curso {
    display: flex;
    flex-direction: column;
    height: 100vh;
    justify-content: center;
    align-items: center;
    gap: 1rem;
}
.subelemento__curso h2,
.subelemento__curso p {
    text-transform: uppercase;
    text-align: center;
}
.subelemento__curso h2 {
    font-family: var(--fuenteSecundaria);
    font-size: 7rem;
    margin-bottom: -5rem;
    color: var(--blanco);
}
.subelemento__curso p {
    font-size: 6.4rem;
    font-family: var(--fuentePrincipal);
    color: rgb(185, 185, 185);
}
.boton4{
    text-decoration: none;
    display:inline-block;
    width:100%;
    padding:20px;
    background: rgb(182, 177, 177);
    text-align: center;
    color:var(--blanco);
    font-size: 3rem;
    font-weight: bold;
    transition: all 0.9s ease;
    box-shadow: -5px 1px 3px 0px var(--verde);
    border-radius: 10px 30px;
  }
  .boton4:hover{
    background: rgb(255, 255, 255);
    color: var(--verde);
    box-shadow:none;
    border-radius: 10px;
  }

@media (min-width: 768px) {
    .contenedor__curso {
        display: flex;
        flex-direction: column;
        height: 80vh;
    }
    .elemento__curso {
        margin-top: 0;
    }
    .subcontenedor__curso {
        display: flex;
        flex-direction: row;
        height: 100vh;
        justify-content: center;
        align-items: center;
        gap: 20rem;
    }
    .subelemento__curso h2,
    .subelemento__curso p {
        text-transform: uppercase;
        text-align: center;
    }
    .subelemento__curso h2 {
        font-family: var(--fuenteSecundaria);
        font-size: 15rem;
        margin-bottom: -23rem;
        color: var(--blanco);
    }
    .subelemento__curso p {
        font-size: 13.5rem;
        font-family: var(--fuentePrincipal);
        color: rgb(185, 185, 185);
    }
    .boton4{
        text-decoration: none;
        display:inline-block;
        width:100%;
        padding:20px;
        background: rgb(182, 177, 177);
        text-align: center;
        color:var(--blanco);
        font-size: 5rem;
        font-weight: bold;
        transition: all 0.9s ease;
        box-shadow: -5px 1px 3px 0px var(--verde);
        border-radius: 10px 30px;
      }
      .boton4:hover{
        background: rgb(255, 255, 255);
        color: var(--verde);
        box-shadow:none;
        border-radius: 10px;
      }
}
  /**************** caracteristicas ****************/
  .contenedor__curso2 {
    height: 100vh;
    display: flex;
    flex-direction: column;
  }
  .contenedor2__curso2{
    height: 90vh;
    display: flex;
    flex-direction: row;
    justify-content: center;
  }
  .elemento2__curso2 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    gap: 3rem;
    width: 100%;
  }
  .caracteristicas {
    font-family: var(--fuenteSecundaria);
    text-transform: uppercase;
    font-size: 3rem;
  }
  .texto__calendario,
  .texto__laptopCurso,
  .texto__signoDolar,
  .texto__speak,
  .texto__lap,
  .texto__money,
  .texto__dolar,
  .texto__escaleras {
    font-family: var(--fuenteSecundaria);
    text-transform: uppercase;
    font-size: 1.5rem;
  }
  .calendario,
  .laptopCurso,
  .signoDolar,
  .speak,
  .lap,
  .money,
  .dolar,
  .escaleras {
    width: 45%;
  }

  @media (min-width: 768px){
    .contenedor__curso2 {
        height: 100vh;
        display: flex;
        flex-direction: column;
      }
      .contenedor2__curso2{
        height: 85vh;
        display: flex;
        flex-direction: row;
        justify-content: center;
      }
      .elemento2__curso2 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
        gap: 3rem;
        width: 100%;
      }
      .caracteristicas {
        font-family: var(--fuenteSecundaria);
        text-transform: uppercase;
        font-size: 3.5rem;
      }
      .texto__calendario,
  .texto__laptopCurso,
  .texto__signoDolar,
  .texto__speak,
  .texto__lap,
  .texto__money,
  .texto__dolar,
  .texto__escaleras {
        font-family: var(--fuenteSecundaria);
        text-transform: uppercase;
        font-size: 1.5rem;
      } 
      .calendario,
      .laptopCurso,
     .signoDolar,
  .speak,
  .lap,
  .money,
  .dolar,
  .escaleras {
    width: 20%;
  }
  }

  /********** Inscripcion ************/
  .elemento__inscripcion:first-of-type,
  .elemento__inscripcion:nth-child(2) {
    display: none;
  }
  .contenedor__inscripcion {
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .elemento__inscripcion:nth-child(3),
  .elemento__inscripcion:last-of-type {
    height: 100vh;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .cf1M {
    width: 90%;
    margin-bottom: -10rem;
  }
  .elemento__inscripcion .text__plan h2{
    font-size: 4rem;
    font-family: var(--fuenteSecundaria);
    text-transform: uppercase;
    color: var(--gris);
    margin-bottom: -2rem;
  }
  .elemento__inscripcion .text_contPlan p{
    font-size: 2.5rem;
    font-family: var(--fuenteSecundaria);
    text-transform: capitalize;
    color: var(--gris);
    font-weight: 100;
    margin-bottom: 1rem;
  }
  .elemento__inscripcion .text_contPlan .st {
    font-family: var(--fuentePrincipal);
    text-transform: uppercase;
    font-weight: 600;
    font-size: 2.5rem;
    color: var(--negro);
    letter-spacing: 0.3rem;
  }
  .elemento__inscripcion:nth-child(4) div:nth-child(4){
    display: flex;
    justify-content: right;
    margin-left: 10rem;
  }
  .oferta {
    background-color: var(--azulB);
    height: 18rem;
    width: 50%;
    border-radius: 4rem 4rem 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 2rem;
  }
  @media (min-width:768px){
    .elemento__inscripcion:first-of-type,
  .elemento__inscripcion:nth-child(2) {
    display: flex;
  }
    .elemento__inscripcion:nth-child(3),
    .elemento__inscripcion:last-of-type {
        display: none;
    }
    .contenedor__inscripcion {
        height: 100vh;
        display: flex;
        flex-direction: row;
      }
      .elemento__inscripcion {
        height: 100vh;
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
      }
      .elemento__inscripcion:first-of-type {
        align-items: center;
      }
      .elemento__inscripcion:nth-child(2) div:nth-child(1),
      .elemento__inscripcion:nth-child(2) div:nth-child(2),
      .elemento__inscripcion:nth-child(2) div:nth-child(3){
        display: flex;
        align-items: flex-start;
      }
      .elemento__inscripcion:nth-child(2) div:nth-child(4){
        display: flex;
        justify-content: flex-end;
      }
      .cf1,.cf2,.cf3,.cf4,.pcS,.phoneS { position: absolute; }
      .cf1 { margin: -10rem 0 0 15rem; max-width: 22%;}
      .cf2 { margin: -40rem 0 0 -20rem;  max-width: 22%;}
      .cf3 { margin: 10rem 0 0 5rem; max-width: 22%;}
      .cf4 { margin: 30rem 0 0 -40rem; max-width: 22%; }
      .phoneS { margin: 35rem 0 0 70rem;  max-width: 30%; }
	  .pcS { max-width: 45%; margin: 0 0 0 7rem; }
      .elemento__inscripcion .text__plan h2{
        font-size: 4rem;
        font-family: var(--fuenteSecundaria);
        text-transform: uppercase;
        color: var(--gris);
        margin-bottom: -2rem;
      }
      .elemento__inscripcion .text_contPlan p{
        font-size: 4rem;
        font-family: var(--fuenteSecundaria);
        text-transform: capitalize;
        color: var(--gris);
        font-weight: 100;
        margin-bottom: 5rem;
      }
      .elemento__inscripcion .text_contPlan .st {
        font-family: var(--fuentePrincipal);
        text-transform: uppercase;
        font-weight: 600;
        font-size: 4rem;
        color: var(--negro);
        letter-spacing: 0.3rem;
      }
      .oferta {
        background-color: var(--azulB);
        height: 30rem;
        width: 35%;
        border-radius: 4rem 4rem 0 0;
        display: flex;
        justify-content: center;
        align-items: center;
      }
      .ofertaImg {
        margin-top: 7rem;
      }
      .blk1 {
        background-color: var(--negro);
      } 
      .blk1 .caracteristicas,
  .blk1 .texto__calendario,
  .blk1 .texto__laptopCurso,
  .blk1 .texto__signoDolar,
  .blk1 .texto__speak,
  .blk1 .texto__money,
  .blk1 .texto__escaleras {
    color: var(--blanco);
  }
      .subcontenedor__curso .nivel {
        color: #FFD700;
      }
      .botonG{
        text-decoration: none;
        display:inline-block;
        width:100%;
        padding:20px;
        background: rgb(182, 177, 177);
        text-align: center;
        color:var(--blanco);
        font-size: 3rem;
        font-weight: bold;
        transition: all 0.9s ease;
        box-shadow: -5px 1px 3px 0px #FFD700;
        border-radius: 10px 30px;
      }
      .botonG:hover{
        background: #FFD700;
        color: var(--blanco);
        box-shadow:none;
        border-radius: 10px;
      }
      .phoneSg {
        position: absolute; 
        margin: 0 0 0 40rem;
		max-width: 12%;
    }
    .elemento__inscripcion .text__plan .gold,
    .elemento__inscripcion .text_contPlan .gold,
    .elemento__inscripcion .text_contPlan .st2 {
        color: #FFD700;
    }
  }

  .subcontenedor__curso .nivel {
    color: #FFD700;
  }
  .botonG{
    text-decoration: none;
    display:inline-block;
    width:100%;
    padding:20px;
    background: rgb(0, 0, 0);
    text-align: center;
    color:var(--blanco);
    font-size: 3rem;
    font-weight: bold;
    transition: all 0.9s ease;
    box-shadow: -5px 1px 3px 0px #FFD700;
    border-radius: 10px 30px;
  }
  .botonG:hover{
    background: #FFD700;
    color: var(--blanco);
    box-shadow:none;
    border-radius: 10px;
  }
  .blk1 {
    background-color: var(--negro);
  } 
  .blk1 .caracteristicas,
  .blk1 .texto__calendario,
  .blk1 .texto__laptopCurso,
  .blk1 .texto__signoDolar,
  .blk1 .texto__speak,
  .blk1 .texto__money,
  .blk1 .texto__escaleras {
    color: var(--blanco);
  }
  .elemento__inscripcion .text__plan .gold,
    .elemento__inscripcion .text_contPlan .gold,
    .elemento__inscripcion .text_contPlan .st2{
        color: #FFD700;
    }

/***** MasterPlan *****/

.subcontenedor__curso .master {
    color: var(--naranja);
}
.botonM{
    text-decoration: none;
    display:inline-block;
    width:100%;
    padding:20px;
    background: rgb(151, 150, 150);
    text-align: center;
    color:var(--blanco);
    font-size: 3rem;
    font-weight: bold;
    transition: all 0.9s ease;
    box-shadow: -5px 1px 3px 0px var(--naranja);
    border-radius: 10px 30px;
  }
  .botonM:hover{
    background: var(--naranja);
    color: var(--blanco);
    box-shadow:none;
    border-radius: 10px;
  }
  .elemento__inscripcion .text__plan .master,
    .elemento__inscripcion .text_contPlan .master,
    .elemento__inscripcion .text_contPlan .st2{
        color: var(--naranja);
    }

@media (min-width:768px){
.subcontenedor__curso .master {
    color: var(--naranja);
}
.botonM{
    text-decoration: none;
    display:inline-block;
    width:100%;
    padding:20px;
    background: rgb(151, 150, 150);
    text-align: center;
    color:var(--blanco);
    font-size: 3rem;
    font-weight: bold;
    transition: all 0.9s ease;
    box-shadow: -5px 1px 3px 0px var(--naranja);
    border-radius: 10px 30px;
  }
  .botonM:hover{
    background: var(--naranja);
    color: var(--blanco);
    box-shadow:none;
    border-radius: 10px;
  }
  .elemento__inscripcion .text__plan .master,
    .elemento__inscripcion .text_contPlan .master,
    .elemento__inscripcion .text_contPlan .st2{
        color: var(--naranja);
    }
}


/********* Private ***********/
.subcontenedor__curso .nivelP {
    color: #FF0046;
}
.botonP{
    text-decoration: none;
    display:inline-block;
    width:100%;
    padding:20px;
    background: rgb(151, 150, 150);
    text-align: center;
    color:var(--blanco);
    font-size: 3rem;
    font-weight: bold;
    transition: all 0.9s ease;
    box-shadow: -5px 1px 3px 0px #FF0046;
    border-radius: 10px 30px;
  }
  .botonP:hover{
    background: #FF0046;
    color: var(--blanco);
    box-shadow:none;
    border-radius: 10px;
  }
  .elemento__inscripcion .text__plan .private,
    .elemento__inscripcion .text_contPlan .private,
    .elemento__inscripcion .text_contPlan .st2{
        color: var(--blanco);
    }

@media (min-width:768px){
.subcontenedor__curso .nivelP {
    color: #FF0046;
}
.botonP{
    text-decoration: none;
    display:inline-block;
    width:100%;
    padding:20px;
    background: rgb(151, 150, 150);
    text-align: center;
    color:var(--blanco);
    font-size: 3rem;
    font-weight: bold;
    transition: all 0.9s ease;
    box-shadow: -5px 1px 3px 0px #FF0046;
    border-radius: 10px 30px;
  }
  .botonP:hover{
    background: #FF0046;
    color: var(--blanco);
    box-shadow:none;
    border-radius: 10px;
  }
  .elemento__inscripcion .text__plan .private,
    .elemento__inscripcion .text_contPlan .private,
    .elemento__inscripcion .text_contPlan .st2{
        color: var(--blanco);
    }
    .pcp {
        position: absolute;
		max-width: 40%;
    }
    .phonep {
        position: absolute;
        margin: 35rem 0 0 48rem;
		max-width: 10%;
    }
}


/********************* Bussines Plan **********************/
.subcontenedor__curso .subelemento__curso .titulo_private {
    line-height: 1.7;
}
.subcontenedor__curso .subelemento__curso .text_private {
    color: var(--naranja);
}

@media (min-width:768px){
    .phoneB {
        position: absolute;
        margin: 12rem 0 0 27rem;
    }
}

iframe {
    width: 40rem;
    height: 40rem;
}
@media (min-width: 768px){
    iframe {
        width: 80rem;
        height: 60rem;
    }
}