@charset "utf-8";

/* 

    Colores

    Magenta: #F7185F

    Cyan: #4EC5C1

    Gris: #F5F5F5

*/

@import url('https://fonts.googleapis.com/css2?family=Merriweather+Sans:wght@400;600&display=swap');



body{

    margin:0;

    font-family: 'Merriweather Sans', sans-serif;

}



.contenedor{

    box-sizing: border-box;

    padding:20px;

    width: 98%;

    margin: 1vh auto;

    min-height: 98vh;

}



/*Menu*/

*{transition:all 0.3s ease;}

#menuP451{padding-top:0;padding-bottom:0;}

#menuP451 .navbar-brand img{height: 50px;}



.onda{width:100%;position:absolute;overflow:hidden;}

.o01{top:0;left:0;margin-top:50px;height:90px;}



/*Onda*/

@media(min-width: 600px){

    .o01{margin-top:50px;height:95px;}

}

@media(min-width: 1100px){

    .o01{margin-top:60px;height:95px;}

}



#datos{

    margin-top: 100px;

}



.numero{    

    color: black;    

}



h1,h2,h3,h4,h5,h6{

    font-weight: 600;

}



h3{

    margin-top: 50px;

}



p,label,input,select{

    font-weight: 400;

}



.btn.magenta{

    background-color: #F7185F; color: white;

}



#cupos{

    display: none;

    margin-top: 44px; 

}



#mediospago{

    display: none;

    margin-top: 44px; 

}



.titulomediopago{

    padding: 5px 2px;

}



.iconomediopago{

    padding: 5px;

    width: 40px;

}



#cantidad{

    width: 300px;

    text-align: center;

}



.preciomoneda{

    color: rgb(12, 12, 239);

    letter-spacing: 0.05rem;

}



#cuposprecio{

    padding: 5px 34px;

}



#confirmadatos{

    width: 80%;

    word-spacing: 2px;

    border: 1px solid silver;

    text-align: center;

    margin: 30px 0 15px 0;

    border-radius: 10px;

    padding: 10px;

}



.accordion-button{

    padding-left: 30px;

}



.accordionradio{

    box-sizing: border-box;

    display: inline-block;

    width: 24px;

    height: 24px;

    border-radius: 50%;

    border: 4px solid darkgray;

    margin: 8px

}



.btncenter, .cajatransferenciabancaria{

    width: 100%;

    text-align: center;

}



.btn-copiar{

    margin-bottom: 30px;

}



.accordionradio.selected{

    border: 8px solid #F7185F;

}



.accordion-body{

    padding: 34px 0;

}



p.redirecciona{ 

    margin-top:20px;

    margin-bottom: 0;

}



.copytooltip {

    position: absolute;

    background-color: rgba(0, 0, 0, 0.7);

    color: #fff;

    padding: 5px;

    border-radius: 5px;

    font-size: 12px;

    opacity: 0;

    transition: opacity 0.3s ease-in-out;

}



.copytooltip.active {

    opacity: 1;

}



#plandescripcion {

    font-family: Arial, sans-serif;

    border: 1px solid #ccc;

    padding: 20px;

    width: 500px;

    border-radius: 8px;

    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);

    margin: 45px auto 50px auto;

}



#plandescripcion h2 {

    text-align: center;

    margin-top: 0;

    margin-bottom: 20px;

    font-size: 24px;

}



#plandescripcion ul {

    list-style-type: none;

    padding: 0;

}



#plandescripcion ul li {

    margin-bottom: 10px;

    font-size: 16px;

}



#plandescripcion ul li::before {

    content: "✔";

    margin-right: 10px;

}



#footer{

    margin-top: 40px;

    text-align: center;

}



@media screen and (min-width:1025px){

    .contenedor{

        width: 100%;

    }

    #plandescripcion{

        position: absolute;

        right: 6.4vw;

        top: 120px;

    }

    #datoscomprador{

        margin: 0;

        width: calc(88vw - 500px);

        margin-left: 4vw;

    }

    #cupos,#mediospago{

        width: 88vw;

        margin-left: 5vw;        

        margin-right: 5vw;

    }

}



@media screen and (min-width:1600px){

    #plandescripcion{

        position: absolute;

        right: 12vw;

    }

    #datoscomprador{

        width: calc(77vw - 500px);

        margin-left: 9.2vw;

    }    

    #cupos,#mediospago{

        width: 77vw;

        margin-left: 10vw;        

        margin-right: 12vw;

    }



}



@media screen and (max-width:1024px){

    #plandescripcion {

        width: 100%;

    }



    #plan,#datoscomprador,#cupos,#mediospago{

        margin-left: auto;

        margin-right: auto;

    }



    .contenedor{

        width: 100%;

        padding: 12px;        

    }

}