:root{
    --color-blue-one: #005392; /* PRIMARIO OSCURO*/
    --color-blue-two: #1D77BD; /* PRIMARIO */
    --color-blue-three:#C4E5FF; /* PRIMARIO CLARO*/

    --color-green-one: #005B55; /* COLOR 1 OSCURO*/
    --color-green-two:#12B8AE;  /* COLOR 1*/
    --color-green-three: #ABEDE5; /* COLOR 1 CLARO */

    --color-purple-one: #421D92; /* COLOR 2 OSCURO */
    --color-purple-two:#7446D6; /* COLOR 2 */
    --color-purple-three:#E7DDFF; /* COLOR 2 CLARO*/


    --color-background:#D2D2D2; 
    --color-background-2:#D9D9D9;
    --color-background-3:#474747;
    --color-background-4:#F5F5F5; /* BLANCO */
    --color-background-5:#FFFFFF;
    --color-resaltar:#f3c522;
    --blanco-transparente: rgba(255, 255, 255, 0.500);
}

html{
    font-family: 'Lato', sans-serif;
    font-size: 20px;
}
body{
    color:var(--color-background-3);
    background-color: var(--color-background-5);
}
input{
    padding: 10px;
    border: 1px solid var(--color-background-3);
}
ul.sinbullet{
    list-style: none;
    padding-left: 0px;
    margin: 0 auto;
    width: fit-content;
    font-size: .8rem;
}
a.link {
    color:var(--color-blue-one);
}
a{
    color: inherit;
    text-decoration: none; 
}
p{
    font-size: 0.8rem;
}
/* TIPO DE LETRA*/
.font-titillium{
    font-family: 'Titillium Web', sans-serif;
}

/*TAMAÑOS DE LETRA*/
.size-18{
    font-size: 0.9rem;
    
}
.size-25{
    font-size: 1.25rem;
}
.size-28{
    font-size: 1.3rem;
}
.size-55{
    font-size: 2.75rem;
}
.size-44{
    font-size: 2.2rem;
}
.size-16{
    font-size: 0.8rem;
}
.size-13{
    font-size: 0.65rem;
}
.size-35{
    font-size: 1.75rem;
}

/* BORDES PARA LOS CONTENEDORES*/
.btn-border{
    border-radius: 40px 40px 40px 40px;
}
.content-border-12{
    border-radius: 12px 12px 12px 12px;
}
.content-fourborder-12{
    border-radius: 12px 12px 12px 12px;
}
.content-border-16{
    border-radius: 16px 16px 16px 16px;
}
.content-border-20{
    border-radius: 20px 20px 20px 20px;
}
.content-border-32{
    border-radius: 0px 0px 32px 32px;
}
.content-border-50{
    border-radius:  50px 50px 50px 50px;
}
.content-border-56{
    border-radius: 0px 0px 0px 56px;
}
.content-border-80{
    border-radius: 0 80px 80px 80px; 
}

/*BORDER CON COLOR*/
.border-black{
    border: 2px solid var(--color-background-3);
}

/* COLORES DE FONDO (DESDE EL MAS CLARO -THREE- AL MAS OSCURO -ONE- )*/
.bg-blue-one{
    background-color: var(--color-blue-one);
}
.bg-blue-two{
    background-color: var(--color-blue-two);
}
.bg-blue-three{
    background-color: var(--color-blue-three);
}
.bg-green-one{
    background-color: var(--color-green-one);
}
.bg-green-two{
    background-color: var(--color-green-two);
}
.bg-green-three{
    background-color: var(--color-green-three);
}
.bg-purple-one{
    background-color: var(--color-purple-one);
}
.bg-purple-two{
    background-color: var(--color-purple-two);
}
.bg-purple-three{
    background-color: var(--color-purple-three);
}
.bg-blue-one{
    background-color: var(--color-blue-one);
}
.bg-background{
    background-color: var(--color-background);
}
.bg-background-2{
    background-color: var(--color-background-2);
}
.bg-partner-1{
    background-image: url(http://localhost:8888/assets/images/nube/partner-google-workspace.webp) ;
}
.bg-partner-2{
    background-image: url(http://localhost:8888/assets/images/nube/partner-google-dropbox.webp) ;
}
.bg-partner-3{
    background-image: url(http://localhost:8888/assets/images/nube/partner-microsotf-365.webp) ;
}
.bg-partner-4{
    background-image: url(http://localhost:8888/assets/images/nube/partner-aws.webp) ;
}
.bg-partner-5{
    background-image: url(http://localhost:8888/assets/images/nube/partner-kaspersky.webp) ;
}
.bg-background-3{
    background-color: var(--color-background-3);
}
.bg-background-4{
    background-color: var(--color-background-4);
}
.bg-background-5{
    background-color: var(--color-background-5);
}
.bg-resaltar{
    background-color: var(--color-resaltar);
}
.blanco-transparente{
    background-color: var(--blanco-transparente);
}

/*COLORES DE TEXTO*/
.text-resaltar{
    color:var(--color-resaltar);
}
.text-blue-two{
    color: var(--color-blue-two);
}
.text-blue-three{
    color: var(--color-blue-three);
}
.text-green-one{
    color: var(--color-green-one);
}
.text-green-two{
    color: var(--color-green-two);
}
.text-green-three{
    color: var(--color-green-three);
}
.text-purple-one{
    color: var(--color-purple-one);
}
.text-purple-two{
    color: var(--color-purple-two);
}
.text-purple-three{
    color: var(--color-purple-three);
}
.text-background{
    color: var(--color-background);
}
.text-background-2{
    color: var(--color-background-2);
}
.text-background-3{
    color: var(--color-background-3);
}
.text-background-4{
    color: var(--color-background-4);
}
.text-background-5{
    color: var(--color-background-5);
}

.textjustify{
    text-align: justify;
}

/*MARGENES*/
.margin-20{
    margin-bottom:20px;
    margin-right: 20px;
}
.margin-top-20{
    margin-top: 20px;
}
.margin-top-25{
    margin-top:25px;
}
.margin-top-30{
    margin-top:30px;
}
.margin-top-35{
    margin-top:35px;
}
.margin-bottom-30{
    margin-bottom:30px;
}
.margin-top-40{
    margin-top:40px;
}
.margin-bottom-50{
    margin-bottom:50px;
}
.margin-bottom-55{
    margin-bottom:55px;
}
.margin-bottom-60{
    margin-bottom:60px;
}
.margin-top-50{
    margin-top:50px;
}
.margin-top-60{
    margin-top:60px;
}
.margin-top-65{
    margin-top:65px;
}
.margin-bottom-65{
    margin-bottom:65px;
}
.margin-bottom-75{
    margin-bottom: 75px;
}
.margin-top-75{
    margin-top: 75px;
}
.margin-bottom-80{
    margin-bottom: 80px;
}
.margin-top-112{
    margin-top: 112px;
}
.margin-top-300{
    margin-top: 300px;
}

.interlineado-1_7{
    line-height: 1.7;
}


/*MEDIDAS A LO LARGO DEL CONTENEDOR*/
.h-397{
    height: 397px; 
}
.h-234{
    height: 234px;
}
.h-170{
    height:170px;
}
.h-464{
    height: 464px;
}
.h-412{
    height: 412px;
}
.h-613{
    height:613px;
}
.h-148{
    height: 148px;
}
.h-20{
    height: 20px;
}
.h-53{
    height: 53px;
}
.h-49{
    height: 49px;
}

/*MEDIDAS A LO ANCHO DEL CONTENEDOR*/
.w-217{
    width: 217px;
   
}
.w-20{
    width: 20px;
}
.w-53{
    width: 53px
}
.w-49{
    width: 49px;
}

/* VIÑETAS*/
.vinetas li::before {
    content: url("http://localhost:8888/assets/images/correct.svg");
    margin-right: 3px; 
}
/* CLASES DE HEADER*/
.submenu-style{
    max-height:574px; 
    overflow-y: auto; 
    width: 200px;
    color: var(--color-primary);
}  

/* Mover de lugar el recaptcha */
.grecaptcha-badge {
    width: 70px !important;
    overflow: hidden !important;
    transition: all 0.3s ease !important;
    left: -2px !important;
    bottom: 20px !important;
    }
.grecaptcha-badge:hover {
width: 256px !important;
}

@media (max-width: 300px) {
    .submenu-scroll {
        max-height: none; /* Elimina la altura máxima en pantallas pequeñas para mostrar todo el contenido sin desplazamiento vertical */
        overflow-y: visible; /* Elimina el desplazamiento vertical */
    }
}
.submenu-style p{
    margin-top: 10px;
    font-weight: bold;
    background-color: #ececec;
    padding: 10px;
}

.no-transition{
    transition: none;
}

p img{
    max-width: 100%;
    height: auto;
}