/*Uso del texto en toda el sitio web*/
.text-title {
    font-weight: 500 !important;
}

.text-89 {
    font-size: clamp(45.22px, 5.5vw, 118.37px);
    font-weight: 500 !important;
}

.text-55 {
    font-size: clamp(30px, 3.5vw, 73.15px);
    font-weight: 500 !important;
}

.text-35 {
    font-size: 46.67px;
    font-weight: 500 !important;
}

.text-34 {
    font-size: clamp(28px, 2.81vw, 45.22px);
    font-weight: 500 !important;
}

.text-27 {
    font-size: 35.91px;
    font-weight: 500 !important;
}


.text-35 {
    font-size: 30.67px;
    font-weight: 600 !important;
}

.text-21 {
    font-size: clamp(21px, 2.5vw, 27.93px);
    font-weight: 500 !important;
}

.text-15 {
    font-size: 20px !important;
    font-weight: 500 !important;
    line-height: 23px !important;
}

.text-13 {
    font-size: clamp(14px, 1.5vw, 17.29px) !important;;
    font-weight: 500 !important;
    line-height: 23px !important;
}

.text-11 {
    font-size: 14.67px;
    font-weight: 500 !important;
    line-height: 23px !important;
}

/* Aplicar text-11 solo en pantallas grandes */
@media (min-width: 992px) { /* lg en Bootstrap */
    .text-lg-11 {
        font-size: 14.67px !important;
        font-weight: 500 !important;
    }

    .text-lg-15 {
        font-size: 20px !important;
        font-weight: 500 !important;
    }
}

.text-8 {
    font-size: 12px;
    font-weight: 500 !important;
}

.text-extra-bold {
    font-weight: 800 !important;
}

.text-bold {
    font-weight: 600 !important;
}

.text-normal {
    font-weight: 400 !important;
}


/* Ocultar elemento de carga */
.hidden-loading {
    display: none;
}

.btn-gold {
    background-color: #e5c480;
    border-radius: 5px;
}

.text-turquesa {
    color: #08595d !important;
}

.text-esmeralda {
    color: #13504f !important;
}

.text-oceano {
    color: #1f6f71 !important;
}

.text-marfil {
    color: #fff4e7 !important;
}

.text-arena {
    color: #f5ddc0 !important;
}

.text-black {
    color: #000000 !important;
}

/* Colores de fuente */
.text-blue {
    color: #002554 !important;
}

.text-lila {
    color: #B17DD1 !important;
}

.text-pink {
    color: #FFA0DF !important;
}

.text-orange {
    color: #FF774F !important;
}

.text-orange-light {
    color: #FF9A66 !important;
}

.text-green {
    color: #979D00 !important;
}

.text-blue-light {
    color: #00B7FF !important;
}

.text-cian {
    color: #48AFB4 !important;
}

.text-yellow {
    color: #FBC066 !important;
}

.text-gray {
    color: #999898 !important;
}

.text-white {
    color: #ffffff !important;
}


/* Colores de fondo */
.bg-blue {
    background-color: #002554 !important;
}

.bg-lila {
    background-color: #B17DD1 !important;
}

.bg-pink {
    background-color: #FFA0DF !important;
}

.bg-orange {
    background-color: #FF774F !important;
}

.bg-orange-light {
    background-color: #FF9A66 !important;
}

.bg-green {
    background-color: #979D00 !important;
}

.bg-blue-light {
    background-color: #00B7FF !important;
}

.bg-black {
    background-color: #000000 !important;
}

.bg-gray {
    background-color: #999898 !important;
}

.bg-cian {
    background-color: #48AFB4 !important;
}

.bg-yellow {
    background-color: #FBC066 !important;
}

.bg-turquesa {
    background-color: #08595d !important;
}

.bg-esmeralda {
    background-color: #13504f !important;
}

.bg-oceano {
    background-color: #1f6f71 !important;
}

.bg-marfil {
    background-color: #fff4e7 !important;
}

.bg-arena {
    background-color: #f5ddc0 !important;
}



/* Colores de botones solidos */
/*Tamaño de botones*/
/*color blue*/
.btn-solid-blue {
    background-color: #002554 !important;
    color: #ffffff !important;
    border-radius: 50px !important;
    padding: 8px 35px !important;
    font-size: 17.33px;
    border: 1px  solid #002554 !important;
}

.btn-solid-blue:disabled {
    background-color: #315079 !important;
    color: #ffffff !important;
    border-radius: 50px !important;
    border: 1px  solid #315079 !important;
}

.btn-solid-blue:hover {
    background-color: #023c88 !important;
    color: #ffffff !important;
    border-radius: 50px !important;
    border: 1px  solid #023c88 !important;
    box-shadow: 0px 0px 1px #000000;
}

/*fin color lila*/
.btn-solid-lila {
    background-color: #B17DD1 !important;
    color: #ffffff !important;
    border-radius: 50px !important;
    padding: 8px 35px !important;
    font-size: 17.33px;
    border: 1px  solid #B17DD1 !important;
}

.btn-solid-lila:disabled {
    background-color: #c79de0 !important;
    color: #ffffff !important;
    border-radius: 50px !important;
    border: 1px  solid #c79de0 !important;
}

.btn-solid-lila:hover {
    background-color: #c58fe6 !important;
    color: #ffffff !important;
    border-radius: 50px !important;
    border: 1px  solid #B17DD1;
    box-shadow: 0px 0px 1px #000000 !important;
}

/*color pink*/
.btn-solid-pink {
    background-color: #FFA0DF !important;
    color: #ffffff !important;
    border-radius: 50px !important;
    padding: 8px 35px !important;
    font-size: 17.33px;
    border: 1px  solid #FFA0DF !important;
}

.btn-solid-pink:disabled {
    background-color: #d697c1 !important;
    color: #ffffff !important;
    border-radius: 50px !important;
    border: 1px  solid #d697c1 !important;
}

.btn-solid-pink:hover {
    background-color: #f884d1 !important;
    color: #ffffff !important;
    border-radius: 50px !important;
    border: 1px  solid #f884d1 !important;
    box-shadow: 0px 0px 1px #000000;
}

/*color orange*/

.btn-solid-orange {
    background-color: #FF774F !important;
    color: #ffffff !important;
    border-radius: 50px !important;
    padding: 8px 35px !important;
    font-size: 17.33px;
    border: 1px  solid #FF774F !important;
}

.btn-solid-orange:disabled {
    background-color: #e69b85 !important;
    color: #ffffff !important;
    border-radius: 50px !important;
    border: 1px  solid #e69b85 !important;
}

.btn-solid-orange:hover {
    background-color: #f85928 !important;
    color: #ffffff !important;
    border-radius: 50px !important;
    border: 1px  solid #f85928 !important;
    box-shadow: 0px 0px 1px #000000;
}

/*Color Orange Light*/
.btn-solid-orange-light {
    background-color: #FF9A66 !important;
    color: #ffffff !important;
    border-radius: 50px !important;
    padding: 8px 35px !important;
    font-size: 17.33px;
    border: 1px  solid #FF9A66 !important;
}

.btn-solid-orange-light:disabled {
    background-color: #e69b85 !important;
    color: #ffffff !important;
    border-radius: 50px !important;
    border: 1px  solid #e69b85 !important;
}

.btn-solid-orange-light:hover {
    background-color: #f85928 !important;
    color: #ffffff !important;
    border-radius: 50px !important;
    border: 1px  solid #f85928 !important;
    box-shadow: 0px 0px 1px #000000;
}

/* boton green*/
.btn-solid-green {
    background-color: #979D00 !important;
    color: #ffffff !important;
    border-radius: 50px !important;
    padding: 8px 35px !important;
    font-size: 17.33px;
    border: 1px  solid #979D00 !important;
}

.btn-solid-green:disabled {
    background-color: #aaad56 !important;
    color: #ffffff !important;
    border-radius: 50px !important;
    border: 1px  solid #aaad56 !important;
}

.btn-solid-green:hover {
    background-color: #7f8303 !important;
    color: #ffffff !important;
    border-radius: 50px !important;
    border: 1px  solid #7f8303 !important;
    box-shadow: 0px 0px 1px #000000;
}

/*boton blue light*/
.btn-solid-blue-light {
    background-color: #00B7FF !important;
    color: #ffffff !important;
    border-radius: 50px !important;
    padding: 8px 35px !important;
    font-size: 17.33px;
    border: 1px  solid #00B7FF !important;
}

.btn-solid-blue-light:disabled {
    background-color: #4d94b1 !important;
    color: #ffffff !important;
    border-radius: 50px !important;
    border: 1px  solid #4d94b1 !important;
}

.btn-solid-blue-light:hover {
    background-color: #05a0dd !important;
    color: #ffffff !important;
    border-radius: 50px !important;
    border: 1px  solid #05a0dd !important;
    box-shadow: 0px 0px 1px #000000;
}

/*button solid black*/
.btn-solid-black {
    background-color: #000000 !important;
    color: #ffffff !important;
    border-radius: 50px !important;
    padding: 8px 35px !important;
    font-size: 17.33px;
    border: 1px  solid #000000 !important;
}

.btn-solid-black:disabled {
    background-color: #5c5b5b !important;
    color: #ffffff !important;
    border-radius: 50px !important;
    border: 1px  solid #5c5b5b !important;
}

.btn-solid-black:hover {
    background-color: #363636 !important;
    color: #ffffff !important;
    border-radius: 50px !important;
    border: 1px  solid #363636 !important;
    box-shadow: 0px 0px 1px #000000;
}

/*button white*/
.btn-solid-white {
    background-color: #ffffff !important;
    color: #000000 !important;
    border-radius: 50px !important;
    padding: 8px 35px !important;
    font-size: 17.33px;
    border: 1px  solid #ffffff !important;
}

.btn-solid-white:disabled {
    background-color: #a7a6a6 !important;
    color: #000000 !important;
    border-radius: 50px !important;
    border: 1px  solid #a7a6a6 !important;
}

.btn-solid-white:hover {
    background-color: #f0eeee !important;
    color: #000000 !important;
    border-radius: 50px !important;
    border: 1px  solid #f0eeee !important;
    box-shadow: 0px 0px 1px #000000;
}

/*button cian*/
.btn-solid-cian {
    background-color: #48AFB4 !important;
    color: #000000 !important;
    border-radius: 50px !important;
    padding: 8px 35px !important;
    font-size: 17.33px;
    border: 1px  solid #48AFB4 !important;
}

.btn-solid-cian:disabled {
    background-color: #549ca0 !important;
    color: #000000 !important;
    border-radius: 50px !important;
    border: 1px  solid #549ca0 !important;
}

.btn-solid-cian:hover {
    background-color: #4ad4db !important;
    color: #000000 !important;
    border-radius: 50px !important;
    border: 1px  solid #4ad4db !important;
    box-shadow: 0px 0px 1px #000000;
}

/*button yellow*/
.btn-solid-yellow {
    background-color: #FBC066 !important;
    color: #000000 !important;
    border-radius: 50px !important;
    padding: 8px 35px !important;
    font-size: 17.33px;
    border: 1px  solid #FBC066 !important;
}

.btn-solid-yellow:disabled {
    background-color: #dbaf6d !important;
    color: #000000 !important;
    border-radius: 50px !important;
    border: 1px  solid #dbaf6d !important;
}

.btn-solid-yellow:hover {
    background-color: #fab651 !important;
    color: #000000 !important;
    border-radius: 50px !important;
    border: 1px  solid #fab651 !important;
    box-shadow: 0px 0px 1px #000000;
}


/* boton turquesa*/
.btn-solid-turquesa {
    background-color: #08595d  !important;
    color: #ffffff !important;
    border-radius: 50px !important;
    padding: 8px 35px !important;
    font-size: 17.33px;
    border: 1px  solid #08595d  !important;
}

.btn-solid-turquesa:disabled {
    background-color: #096d72  !important;
    color: #ffffff !important;
    border-radius: 50px !important;
    border: 1px  solid #096d72  !important;
}

.btn-solid-turquesa:hover {
    background-color: #10a9b1  !important;
    color: #ffffff !important;
    border-radius: 50px !important;
    border: 1px  solid #10a9b1  !important;
    box-shadow: 0px 0px 1px #000000;
}

/* boton esmeralda*/
.btn-solid-esmeralda {
    background-color: #13504f !important;
    color: #ffffff !important;
    border-radius: 50px !important;
    padding: 8px 35px !important;
    font-size: 17.33px;
    border: 1px  solid #13504f !important;
}

.btn-solid-esmeralda:disabled {
    background-color: #318b8a !important;
    color: #ffffff !important;
    border-radius: 50px !important;
    border: 1px  solid #318b8a !important;
}

.btn-solid-esmeralda:hover {
    background-color: #2fb6b4 !important;
    color: #ffffff !important;
    border-radius: 50px !important;
    border: 1px  solid #2fb6b4 !important;
    box-shadow: 0px 0px 1px #000000;
}

/* boton oceano*/
.btn-solid-oceano  {
    background-color: #1f6f71 !important;
    color: #ffffff !important;
    border-radius: 50px !important;
    padding: 8px 35px !important;
    font-size: 17.33px;
    border: 1px  solid #1f6f71 !important;
}

.btn-solid-oceano:disabled {
    background-color: #20595a !important;
    color: #ffffff !important;
    border-radius: 50px !important;
    border: 1px  solid #20595a !important;
}

.btn-solid-oceano:hover {
    background-color: #2d9fa1 !important;
    color: #ffffff !important;
    border-radius: 50px !important;
    border: 1px  solid #2d9fa1 !important;
    box-shadow: 0px 0px 1px #000000;
}

/* boton marfil */
.btn-solid-marfil {
    background-color: #fff4e7 !important;
    color: #000000 !important;
    border-radius: 50px !important;
    padding: 8px 35px !important;
    font-size: 17.33px;
    border: 1px  solid #fff4e7 !important;
}

.btn-solid-marfil:disabled {
    background-color: #e7ded2 !important;
    color: #000000 !important;
    border-radius: 50px !important;
    border: 1px  solid #e7ded2 !important;
}

.btn-solid-marfil:hover {
    background-color: #f7e4cd !important;
    color: #000000 !important;
    border-radius: 50px !important;
    border: 1px  solid #f7e4cd !important;
    box-shadow: 0px 0px 1px #000000;
}

/* boton arena  */
.btn-solid-arena {
    background-color: #f5ddc0 !important;
    color: #000000 !important;
    border-radius: 50px !important;
    padding: 8px 35px !important;
    font-size: 17.33px;
    border: 1px  solid #f5ddc0 !important;
}

.btn-solid-arena:disabled {
    background-color: #cfba9f !important;
    color: #000000 !important;
    border-radius: 50px !important;
    border: 1px  solid #cfba9f !important;
}

.btn-solid-arena:hover {
    background-color: #f1d3ae !important;
    color: #000000 !important;
    border-radius: 50px !important;
    border: 1px  solid #f1d3ae !important;
    box-shadow: 0px 0px 1px #000000;
}

/* Colores de botones lineales */
/* btn-outline-blue __________________*/
.btn-outline-blue {
    background-color: #00000000 !important;
    color: #002554;
    border-radius: 50px !important;
    padding: 8px 35px !important;
    font-size: 17.33px;
    border: 1px  solid #002554 !important;
}

.btn-outline-blue:disabled {
    background-color: #00245459 !important;
    color: #002554;
    border-radius: 50px !important;
    border: 1px  solid #002554;
}

.btn-outline-blue:hover {
    background-color: #023c88 !important;
    color: #ffffff !important;
    border-radius: 50px !important;
    border: 1px  solid #023c88;
    box-shadow: 0px 0px 1px #000000;
}

/* btn-outline-lila __________________*/
.btn-outline-lila {
    background-color: #00000000 !important;
    color: #B17DD1;
    border-radius: 50px !important;
    padding: 8px 35px !important;
    font-size: 17.33px;
    border: 1px  solid #B17DD1 !important;
}

.btn-outline-lila:disabled {
    background-color: #b17dd157 !important;
    color: #B17DD1;
    border-radius: 50px !important;
    border: 1px  solid #B17DD1;
}

.btn-outline-lila:hover {
    background-color: #c58fe6 !important;
    color: #ffffff !important;
    border-radius: 50px !important;
    border: 1px  solid #B17DD1;
    box-shadow: 0px 0px 1px #000000;
}

/* btn-outline-pink __________________*/
.btn-outline-pink {
    background-color: #00000000 !important;
    color: #FFA0DF;
    border-radius: 50px !important;
    padding: 8px 35px !important;
    font-size: 17.33px;
    border: 1px  solid #FFA0DF !important;
}

.btn-outline-pink:disabled {
    background-color: #ffa0df57 !important;
    color: #FFA0DF;
    border-radius: 50px !important;
    border: 1px  solid #FFA0DF;
}

.btn-outline-pink:hover {
    background-color: #f884d1 !important;
    color: #ffffff !important;
    border-radius: 50px !important;
    border: 1px  solid #f884d1;
    box-shadow: 0px 0px 1px #000000;
}

/* btn-outline-orange __________________*/
.btn-outline-orange {
    background-color: #00000000 !important;
    color: #FF774F;
    border-radius: 50px !important;
    padding: 8px 35px !important;
    font-size: 17.33px;
    border: 1px  solid #FF774F !important;
}


.btn-outline-orange:disabled {
    background-color: #ff784f56 !important;
    color: #FF774F;
    border-radius: 50px !important;
    border: 1px  solid #FF774F;
}


.btn-outline-orange:hover {
    background-color: #f85928 !important;
    color: #ffffff !important;
    border-radius: 50px !important;
    border: 1px  solid #f85928;
    box-shadow: 0px 0px 1px #000000;
}

/* btn-outline-orange-light  __________________*/
.btn-outline-orange-light {
    background-color: #00000000 !important;
    color: #FF9A66;
    border-radius: 50px !important;
    padding: 8px 35px !important;
    font-size: 17.33px;
    border: 1px  solid #FF9A66 !important;
}

.btn-outline-orange-light:disabled {
    background-color: #ff784f56 !important;
    color: #FF774F;
    border-radius: 50px !important;
    border: 1px  solid #FF774F;
}


.btn-outline-orange-light:hover {
    background-color: #f85928 !important;
    color: #ffffff !important;
    border-radius: 50px !important;
    border: 1px  solid #f85928;
    box-shadow: 0px 0px 1px #000000;
}

/* btn-outline-green  __________________*/
.btn-outline-green {
    background-color: #00000000 !important;
    color: #979D00;
    border-radius: 50px !important;
    padding: 8px 35px !important;
    font-size: 17.33px;
    border: 1px  solid #979D00 !important;
}

.btn-outline-green:disabled {
    background-color: #989d0062 !important;
    color: #979D00;
    border-radius: 50px !important;
    border: 1px  solid #979D00;
}

.btn-outline-green:hover {
    background-color: #7f8303 !important;
    color: #ffffff !important;
    border-radius: 50px !important;
    border: 1px  solid #7f8303;
    box-shadow: 0px 0px 1px #000000;
}

/* btn-outline-blue-light  __________________*/
.btn-outline-blue-light {
    background-color: #00000000 !important;
    color: #00B7FF;
    border-radius: 50px !important;
    padding: 8px 35px !important;
    font-size: 17.33px;
    border: 1px  solid #00B7FF !important;
}

.btn-outline-blue-light:disabled {
    background-color: #00b7ff4f !important;
    color: #00B7FF;
    border-radius: 50px !important;
    border: 1px  solid #00B7FF;
}

.btn-outline-blue-light:hover {
    background-color: #05a0dd !important;
    color: #ffffff !important;
    border-radius: 50px !important;
    border: 1px  solid #05a0dd;
    box-shadow: 0px 0px 1px #000000;
}

/* btn-outline-black  __________________*/
.btn-outline-black {
    background-color: #00000000 !important;
    color: #000000 !important;
    border-radius: 50px !important;
    padding: 8px 35px !important;
    font-size: 17.33px;
    border: 1px  solid #000000 !important;
}

.btn-outline-black:disabled {
    background-color: #63616188 !important;
    color: #000000 !important;
    border-radius: 50px !important;
    border: 1px  solid #000000;
}

.btn-outline-black:hover {
    background-color: #363636 !important;
    color: #ffffff !important;
    border-radius: 50px !important;
    border: 1px  solid #363636;
    box-shadow: 0px 0px 1px #000000;
}

/* btn-outline-white  __________________*/
.btn-outline-white {
    background-color: #00000000 !important;
    color: #ffffff !important;
    border-radius: 50px !important;
    padding: 8px 35px !important;
    font-size: 17.33px;
    border: 1px  solid #ffffff !important;
    transition: all 0.3s;
}

.btn-outline-white:disabled {
    background-color: #ffffff38 !important;
    color: #ffffff !important;
    border-radius: 50px !important;
    border: 1px  solid #ffffff;
    transition: all 0.3s;
}

.btn-outline-white:hover {
    background-color: #f0eeee !important;
    color: #000000 !important;
    border-radius: 50px !important;
    border: 1px  solid #f0eeee;
    box-shadow: 0px 0px 1px #000000;
}

/* btn-outline-cian  __________________*/
.btn-outline-cian {
    background-color: #00000000 !important;
    color: #48AFB4 !important;
    border-radius: 50px !important;
    padding: 8px 35px !important;
    font-size: 17.33px;
    border: 1px  solid #48AFB4 !important;
    transition: all 0.3s;
}

.btn-outline-cian:disabled {
    background-color: #ffffff38 !important;
    color: #48AFB4 !important;
    border-radius: 50px !important;
    border: 1px  solid #48AFB4;
    transition: all 0.3s;
}

.btn-outline-cian:hover {
    background-color: #48AFB4 !important;
    color: #ffffff !important;
    border-radius: 50px !important;
    border: 1px  solid #48AFB4;
    box-shadow: 0px 0px 1px #000000;
}

/* btn-outline-yellow  __________________*/
.btn-outline-yellow {
    background-color: #00000000 !important;
    color: #FBC066 !important;
    border-radius: 50px !important;
    padding: 8px 35px !important;
    font-size: 17.33px;
    border: 1px  solid #FBC066 !important;
    transition: all 0.3s;
}

.btn-outline-yellow:disabled {
    background-color: #ffffff38 !important;
    color: #FBC066 !important;
    border-radius: 50px !important;
    border: 1px  solid #FBC066;
    transition: all 0.3s;
}

.btn-outline-yellow:hover {
    background-color: #FBC066 !important;
    color: #ffffff !important;
    border-radius: 50px !important;
    border: 1px  solid #FBC066;
    box-shadow: 0px 0px 1px #000000;
}

/* btn-outline-turquesa  __________________*/
.btn-outline-turquesa {
    background-color: #00000000 !important;
    color: #08595d ;
    border-radius: 50px !important;
    padding: 8px 35px !important;
    font-size: 17.33px;
    border: 1px  solid #08595d  !important;
}

.btn-outline-turquesa:disabled {
    background-color: #00245459 !important;
    color: #08595d;
    border-radius: 50px !important;
    border: 1px  solid #08595d;
}

.btn-outline-turquesa:hover {
    background-color: #08595d !important;
    color: #ffffff !important;
    border-radius: 50px !important;
    border: 1px  solid #08595d;
    box-shadow: 0px 0px 1px #000000;
}

/* btn-outline-esmeralda  __________________*/
.btn-outline-esmeralda {
    background-color: #00000000 !important;
    color: #13504f ;
    border-radius: 50px !important;
    padding: 8px 35px !important;
    font-size: 17.33px;
    border: 1px  solid #13504f  !important;
}

.btn-outline-esmeralda:disabled {
    background-color: #00245459 !important;
    color: #1c6665;
    border-radius: 50px !important;
    border: 1px  solid #1c6665;
}

.btn-outline-esmeralda:hover {
    background-color: #13504f !important;
    color: #ffffff !important;
    border-radius: 50px !important;
    border: 1px  solid #13504f;
    box-shadow: 0px 0px 1px #000000;
}

/* btn-outline-oceano  __________________*/
.btn-outline-oceano {
    background-color: #00000000 !important;
    color: #1f6f71 ;
    border-radius: 50px !important;
    padding: 8px 35px !important;
    font-size: 17.33px;
    border: 1px  solid #1f6f71  !important;
}

.btn-outline-oceano:disabled {
    background-color: #00245459 !important;
    color: #236a6b;
    border-radius: 50px !important;
    border: 1px  solid #236a6b;
}

.btn-outline-oceano:hover {
    background-color: #1f6f71 !important;
    color: #ffffff !important;
    border-radius: 50px !important;
    border: 1px  solid #1f6f71;
    box-shadow: 0px 0px 1px #000000;
}

/* btn-outline-marfil  __________________*/
.btn-outline-marfil {
    background-color: #00000000 !important;
    color: #fff4e7 ;
    border-radius: 50px !important;
    padding: 8px 35px !important;
    font-size: 17.33px;
    border: 1px  solid #fff4e7  !important;
}

.btn-outline-marfil:disabled {
    background-color: #00245459 !important;
    color: #ece2d4;
    border-radius: 50px !important;
    border: 1px  solid #ece2d4;
}

.btn-outline-marfil:hover {
    background-color: #f7e0c4 !important;
    color: #ffffff !important;
    border-radius: 50px !important;
    border: 1px  solid #f7e0c4;
    box-shadow: 0px 0px 1px #000000;
}


/* btn-outline-arena  __________________*/
.btn-outline-arena {
    background-color: #00000000 !important;
    color: #f5ddc0 ;
    border-radius: 50px !important;
    padding: 8px 35px !important;
    font-size: 17.33px;
    border: 1px  solid #f5ddc0  !important;
}

.btn-outline-arena:disabled {
    background-color: #00245459 !important;
    color: #dbc9b2;
    border-radius: 50px !important;
    border: 1px  solid #dbc9b2;
}

.btn-outline-arena:hover {
    background-color: #f5d5ad !important;
    color: #ffffff !important;
    border-radius: 50px !important;
    border: 1px  solid #f5d5ad;
    box-shadow: 0px 0px 1px #000000;
}


.btn-small {
    font-size: 11px;
    padding: 15px 10px;
}

.btn-normal {
    font-size: 13px;
    padding: 15px 10px;
}

.btn-big {
    font-size: 21px;
    padding: 15px 10px !important;
    border-radius: 50px !important;

}

.btn-big:hover {
    font-size: 21px;
    padding: 15px 10px !important;
    border-radius: 50px !important;
}

/*radius input*/
.radius-50 {
    border-radius: 20px;
}

/*Line top*/

.line-top-blue {
    border-top: solid 1px #002554;
}

.line-top-lila {
    border-top: solid 1px#B17DD1;
}

.line-top-pink {
    border-top: solid 1px#FFA0DF;
}

.line-top-orange {
    border-top: solid 1px#FF774F;
}

.line-top-orange-light {
    border-top: solid 1px#FF9A66;
}


.line-top-green {
    border-top: solid 1px#979D00;
}

.line-top-blue-light {
    border-top: solid 1px#00B7FF;
}

.line-top-white {
    border-top: solid 1px#ffffff;
}

.line-top-cian {
    border-top: solid 1px#48AFB4;
}

.line-top-yellow {
    border-top: solid 1px#FBC066;
}

.line-top-turquesa {
    border-top: solid 1px#08595d;
}

.line-top-esmeralda {
    border-top: solid 1px#13504f;
}

.line-top-oceano{
    border-top: solid 1px#1f6f71;
}

.line-top-marfil {
    border-top: solid 1px#fff4e7;
}

.line-top-arena{
    border-top: solid 1px#f5ddc0;
}



/*Line bottom*/

.line-bottom-blue {
    border-bottom: solid 1px #002554;
}

.line-bottom-lila {
    border-bottom: solid 1px#B17DD1;
}

.line-bottom-pink {
    border-bottom: solid 1px#FFA0DF;
}

.line-bottom-orange {
    border-bottom: solid 1px#FF774F;
}

.line-bottom-orange {
    border-bottom: solid 1px#FF9A66;
}

.line-bottom-green {
    border-bottom: solid 1px#979D00;
}

.line-bottom-blue-light {
    border-bottom: solid 1px#00B7FF;
}

.line-bottom-white {
    border-bottom: solid 1px#ffffff;
}

.line-bottom-cian {
    border-bottom: solid 1px#48AFB4;
}

.line-bottom-yellow {
    border-bottom: solid 1px#FBC066;
}


.line-bottom-turquesa {
    border-bottom: solid 1px#08595d;
}

.line-bottom-esmeralda {
    border-bottom: solid 1px#13504f;
}

.line-bottom-oceano{
    border-bottom: solid 1px#1f6f71;
}

.line-bottom-marfil {
    border-bottom: solid 1px#fff4e7;
}

.line-bottom-arena{
    border-bottom: solid 1px#f5ddc0;
}

.icon-footer {
    text-align: right;
}

.text-footer {
    padding-right: 40px;
}

a {
    text-decoration: none !important;
}

.border-radius-15 {
    border-radius: 15px !important;
}

.border-radius-20 {
    border-radius: 20px !important;
}

.border-radius-30 {
    border-radius: 50px !important;
}

.border-radius-40 {
    border-radius: 40px !important;
}

.border-radius-50 {
    border-radius: 50px !important;
}

.border-radius-75 {
    border-radius: 75px !important;
}

.border-radius-150 {
    border-radius: 100px !important;
}

/*Border radius start*/
.border-radius-s-15 {
    border-top-left-radius: 15px !important;
    border-bottom-left-radius: 15px !important;
}

.border-radius-s-20 {
    border-top-left-radius: 20px !important;
    border-bottom-left-radius: 20px !important;
}

.border-radius-s-30 {
    border-top-left-radius: 30px !important;
    border-bottom-left-radius: 30px !important;
}

.border-radius-s-40 {
    border-top-left-radius: 40px !important;
    border-bottom-left-radius: 40px !important;
}

.border-radius-s-50 {
    border-top-left-radius: 50px !important;
    border-bottom-left-radius: 50px !important;
}

/*Border radius end*/
.border-radius-e-15 {
    border-top-right-radius: 15px !important;
    border-bottom-right-radius: 15px !important;
}

.border-radius-e-20 {
    border-top-right-radius: 20px !important;
    border-bottom-right-radius: 20px !important;
}

.border-radius-e-30 {
    border-top-right-radius: 30px !important;
    border-bottom-right-radius: 30px !important;
}

.border-radius-e-40 {
    border-top-right-radius: 40px !important;
    border-bottom-right-radius: 40px !important;
}

.border-radius-e-50 {
    border-top-right-radius: 50px !important;
    border-bottom-right-radius: 50px !important;
}

/*Border radius top*/
.border-radius-t-15 {
    border-top-right-radius: 15px !important;
    border-top-left-radius: 15px !important;
}

.border-radius-t-20 {
    border-top-right-radius: 20px !important;
    border-top-left-radius: 20px !important;
}

.border-radius-t-30 {
    border-top-right-radius: 30px !important;
    border-top-left-radius: 30px !important;
}

.border-radius-t-40 {
    border-top-right-radius: 40px !important;
    border-top-left-radius: 40px !important;
}

.border-radius-t-50 {
    border-top-right-radius: 50px !important;
    border-top-left-radius: 50px !important;
}

/*Border radius bottom*/
.border-radius-b-15 {
    border-bottom-right-radius: 15px !important;
    border-bottom-left-radius: 15px !important;
}

.border-radius-b-20 {
    border-bottom-right-radius: 20px !important;
    border-bottom-left-radius: 20px !important;
}

.border-radius-b-30 {
    border-bottom-right-radius: 30px !important;
    border-bottom-left-radius: 30px !important;
}

.border-radius-b-40 {
    border-bottom-right-radius: 40px !important;
    border-bottom-left-radius: 40px !important;
}

.border-radius-b-50 {
    border-bottom-right-radius: 50px !important;
    border-bottom-left-radius: 50px !important;
}

/*
   Menu
*/
.navbar .navbar-brand {
    max-width: 400px;
}

/* .navbar .collapse ul li {
    padding-left: 1.85rem;
} */

.navbar .collapse a {
    color: #fff;
}


/* Eliminar el border-radius inferior cuando el dropdown está abierto */
.select2-container--open .select2-selection--single {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

/* Restaurar el border-radius inferior cuando el dropdown está cerrado */
.select2-container--focus .select2-selection--single {
    border-bottom-left-radius: 20px !important;
    border-bottom-right-radius: 20px !important;
}

/*Stilos para la parte del select buscador*/
.select2-container .select2-selection--single {
    height: 60px !important;
}

.select2-selection__arrow {
    height: 60px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-top: 15px !important;
}

.select2-selection--single {
    border-radius: 20px !important;
    border-bottom: none !important;
}


.content-header {
    z-index: 10 !important;
}


/*interlineado para titulo tarjeta*/
.interline-title{
    line-height: 1.9rem !important;
}

/* Estilo específico para Móvil */
@media (max-width: 768px) {
    .content-footer {
        text-align: center;
    }

    .icon-footer {
        text-align: center;
    }

    .text-footer {
        padding-right: 20px;
        padding-left: 20px;
    }

    /*interlineado movil parrafos*/
    .interline{
        line-height: 1.4rem;
    }

}

.min-vw-75{
    min-width: 75vw !important;
}

.min-vw-80{
    min-width: 80vw !important;
}

.min-vw-100{
    min-width: 90vw !important;
}



/* @media (min-width: 1200px) {
    .navbar .collapse ul li {
        padding-left: 2.85rem;
    }
} */