body{
    font-family: Montserrat,sans-serif;
    background-color: rgb(207, 223, 240);
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*INICIO TEXTOS*/

.titulo{
    font-size: 50px;
}

.subtitulo{
    font-size: 47px;
}

.texto{
    font-size: 25px;
}

.texto_pequeño{
    font-size: 20px;
}

.texto_intermedio{
    font-size: 30px;
}

.texto_mediano{
    font-size: 35px;
}

.texto_grande{
    font-size: 40px;
}

.texto_extra_grande{
    font-size: 50px;
}

.negrita{
    font-weight: bold;
}

.normal{
    font-weight: normal;
}

.cursiva{
    font-style: italic;
}

.izquierda{
    text-align: left;
}

.centrado{
    text-align: center;
}

.derecha{
    text-align: right;
}

.interlineado_muy_bajo{
    line-height: 32px;;
}

.interlineado_bajo{
    line-height: 42px;
}

.interlineado_medio{
    line-height: 52px;
}

.interlineado_alto{
    line-height: 62px;
}

.color_negro{
    color: rgb(0, 0, 0);
}

.color_naranja{
    color: rgb(239, 127, 26);
}

.color_azul{
    color: rgb(13, 202, 240);
}

.salto_de_línea_bajo{
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.salto_de_línea_normal{
    padding-bottom: 20px;
    margin-bottom: 0px;
}

.salto_de_línea_medio{
    padding-bottom: 30px;
    margin-bottom: 0px;
}

.salto_de_línea_alto{
    padding-bottom: 40px;
    margin-bottom: 0px;
}

/*FIN TEXTOS*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*INICIO SEPARACIÓN UNA LÍNEA*/

.separación_línea {
    box-shadow: 0px 2px 0px rgb(131 131 131);
}

/*FIN SEPARACIÓN UNA LÍNEA*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*INICIO BLOQUE DE CAJA*/

.caja_texto{
    box-shadow: 0px 3px 3px 3px rgb(131, 131, 131);
    background-color: rgb(238, 248, 255);
    border-radius: 20px;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 10px;
}

.caja_bloque{
    box-shadow: 0px 3px 3px 3px rgb(131, 131, 131);
    background-color: rgb(238, 248, 255);
    margin: 10px;
    border-radius: 20px;
}

.caja_sin_margen{
    background-color: rgb(238, 248, 255);
    padding-right: 30px;
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.caja_detalles{
    box-shadow: 0px 3px 3px 3px rgb(131, 131, 131);
    background-color: rgb(238, 248, 255);
    margin: 50px;
    border-radius: 20px;
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: 50px;
    padding-right: 50px;
}

.caja_imagen_borde{
    box-shadow: 0px 3px 3px 3px rgb(131, 131, 131);
}

.caja_fondo_color{
    background-color: rgb(207, 223, 240);
}

/*FIN BLOQUE DE CAJA*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*INICIO CAJA DIFUMINADA*/

.caja_difuminada{
    box-shadow: 0px 2px 0px rgb(131, 131, 131);
}

/*FIN CAJA DIFUMINADA*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*INICIO ESTILO BOTÓN DE REGISTRARSE*/

.registrarse{
    background-color: rgb(239, 127, 26);
    color: rgb(255, 255, 255);
    border-radius: 15px;
    text-decoration: none;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 20px;
    padding-right: 20px;
    font-weight: bold;
    border-color: rgb(239, 127, 26);
}

.registrarse:hover{
    filter: opacity(.8);
    color: rgb(255, 255, 255);
    background-color: rgb(239, 127, 26)!important;
    border-color: rgb(239, 127, 26)!important;
    box-shadow: none!important;
}

.registrarse:active{
    color: rgb(255, 255, 255)!important;
    background-color: rgb(239, 127, 26)!important;
    border-color: rgb(239, 127, 26)!important;
    box-shadow: none!important;
}

/*INICIO ESTILO BOTÓN DE REGISTRARSE*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*INICIO ESTILO BOTONES DE PLANES*/

.botonplan{
    background-color: rgb(239, 127, 26);
    color: rgb(255, 255, 255);
    border-radius: 15px;
    text-decoration: none;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 20px;
    padding-right: 20px;
    font-weight: bold;
    border-color: rgb(239, 127, 26);
}

.botonplan:hover{
    filter: opacity(.8);
    color: rgb(255, 255, 255);
    background-color: rgb(239, 127, 26)!important;
    border-color: rgb(239, 127, 26)!important;
    box-shadow: none!important;
}

.botonplan:active{
    color: rgb(255, 255, 255)!important;
    background-color: rgb(239, 127, 26)!important;
    border-color: rgb(239, 127, 26)!important;
    box-shadow: none!important;
}

/*FIN ESTILO BOTONES DE PLANES*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*INICIO ESTILO BOTÓN DE REGISTRARSE*/

.informacion{
    background-color: rgb(239, 127, 26);
    color: rgb(255, 255, 255);
    border-radius: 15px;
    text-decoration: none;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 20px;
    padding-right: 20px;
    font-weight: bold;
    border-color: rgb(239, 127, 26);
}

.informacion:hover{
    filter: opacity(.8);
    color: rgb(255, 255, 255);
    background-color: rgb(239, 127, 26)!important;
    border-color: rgb(239, 127, 26)!important;
    box-shadow: none!important;
}

.informacion:active{
    color: rgb(255, 255, 255)!important;
    background-color: rgb(239, 127, 26)!important;
    border-color: rgb(239, 127, 26)!important;
    box-shadow: none!important;
}

/*INICIO ESTILO BOTÓN DE REGISTRARSE*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*INICIO ESTILO BOTONES DE MÁS INFORMACIÓN*/

.estilo_boton{
    border-color: rgb(8, 147, 175);
    border: 3px solid;
    border-radius: 20px;
    font-size: 25px;
}

.estilo_boton:hover {
    color: rgb(13, 202, 240);
    background-color: rgb(203, 240, 253);
}

/*FIN ESTILO BOTONES DE MÁS INFORMACIÓN*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*INICIO TRES BLOQUES*/

#tres_bloques{
    padding-bottom: 10px;
}

#estilo_tres_bloques{
    padding-left: 50px;
    padding-right: 50px;
    padding-bottom: 50px;
}

.margen_tres_bloques{
    margin: 10px;
}

.información_tres_bloques{
    margin: 10px;
}

.imagenes_tres_bloques{
    width: 400px;
    height: 230px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    object-fit: fill;
}

#boton_uno{
    display: flex;
    justify-content: center;
    padding-bottom: 20px;
}

#boton_dos{
    display: flex;
    justify-content: center;
    padding-top: 36px;
    padding-bottom: 20px;
}

#boton_tres{
    display: flex;
    justify-content: center;
    padding-top: 82px;
    padding-bottom: 20px;
}

/*FIN TRES BLOQUES*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*INICIO DEL BLOQUE TRES INFORMACIÓN*/

#bloque_tres_información{
    padding-top: 10px;
    padding-bottom: 100px;
}

#img_bloque_tres{
    height: auto;
    max-width: 100%;
    border-radius: 50px!important;
}

#estilo_bloque_tres_img{
    padding-top: 100px;
    padding-bottom: 20px;
}

#estilo_bloque_tres_texto{
    width: 100%;
}

/*FIN DEL BLOQUE TRES INFORMACIÓN*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*INICIO BLOQUE PRINCIPAL*/

#bloque_principal{
    padding-top: 50px;
}

#bloque_principal_imagen{
    float: right;
    width: 45%;
    padding-right: 50px;
}   

#imagen_bloque_principal{
    height: auto;
    max-width: 100%;
    border-radius: 50px!important;
}

#bloque_principal_título{
    padding-left: 50px;
}

#bloque_principal_lista{
    padding-left: 50px;
}

#estilo_viñetas_bloque_principal{
    list-style: none; 
    padding: 0; 
    margin-left: 10px; 
}

.estilo_lista_bloque_principal::before { 
    content: "\2022"; 
    padding-right: 8px; 
    color: rgb(0, 0, 0); 
}

#bloque_principal_botón{
    padding-left: 19%;
    padding-bottom: 50px;
}

/*FIN BLOQUE PRINCIPAL*/
/*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
/*INICIO BLOQUE INFORMACIÓN*/

.información{
    padding-top: 50px;
    padding-bottom: 20px;
}

.información_final{
    padding-top: 50px;
    padding-bottom: 100px;
}

#boton_contactar{
    text-align: center;
}

/*FIN BLOQUE INFORMACIÓN*/
/*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
/*INICIO TRES BLOQUES*/

#tres_bloques{
    padding-top: 50px;
}


/*FIN TRES BLOQUES*/
/*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
/*INICIO BLOQUE DETALLES*/

.bloque_detalles{
    padding-top: 50px;
    padding-bottom: 100px;
}

/*FIN BLOQUE DETALLES*/
/*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
/*INICIO PLANES*/
#tres_bloques_planes{
    padding-top: 20px;
    padding-bottom: 100px;
}

#estilo_tres_bloques_planes{
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 50px;
}

.margen_tres_bloques_planes{
    margin: 0px;
}

.información_tres_bloques_planes{
    margin: 10px;
}

#boton_uno_planes{
    display: flex;
    justify-content: center;
    padding-bottom: 20px;
}

#boton_dos_planes{
    display: flex;
    justify-content: center;
    padding-bottom: 20px;
}

#boton_tres_planes{
    display: flex;
    justify-content: center;
    padding-top: 111px;
    padding-bottom: 20px;
}
/*FIN PLANES*/
/*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
/*INICIO PÁGINA DEL FORMULARIO*/

#bloque_formulario{
    padding-top: 50px;
    padding-bottom: 100px;
}

#estilo_bloque_formulario{
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 3px 3px 3px rgb(131, 131, 131);
    border-radius: 20px;
    margin: 30px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
}

#título_formulario{
    width: 40%;
}

#estilo_selector{
    width: 25%;
}

.estilo_formulario{
    margin: 10px;
    padding-left: 30px;
}

.contenedor_formulario{
    font-size: 25px;
}

.form-control{
    font-size: 25px!important;
    background-color: rgb(238, 248, 255);
}

.form-select{
    font-size: 25px!important;
    background-color: rgb(238, 248, 255);
    
}

.form-check-input[type=radio]{
    background-color: rgb(238, 248, 255);
}

.form-check-input[type=checkbox]{
    background-color: rgb(238, 248, 255);
}
.form-check-input:checked {
    background-color: rgb(13, 110, 253);
    border-color: rgb(13, 110, 253);
}

/*FIN PÁGINA DEL FORMULARIO*/
/*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
/*INICIO DEL BLOQUE FOOTER*/

#bloque_footer{
    box-sizing: border-box;
    border: none;
    width: 100%;
    background-color: rgb(230, 236, 240);
    position: fixed;
    bottom: 0;
}

#espacio_footer{
    padding-top: 10px;
    padding-bottom: 10px;
}

/*FIN DEL BLOQUE FOOTER*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*INICIO DE LA PARTE RESPONSIVA DE LA PÁGINA*/
    /*INICIO PARA DISEÑO PARA PANTALLAS PEQUEÑAS*/
    @media (min-width: 100px) and (max-width: 499px) { 
         /*INICIO BLOQUE PRINCIPAL*/
         #bloque_principal {
            padding-top: 20px;
        }
        
        #bloque_principal_imagen {
            float: left;
            width: 100%;
            padding: 10px;
        }

        #bloque_principal_título {
            text-align: center;
            padding-left: 0px;
        }

        #bloque_principal_lista {
            padding-left: 0px;
            text-align: center;
        }

        #bloque_principal_botón {
            text-align: center;
            padding-left: 0%;
            padding-bottom: 20px;
        }
        /*FIN BLOQUE PRINCIPAL*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
        /*INICIO TRES BLOQUES*/
        #tres_bloques{
            padding-bottom: 10px;
        }
        
        #estilo_tres_bloques{
            padding-left: 0px;
            padding-right: 0px;
            padding-bottom: 20px;
        }
        
        .margen_tres_bloques{
            margin: 10px;
            padding-bottom: 10px;
        }
        
        .información_tres_bloques{
            margin: 10px;
        }
        
        .imagenes_tres_bloques{
            width: 417px;
            height: 250px;
            border-top-left-radius: 20px;
            border-top-right-radius: 20px;
            object-fit: fill;
        }
        
        .d-flex {
            display: block!important;
        }
        /*FIN TRES BLOQUES*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
        /*INICIO BLOQUE INFORMACIÓN*/

        .información{
            padding-top: 20px;
            padding-bottom: 20px;
        }

        .información_final{
            padding-top: 20px;
            padding-bottom: 100px;
        }
        
        /*FIN BLOQUE INFORMACIÓN*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
        /*INICIO TRES BLOQUES PLANES*/
        #tres_bloques_planes{
            padding-bottom: 100px;
            text-align: center;
        }
        
        #estilo_tres_bloques_planes{
            padding-left: 0px;
            padding-right: 0px;
            padding-bottom: 20px;
        }
        
        .margen_tres_bloques_planes{
            margin: 10px;
            padding-bottom: 10px;
        }
        
        .información_tres_bloques_planes{
            margin: 10px;
        }
        
        .imagenes_tres_bloques_planes{
            width: 417px;
            height: 230px;
            border-top-left-radius: 20px;
            border-top-right-radius: 20px;
            object-fit: fill;
        }

        #boton_uno{
            padding-bottom: 10px;
        }

        #boton_dos{
            padding-bottom: 10px;
        }

        #boton_tres{
            padding-bottom: 10px;
        }
        
        .d-flex {
            display: block!important;
        }
        /*FIN TRES BLOQUES PLANES*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
        /*INICIO BLOQUE AGRADECIMIENTO*/

    .bloque_detalles{
        padding-bottom: 100px;
    }

    /*FIN BLOQUE AGRADECIMIENTO*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    /*INICIO PÁGINA DEL FORMULARIO*/
        #bloque_formulario {
            padding-top: 100px;
            padding-bottom: 90px;
        }

        #estilo_bloque_formulario {
            background-color: rgb(255, 255, 255);
            box-shadow: 0px 3px 3px 3px rgb(131, 131, 131);
            border-radius: 20px;
            margin: 0px;
            padding-top: 5px;
            padding-bottom: 10px;
            padding-left: 5px;
            padding-right: 5px;
        }

        .row>* {
            flex-shrink: 0!important;
            width: 100%!important;
            max-width: 100%!important;
            padding-right: calc(var(--bs-gutter-x)/ 2);
            padding-left: calc(var(--bs-gutter-x)/ 2);
            margin-top: var(--bs-gutter-y);
        }

        #título_formulario {
            width: 100%;
        }

        #estilo_selector {
            width: 100%;
        }

        .estilo_formulario {
            margin: 0px;
            padding-left: 0px;
        }

        .contenedor_formulario {
            font-size: 50px;
        }

        .form-control {
            font-size: 50px!important;
        }

        .form-select {
            font-size: 50px!important;
        }

        /*FIN PÁGINA DEL FORMULARIO*/
    }
    /*FIN PARA DISEÑO PARA PANTALLAS PEQUEÑAS*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    /*INICIO PARA DISEÑO PARA CELULARES*/
    @media (min-width: 500px) and (max-width: 767px) { 
            /*INICIO BLOQUE PRINCIPAL*/
            #bloque_principal {
                padding-top: 20px;
            }
            
            #bloque_principal_imagen {
                float: left;
                width: 100%;
                padding: 10px;
            }

            #bloque_principal_título {
                text-align: center;
                padding-left: 0px;
            }

            #bloque_principal_lista {
                padding-left: 0px;
                text-align: center;
            }

            #bloque_principal_botón {
                text-align: center;
                padding-left: 0%;
                padding-bottom: 20px;
            }
            /*FIN BLOQUE PRINCIPAL*/
    /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
            /*INICIO TRES BLOQUES*/
            #tres_bloques{
                padding-bottom: 10px;
            }
            
            #estilo_tres_bloques{
                padding-left: 0px;
                padding-right: 0px;
                padding-bottom: 20px;
            }
            
            .margen_tres_bloques{
                margin: 10px;
                padding-bottom: 10px;
            }
            
            .información_tres_bloques{
                margin: 10px;
            }
            
            .imagenes_tres_bloques{
                width: 417px;
                height: 230px;
                border-top-left-radius: 20px;
                border-top-right-radius: 20px;
                object-fit: fill;
            }
            
            .d-flex {
                display: block!important;
            }
            /*FIN TRES BLOQUES*/
    /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
            /*INICIO BLOQUE INFORMACIÓN*/

            .información{
                padding-top: 20px;
                padding-bottom: 20px;
            }

            .información_final{
                padding-top: 20px;
                padding-bottom: 100px;
            }
            
            /*FIN BLOQUE INFORMACIÓN*/
    /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
            /*INICIO TRES BLOQUES PLANES*/
            #tres_bloques_planes{
                padding-bottom: 100px;
                text-align: center;
            }
            
            #estilo_tres_bloques_planes{
                padding-left: 0px;
                padding-right: 0px;
                padding-bottom: 20px;
            }
            
            .margen_tres_bloques_planes{
                margin: 10px;
                padding-bottom: 10px;
            }
            
            .información_tres_bloques_planes{
                margin: 10px;
            }
            
            .imagenes_tres_bloques_planes{
                width: 417px;
                height: 250px;
                border-top-left-radius: 20px;
                border-top-right-radius: 20px;
                object-fit: fill;
            }

            #boton_uno{
                padding-bottom: 10px;
            }

            #boton_dos{
                padding-bottom: 10px;
            }

            #boton_tres{
                padding-bottom: 10px;
            }
            
            .d-flex {
                display: block!important;
            }
            /*FIN TRES BLOQUES PLANES*/
    /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
            /*INICIO BLOQUE AGRADECIMIENTO*/

        .bloque_detalles{
            padding-bottom: 100px;
        }

        /*FIN BLOQUE AGRADECIMIENTO*/
    /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
        /*INICIO PÁGINA DEL FORMULARIO*/
            #bloque_formulario {
                padding-top: 100px;
                padding-bottom: 90px;
            }

            #estilo_bloque_formulario {
                background-color: rgb(255, 255, 255);
                box-shadow: 0px 3px 3px 3px rgb(131, 131, 131);
                border-radius: 20px;
                margin: 0px;
                padding-top: 5px;
                padding-bottom: 10px;
                padding-left: 5px;
                padding-right: 5px;
            }

            .row>* {
                flex-shrink: 0!important;
                width: 100%!important;
                max-width: 100%!important;
                padding-right: calc(var(--bs-gutter-x)/ 2);
                padding-left: calc(var(--bs-gutter-x)/ 2);
                margin-top: var(--bs-gutter-y);
            }

            #título_formulario {
                width: 100%;
            }

            #estilo_selector {
                width: 100%;
            }

            .estilo_formulario {
                margin: 0px;
                padding-left: 0px;
            }

            .contenedor_formulario {
                font-size: 50px;
            }

            .form-control {
                font-size: 50px!important;
            }

            .form-select {
                font-size: 50px!important;
            }

            /*FIN PÁGINA DEL FORMULARIO*/
        }
        /*FIN PARA DISEÑO PARA CELULARES*/
    /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
        /*INICIO PARA DISEÑO PARA TABLETS*/
        @media (min-width: 768px) and (max-width: 1023px) { 
             /*TEXTOS*/
             .titulo{
                font-size: 55px;
            }
            
            .subtitulo{
                font-size: 52px;
            }
            
            .texto{
                font-size: 50px;
            }
            
            .texto_pequeño{
                font-size: 30px;
            }
            
            .texto_intermedio{
                font-size: 35px;
            }
            
            .texto_mediano{
                font-size: 40px;
            }
            
            .texto_grande{
                font-size: 50px;
            }
            
            .texto_extra_grande{
                font-size: 60px;
            }
            
            .negrita{
                font-weight: bold;
            }
            
            .normal{
                font-weight: normal;
            }
            
            .izquierda{
                text-align: left;
            }
            
            .centrado{
                text-align: center;
            }
            
            .derecha{
                text-align: right;
            }
            
            .interlineado_muy_bajo{
                line-height: 22px;;
            }
            
            .interlineado_bajo{
                line-height: 50px;
            }
            
            .interlineado_medio{
                line-height: 50px;
            }
            
            .interlineado_alto{
                line-height: 52px;
            }
            
            .color_negro{
                color: rgb(0, 0, 0);
            }
            
            .color_naranja{
                color: rgb(239, 127, 26);
            }
            
            .color_azul{
                color: rgb(13, 202, 240);
            }
            
            .salto_de_línea_bajo{
                padding-bottom: 0px;
                margin-bottom: 0px;
            }
            
            .salto_de_línea_normal{
                padding-bottom: 10px;
                margin-bottom: 0px;
            }
            
            .salto_de_línea_medio{
                padding-bottom: 20px;
                margin-bottom: 0px;
            }
            
            .salto_de_línea_alto{
                padding-bottom: 30px;
                margin-bottom: 0px;
            }

            /*TEXTOS*/           
            /*######################################################################################################################*/
            /*INICIO BLOQUE PRINCIPAL*/
            #bloque_principal {
                padding-top: 20px;
            }
            
            #bloque_principal_imagen {
                float: left;
                width: 100%;
                padding: 10px;
            }

            #bloque_principal_título {
                text-align: center;
                padding-left: 0px;
            }

            #bloque_principal_lista {
                padding-left: 0px;
                text-align: center;
            }

            #bloque_principal_botón {
                text-align: center;
                padding-left: 0%;
                padding-bottom: 20px;
            }
            /*FIN BLOQUE PRINCIPAL*/
    /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
            /*INICIO TRES BLOQUES*/
            #tres_bloques{
                padding-bottom: 10px;
            }
            
            #estilo_tres_bloques{
                padding-left: 0px;
                padding-right: 0px;
                padding-bottom: 20px;
            }
            
            .margen_tres_bloques{
                margin: 10px;
                padding-bottom: 10px;
            }
            
            .información_tres_bloques{
                margin: 10px;
            }
            
            .imagenes_tres_bloques{
                width: 100%;
                height: auto;
                border-top-left-radius: 20px;
                border-top-right-radius: 20px;
                object-fit: fill;
            }
            
            .d-flex {
                display: block!important;
            }
            /*FIN TRES BLOQUES*/
    /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
            /*INICIO BLOQUE INFORMACIÓN*/

            .información{
                padding-top: 20px;
                padding-bottom: 20px;
            }

            .información_final{
                padding-top: 20px;
                padding-bottom: 100px;
            }

            #boton_contactar{
                text-align: center;
            }
            
            /*FIN BLOQUE INFORMACIÓN*/
    /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
            /*INICIO TRES BLOQUES PLANES*/
            #tres_bloques_planes{
                padding-top: 50px;
                padding-bottom: 50px;
                text-align: center;
            }
            
            #estilo_tres_bloques_planes{
                padding-left: 0px;
                padding-right: 0px;
                padding-bottom: 20px;
            }
            
            .margen_tres_bloques_planes{
                margin: 10px;
                padding-bottom: 10px;
            }
            
            .información_tres_bloques_planes{
                margin: 10px;
            }
            
            .imagenes_tres_bloques_planes{
                width: 417px;
                height: 250px;
                border-top-left-radius: 20px;
                border-top-right-radius: 20px;
                object-fit: fill;
            }

            #boton_uno_planes{
                padding-bottom: 10px;
            }

            #boton_dos_planes{
                padding-bottom: 10px;
            }

            #boton_tres_planes{
                padding-bottom: 10px;
            }
            
            .d-flex {
                display: block!important;
            }
            /*FIN TRES BLOQUES PLANES*/
    /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
            /*INICIO BLOQUE AGRADECIMIENTO*/

        .bloque_detalles{
            padding-bottom: 100px;
        }

        /*FIN BLOQUE AGRADECIMIENTO*/
    /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
        /*INICIO PÁGINA DEL FORMULARIO*/
            #bloque_formulario {
                padding-top: 100px;
                padding-bottom: 100px;
            }

            #estilo_bloque_formulario {
                background-color: rgb(255, 255, 255);
                box-shadow: 0px 3px 3px 3px rgb(131, 131, 131);
                border-radius: 20px;
                margin: 0px;
                padding-top: 5px;
                padding-bottom: 10px;
                padding-left: 5px;
                padding-right: 5px;
            }

            .row>* {
                flex-shrink: 0!important;
                width: 100%!important;
                max-width: 100%!important;
                padding-right: calc(var(--bs-gutter-x)/ 2);
                padding-left: calc(var(--bs-gutter-x)/ 2);
                margin-top: var(--bs-gutter-y);
            }

            #título_formulario {
                width: 100%;
            }

            #estilo_selector {
                width: 100%;
            }

            .estilo_formulario {
                margin: 0px;
                padding-left: 0px;
            }

            .contenedor_formulario {
                font-size: 50px;
            }

            .form-control {
                font-size: 50px!important;
            }

            .form-select {
                font-size: 50px!important;
            }

            /*FIN PÁGINA DEL FORMULARIO*/
    }
    /*FIN PARA DISEÑO PARA TABLETS*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    /*INICIO PARA DISEÑO PARA PC*/
        @media (min-width:1024px) and (max-width:1300px){
                /*TEXTOS*/
                     .titulo{
                        font-size: 35px;
                    }
                    
                    .subtitulo{
                        font-size: 22px;
                    }
                    
                    .texto{
                        font-size: 20px;
                    }
                    
                    .texto_pequeño{
                        font-size: 15px;
                    }
                    
                    .texto_intermedio{
                        font-size: 18px;
                    }
                    
                    .texto_mediano{
                        font-size: 30px;
                    }
                    
                    .texto_grande{
                        font-size: 40px;
                    }
                    
                    .texto_extra_grande{
                        font-size: 50px;
                    }
                    
                    .negrita{
                        font-weight: bold;
                    }
                    
                    .normal{
                        font-weight: normal;
                    }
                    
                    .izquierda{
                        text-align: left;
                    }
                    
                    .centrado{
                        text-align: center;
                    }
                    
                    .derecha{
                        text-align: right;
                    }
                    
                    .interlineado_muy_bajo{
                        line-height: 22px;;
                    }
                    
                    .interlineado_bajo{
                        line-height: 50px;
                    }
                    
                    .interlineado_medio{
                        line-height: 50px;
                    }
                    
                    .interlineado_alto{
                        line-height: 52px;
                    }
                    
                    .color_negro{
                        color: rgb(0, 0, 0);
                    }
                    
                    .color_naranja{
                        color: rgb(239, 127, 26);
                    }
                    
                    .color_azul{
                        color: rgb(13, 202, 240);
                    }
                    
                    .salto_de_línea_bajo{
                        padding-bottom: 0px;
                        margin-bottom: 0px;
                    }
                    
                    .salto_de_línea_normal{
                        padding-bottom: 10px;
                        margin-bottom: 0px;
                    }
                    
                    .salto_de_línea_medio{
                        padding-bottom: 20px;
                        margin-bottom: 0px;
                    }
                    
                    .salto_de_línea_alto{
                        padding-bottom: 30px;
                        margin-bottom: 0px;
                    }
        
                /*TEXTOS*/           
            /*######################################################################################################################*/
                /*INICIO BLOQUE PRINCIPAL*/
                    #bloque_principal{
                        padding-top: 50px;
                    }
                    
                    #bloque_principal_imagen{
                        float: right;
                        width: 65%;
                        padding-right: 150px;
                    }   
                    
                    #imagen_bloque_principal{
                        height: auto;
                        max-width: 70%;
                        border-radius: 50px!important;
                    }
                    
                    #bloque_principal_título{
                        padding-left: 50px;
                    }
                    
                    #bloque_principal_lista{
                        padding-left: 50px;
                    }
                    
                    #estilo_viñetas_bloque_principal{
                        list-style: none; 
                        padding: 0; 
                        margin-left: 10px; 
                    }
                    
                    .estilo_lista_bloque_principal::before { 
                        content: "\2022"; 
                        padding-right: 8px; 
                        color: rgb(0, 0, 0); 
                    }
                    
                    #bloque_principal_botón{
                        padding-left: 13%;
                        padding-bottom: 50px;
                    }
                /*FIN BLOQUE PRINCIPAL*/
        /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
                /*INICIO TRES BLOQUES*/

                #tres_bloques {
                    padding-left: 0px;
                    padding-right: 0px;
                    padding-top: 20px;
                    padding-bottom: 20px;
                }

                .margen_tres_bloques {
                    margin: 0px;
                }

                .imagenes_tres_bloques{
                    width: 306px;
                    height: 200px;
                    border-top-left-radius: 20px;
                    border-top-right-radius: 20px;
                    object-fit: fill;
                }

                .información_tres_bloques{
                    margin: 10px;
                }

                #boton_uno{
                    display: flex;
                    justify-content: center;
                    padding-bottom: 20px;
                    padding-top: 40px;
                }
                
                #boton_dos{
                    display: flex;
                    justify-content: center;
                    padding-top: 37px;
                    padding-bottom: 20px;
                }
                
                #boton_tres{
                    display: flex;
                    justify-content: center;
                    padding-top: 119px;
                    padding-bottom: 20px;
                }

                /*FIN TRES BLOQUES*/
    /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
            /*INICIO BLOQUE INFORMACIÓN*/

            .información{
                padding-top: 20px;
                padding-bottom: 20px;
            }

            .información_final{
                padding-top: 20px;
                padding-bottom: 100px;
            }

            #boton_contactar{
                text-align: center;
            }
            
            /*FIN BLOQUE INFORMACIÓN*/
        /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
            /*INICIO TRES BLOQUES*/

                #tres_bloques_planes {
                    padding-left: 0px;
                    padding-right: 0px;
                    padding-top: 50px;
                    padding-bottom: 50px;
                }

                .margen_tres_bloques_planes {
                    margin: 0px;
                }

                .imagenes_tres_bloques_planes{
                    width: 300px;
                    height: auto;
                    border-top-left-radius: 20px;
                    border-top-right-radius: 20px;
                    object-fit: fill;
                }

                .información_tres_bloques_planes{
                    margin: 10px;
                }

                #boton_uno_planes{
                    display: flex;
                    justify-content: center;
                    padding-bottom: 20px;
                    padding-top: 40px;
                }
                
                #boton_dos_planes{
                    display: flex;
                    justify-content: center;
                    padding-top: 40px;
                    padding-bottom: 20px;
                }
                
                #boton_tres_planes{
                    display: flex;
                    justify-content: center;
                    padding-top: 190px;
                    padding-bottom: 20px;
                }

            /*FIN TRES BLOQUES*/
     /*######################################################################################################################*/
            /*INICIO PÁGINA DEL FORMULARIO*/
            #bloque_formulario {
                padding-top: 50px;
                padding-bottom: 50px;
            }

            #estilo_bloque_formulario {
                background-color: #ffffff;
                margin: 30px;
                border-radius: 20px;
                padding-top: 20px;
                padding-bottom: 20px;
                padding-left: 20px;
                padding-right: 20px;
            }

            .row>* {
                padding-right: calc(var(--bs-gutter-x)/ 2);
                padding-left: calc(var(--bs-gutter-x)/ 2);
                margin-top: var(--bs-gutter-y);
            }

            #título_formulario {
                width: 35%;
            }

            #estilo_selector {
                width: 31%;
            }

            .estilo_formulario {
                margin: 0px;
                padding-left: 0px;
            }

            .contenedor_formulario {
                font-size: 25px;
            }

            .form-control {
                font-size: 25px!important;
            }

            .form-select {
                font-size: 25px!important;
            }

            /*FIN PÁGINA DEL FORMULARIO*/
     /*######################################################################################################################*/
            /*INICIO PREGUNTAS*/
                .d-flex_preguntas{
                    display: block!important;
                }
            /*FIN PREGUNTAS*/
        }
    /*FIN PARA DISEÑO PARA PC*/   
/*FIN DE LA PARTE RESPONSIVA DE LA PÁGINA*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
