/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.3.6,
* Autoprefixer: v10.3.1
* Browsers: last 4 version
*/

/*  font-family: 'Inter', sans-serif;
    font-family: 'Roboto', sans-serif; */

* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

html {
    font-size: 62.5%;
    height: 100%;
}


input, [contenteditable]
{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0 ;
}


.header, .footer {
    width: 100vw;
    height: 45px;
    min-height: 45px;
    background-color: var(--color-06);
    z-index: 200;
}

.header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.header-content {
    width: 100%;
    max-width: 360px;
    height: 45px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
}

body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    height: 100%;
    min-height: 100%;
    /* height: calc(var(--vh, 1vh) * 100); */

    overflow: hidden;
}

.main {
    width: 100vw;
    height: 100vh;
    background-color: var(--color-07);
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}


/* DROPDOWN */

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    -webkit-box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
            box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1000;
    padding: 10px 15px;
    border-radius: 0px 10px 10px 10px;
    margin-top: 9px;
    margin-left: 22px;
    max-width: 86%;
    max-height: 81vh;
    overflow: scroll;
}

.dropdown-content p {
    font-size: 1.2rem;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    color: #000;
    text-align: justify;
}

.img-adorno-contacto {
    position: absolute;
    top: -7px;
    left: 0;
}

/* .container-burger-menu:hover .dropdown-content {display: block;} */

.container-white {
    background-color: var(--color-01);
}

.dropbtn {
    background-color: transparent;
    border: none;
    cursor: pointer;
    margin-left: 12.38px;
}

/* HEADER TÍTULO */

.header-title {
    position: absolute;
    min-width: 237.19px;
    left: 46.41px;
    right: 46.41px;
}

.header-title h1 {
    font-family: 'Inter', sans-serif;
    font-weight: bold;
    font-size: 1.6rem;
    color: #FFF;
    text-align: center;
}

/* MAIN */

.main-content-wr {
    z-index: 3;
    width: 100%;
    max-width: 100%;
    height: auto;
    max-height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
    border-radius: 5px;
    position: relative;
    padding-bottom: 15px;
    background: var(--color-04);
}

.main-content {
    height: 100%;
    width: 100%;
    max-width: 360px;
    padding: 15px 10px;
    overflow-y: scroll;


    z-index: 1;
}

.container-slogan-and-login {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.slogan-content-sin-loggear p {
    font-family: 'Inter', sans-serif;
    font-size: 1.2rem;
    font-weight: 400;
    color: #FFF;
    letter-spacing: 0.15px;
}

.log-ing-content .btn-log-in {
    background-color: transparent;
    border: none;
    color: #FFF;
    font-family: 'Inter', sans-serif;
    font-size: 1.6rem;
    font-weight: 400;
    letter-spacing: 0.15px;
    cursor: pointer;
    text-decoration: none;
    white-space: nowrap;
    padding-left: .5em;
}

/* MODAL LOG IN */

.modal-login,
.modal-general{
    background-color: rgba(0,0,0,0.6);
    position: absolute;
    top: 45px;
    left: 0;
    right: 0;
    bottom: 45px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    display: none;
    padding: 0px 10px;
    z-index: 100;
    height: calc(100vh - 90px);
    overflow: scroll;
    text-align: center;
}

.modal-login-inicio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.modal-login .modal-container,
.modal-general .modal-container {
    width: 100%;
    max-width: 340px;
    max-height: 346px;
    background-color: var(--color-01);
    border-radius: 5px;
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 15px 20px;
    position: relative;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
}

.close-modal,
.close-modal-general {
    cursor: pointer;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 36px;
    height: 36px;
    border-radius: 100%;
    background: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.close-modal:hover,
.close-modal-general:hover {
    background-color: rgba(196, 196, 196, .4);
}

.modal-title-login {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 16px;
}

.modal-title-login h2 {
    font-size: 1.8rem;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    color: #000;
}

.modal-text-login {
    height: 45px;
    margin-bottom: 7px;
    margin-top: 2px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.modal-text-login p {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 1.2rem;
    color: #263238;
    text-align: center;
}

.form-content {
    width: 100%;
    height: 45px;
    position: relative;
}

.form-content .input-content input{
    width: 100%;
    height: 45px;
    border-radius: 8px;
    border: 1px solid #263238;
    padding-left: 12px;
    font-size: 1.2rem;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    letter-spacing: 1%;
    background-color: var(--color-01);
}

.form-content .input-content input:focus{
    border-width: 2px;
    outline: 0 !important;
}


::-webkit-input-placeholder {
    font-size: 1.2rem;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    letter-spacing: 1%;
    color: rgba(38, 50, 56, .5);
}

::-moz-placeholder {
    font-size: 1.2rem;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    letter-spacing: 1%;
    color: rgba(38, 50, 56, .5);
}

:-ms-input-placeholder {
    font-size: 1.2rem;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    letter-spacing: 1%;
    color: rgba(38, 50, 56, .5);
}

::-ms-input-placeholder {
    font-size: 1.2rem;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    letter-spacing: 1%;
    color: rgba(38, 50, 56, .5);
}

::placeholder {
    font-size: 1.2rem;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    letter-spacing: 1%;
    color: rgba(38, 50, 56, .5);
}


input:focus,
textarea:focus
{
    border-width: 2px;
    outline: 0 !important;
}



.label-content {
    position: absolute;
    left: 12px;
    top: -7px;
    background-color: var(--color-01);
    z-index: 10;
}

.label-content label {
    font-size: 1.2rem;
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    border: 4px solid transparent;
    border-bottom: 0px solid transparent;
    color: #263238;
}

.content-forgot-password {
    margin-top: 12px;
    text-align: right;
}

.content-forgot-password a {
    font-size: 1.2rem;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    color: #000;
}

.content-btn {
    width: 100%;
    height: 50px;
    position: relative;
}

.pass-tlf-error {
    position: absolute;
    top: -20px;
    width: 100%;
    height: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.pass-datos-error {
    position: absolute;
    top: -17px;
    width: 100%;
    height: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.pass-tlf-error p,
.pass-datos-error p {
    color: #FC7D76;
    font-size: 1.2rem;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
}


.content-btn .btn-standar {
    width: 100%;
    height: 50px;
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: var(--color-05);
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 5px;
    font-size: 1.8rem;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    color: #FFF;
    -webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.5);
            box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.5);
    border: none;
    cursor: pointer;
    -webkit-filter: opacity(1);
            filter: opacity(1);
}

.content-btn .btn-standar:hover {
    -webkit-filter: brightness(0.8);
            filter: brightness(0.8);
}

.content-hover-btn:hover {
    -webkit-filter: brightness(0.8);
            filter: brightness(0.8);
}

.content-hover-btn a:hover,
.content-hover-btn button:hover {
    -webkit-filter: brightness(1)!important;
            filter: brightness(1)!important;
}

.btn-noaction{
    background-color: var(--color-05) !important;
    cursor: not-allowed;
    pointer-events: none;
    opacity: .5;
}

.btn-noaction+.btn-arrow-right{
    opacity: .5;
}

.btn-profile-option{
    background-color: transparent !important;
    color: #263238 !important;
}

.tab_disabled{
    cursor: not-allowed !important;
    pointer-events: none;
}

.not-registered {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 60px;
}

.not-registered a {
    font-size: 1.2rem;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    color: #000;
    letter-spacing: 0.15px;
}

.line-w-100 {
    width: 100%;
    height: 1px;
    background-color: var(--color-01);
    margin-top: 10px;
}

.philosophy-text {
    margin-top: 15px;
    width: 100%;
}

.philosophy-text p {
    font-size: 1.2rem;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    color: #FFF;
    line-height: 130%;
    letter-spacing: 0.5%;
    text-align: justify;
}

/* ACORDEON */

.acordeon {
    width: 100%;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    background-color: var(--color-03);
    position: relative;
    border-radius: 5px;
}

.acordeon.no-bg{
    background-color: transparent;
}

.acordeon .bloque {
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.acordeon .btnAccordeon {
    width: 100%;
    color: var(--negro);
    border-radius: 5px;
    background-color: var(--color-04);
    cursor: pointer;
    font-size: 1.8rem;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    color: #000;
}

.acordeon .btnDatos {
    height: 90px;
    border: none;
    background-color: var(--color-03);
}

.acordeon .contenido {
    height: 0;
    padding: 0rem;
    overflow: hidden;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.acordeon .bloque.activo .contenido {
    height: auto;
}

.container-close-accordeon,
.container-close-accordeon-mobile {
    position: absolute;
    width: 100%;
    height: 100%;
    max-height: 45px;
    top: 0;
    right: 0;
    left: 0;
    display: none;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-left: 20px;
    cursor: pointer;
}



.content-btn-w-img {
    position: relative;
}

.content-btn-w-img .btn-arrow-right {
    position: absolute;
    top: 17px;
    bottom: 17px;
    right: 20px;
    pointer-events: none;
}

.instructions-menu-sin-loggear {
    margin: 15px 0px;
}

.instructions-menu-sin-loggear p {
    font-size: 1.2rem;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    color: #FFF;
    line-height: 200%;
    letter-spacing: 0.5%;
}

/* ACCORDEON REGISTRO */

.btnAccordeonRegistro {
    width: 100%;
    height: 50px;
    border-radius: 5px;
    border: 1px solid var(--color-01);
    font-size: 1.8rem;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    color: #FFF;
    cursor: pointer;
    line-height: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-decoration: none;
}

.btnAccordeonRegistro-active {
    border-bottom: none!important;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.btnAccordeonRegistro:hover {
    filter: brightness(0.8);
}

.bloque-registro {
    position: relative;
    border-radius: 5px;
}

.arrow-up-registro {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 48px;
    cursor: pointer;
    display: none;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-left: 20px;
}

.arrow-up-registro2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 48px;
    cursor: pointer;
    /* display: flex; */
    display: none;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-left: 20px;
}

.arrow-up-registro2 img {
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
}

.arrow-up-registro2 img {
    -webkit-transform: (-90deg);
        -ms-transform: (-90deg);
            transform: (-90deg);
}

.arrow-up-registro-activo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.contenido-registro {
    height: 0;
    padding: 0;
    overflow: hidden;
}

.contenido-registro-activo {
    padding: 4px 20px 15px 20px;
    height: auto;
    border: 1px solid var(--color-01);
    border-top: 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    /* position: absolute; */
    width: 100%;
    margin-top: -3px;

}


.form-registro .texto-inicio-registro{
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 130%;
    color: #FFF;
    text-align: justify;
    letter-spacing: 0.005em;

    margin-bottom: 20px;
}

.form-content-bg-black .label-content {
    background-color: var(--color-07);
}

.form-content-bg-black .label-content label {
    color: #FFF;
    border-color: var(--color-07);
}

.form-content-bg-black .input-content input {
    background-color: var(--color-07);
    border: 1px solid var(--color-01);
    color: #FFF;
}


.form-content-bg-black .input-content input:focus,
.form-content-bg-black .input-content input:focus-visible {
    border-width: 2px;
}


.form-content-bg-black .input-content input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.6);
}

.form-content-bg-black .input-content input::-moz-placeholder {
    color: rgba(255, 255, 255, 0.6);
}

.form-content-bg-black .input-content input:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.6);
}

.form-content-bg-black .input-content input::-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.6);
}

.form-content-bg-black .input-content input::placeholder {
    color: rgba(255, 255, 255, 0.6);
}

.container-slogan-loggeado p {
    font-size: 1.2rem;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    color: #FFF;
    text-align: center;
}

.header-content-w-lg {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    z-index: 3;
}

.header-content-w-lg .log-out-content .btn-log-out{
    border: none;
    background: transparent;
    color: #FFF;
    font-size: 1.2rem;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    letter-spacing: 0.2%;
    cursor: pointer;
    margin-right: 12.37px;
    text-decoration: none;
}

.log-out-content {
    z-index: 2;
}

.log-out-content button {
    z-index: 2;
}

.modal-title-logout{
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
}

.modal-title-logout h2,
.modal-title-general h2
{
    font-size: 1.8rem;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    letter-spacing: 0.15px;
    min-height: 21px; /* ocupar espacio aunque esté vacío */
}

.modal-text-logut,
.modal-text-general,
.container-text-olvido-pass2{
    width: 100%;
    height: 245px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
}


.modal-text-logut p,
.modal-text-general p,
.container-text-olvido-pass2 p,
.text-modal-sin-listado p{
    font-size: 16px;
    line-height: 130%;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    color: #000;
    letter-spacing: 0.5%;
}

.center-slogan p{
    font-size: 1.2rem;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    text-align: center;
    color: #FFF;
}

/* ACORDEON LISTADO */

.bloque-datos-f,
.bloque-datos-f-mobile {
    position: relative;
}

.bloque-datos-f .container-photo-profile {
    position: absolute;
    top: 15px;
    bottom: 15px;
    right: 12px;
    width: 60px;
    max-width: 60px;
    height: 60px;
    max-height: 60px;
    border-radius: 4px;
    background-color: var(--color-02);
}

.modo-inverso .bloque-datos-f .container-photo-profile{
    left: 12px;
    right: unset;
}

.bloque-datos-f .container-photo-profile:hover {
    -webkit-filter: brightness(0.7);
            filter: brightness(0.7);
}

.bloque-datos-f .container-photo-profile img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 4px;
}

.container-photo-profile {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
}

.cursor-pointer{
    cursor: pointer;
}

/* PANTALLA PERFIL */

.main-content-white {
    background: var(--color-01);
    border-radius: 5px;
    width: 100%;
    height: auto;
    max-height: 100%;
    padding: 15px 20px;
    position: relative;
    overflow-y: scroll;
    height: 100%;
}

/* Estilos de las barras de scroll */
.pr-0px{
    padding-right: 0px !important;
}


.pr-2px{
    padding-right: 2px !important;
}

.pr-scroll{
    padding-right: 3px !important;
}

.pr-10px{
    padding-right: 10px;
}
.con-scroll{
    overflow-y: auto;
}

.con-scroll.scroll-siempre{
    overflow-y: scroll;
}

.scroll-bg-white::-webkit-scrollbar-track{
    background-color: var(--color-01);
}

.scroll-bg-white.with-border{
    border-right: 5px solid var(--color-01);
}

.scroll-bg-white.with-border-sm{
    border-right: 3px solid var(--color-01);
}


.scroll-bg-4::-webkit-scrollbar-track{
    background-color: var(--color-04);
}

.scroll-bg-4{
    border-right: 3px solid var(--color-04);
}



.con-scroll::-webkit-scrollbar{
    display: initial;
}

.con-scroll.scroll-invisible::-webkit-scrollbar{
 width: 0;
}

.close-page-profile {
    cursor: pointer;
    position: absolute;
    right: 5px;
    top: 7px;
    width: 36px;
    height: 36px;
    border-radius: 100%;
    background: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.close-page-profile:hover {
    background-color: rgba(196, 196, 196, .4);
}

.main-content-perfil{
    position: relative;
}

.contenido-perfil{
    position: absolute;
    top: 51px;
    left: 20px;
    right: 0px;
    bottom: 0px;
    overflow-x: hidden;
}

.container-title-profile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.container-title-profile h2 {
    font-size: 1.8rem;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    color: #000;
    text-align: center;

}

.introductions-profile {
    margin-bottom: 20px;
}

.introductions-profile p {
    font-size: 1.2rem;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: 0.5%;
    color: #263238;
}

.container-img-profile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100px;
    height: 100px;
    border-radius: 12px;
    background: var(--color-02);
    margin: 0 auto;
    position: relative;
}

.link-plus-img-profile {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.link-plus-img-profile img{
    width: 14px;
    height: 14px;
    max-width: 14px;
    max-height: 14px;
}

.circle-link-plus-img-profile {
    width: 40px;
    height: 40px;
    max-height: 40px;
    max-width: 40px;
    border-radius: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background: rgba(51, 51, 51, .4);
}

.modal-profile-img {
    position: fixed;
    width: 100vw;
    height: 100vh;
    display: none;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 45px 0px 45px 0px;
    z-index: 100;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}

.overlay-modal-profile-img {
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background: rgba(0,0,0,0.6);
    overflow-y: scroll;
}

.content-modal-profile-img {
    width: 100%;
    max-width: 340px;
    height: 346px;
    background: var(--color-01);
    border-radius: 12px;
    position: relative;
    z-index: 100;
    margin-top: 15px;
}


.content-modal-profile-img .closed-modal-profile-img {
    cursor: pointer;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 36px;
    height: 36px;
    border-radius: 100%;
    background: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    z-index: 2;
}

.closeModalImgListado {
    cursor: pointer;
}

.content-modal-profile-img .closed-modal-profile-img:hover {
    background-color: rgba(196, 196, 196, .4);
}

.container-img-profile-userx2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 180px;
    height: 180px;
    max-width: 180px;
    max-height: 180px;
    border-radius: 12px;
    background: #C4C4C4;
    margin-bottom: 36px;
}

.container-img-profile-userx2 img {
    width: 100%;
    height: 100%;
    max-height: 100%;
    max-width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 12px;
}

.container-btn-modal-profile-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    bottom: 15px;
    position: absolute;
    left: 15px;
    right: 15px;
    -ms-flex-pack: distribute;
        justify-content: space-around;
}

.container-btn-modal-profile-img a{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 135px;
    max-width: 135px;
    height: 50px;
    max-height: 50px;
    border-radius: 5px;
    background: var(--color-01);
    font-size: 1.8rem;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    text-decoration: none;
    -webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.5);
            box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.5);
    display: none;
}

.container-btn-modal-profile-img .btn-agg a{
    color: #FFF;
}

.text-area-content {
    width: 100%;
    height: 96px;
    position: relative;
}

.text-area-content textarea {
    width: 100%;
    max-width: 100%;
    height: 96px;
    max-height: 96px;
    resize: none;
    border-radius: 8px;
    border: 1px solid #263238;
    padding: 10.5px 12px;
    font-size: 1.2rem;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    background-color: var(--color-01);
}

.form-content-textarea {
    height: 96px;
}

.instruction-links-profile p{
    font-size: 1.2rem;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    letter-spacing: 0.5%;
    line-height: 20px;
    color: #263238;
}

.monto-donado-texto,
.monto-donado-numero {
    text-align: center;
    font-family: 'Inter';
    font-style: normal;
    line-height: 20px;
}

.monto-donado-texto {
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 0.005em;
    margin-top: 20px;
}

.monto-donado-numero {
    font-weight: 700;
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 20px;
}

/* LISTADO */

.bloque-listado {
    width: 100%;
    height: auto;
    background: var(--color-04);
    border-radius: 5px;
    position: relative;
}

.open-accordeon-listado {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-height: 50px;
    padding-top: 20px;
    padding-left: 20px;
    cursor: pointer;
    display: none;
}

.btn-listado {
    width: 100%;
    height: 50px;
    border-radius: 5px;
    border: none;
    font-size: 1.8rem;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    color: #000;
    background: var(--color-03);
    cursor: pointer;
}

.texto-no-mensajes{
    width: 100%;
    padding: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    background: var(--color-04);
    border-radius: 5px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.card-listado {
    width: 100%;
    min-height: 82px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    background: var(--color-03);
    border-radius: 5px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.card-listado:not(.bg-white) .card-listado-img{
    pointer-events: none;
}


.card-listado .acordeon-action-card-listado {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    cursor: pointer;
}

.card-listado .acordeon-action-card-listado-2 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    cursor: pointer;
    display: none;
}

.arrow-down-listado {
    position: absolute;
    bottom: 5px;
    left: 50%;
    transform: translateX(-50%);
}

.card-listado-text {
    margin: 10px 0px 10px 10px;
    width: calc(100% - 92px);
}

.modo-inverso .card-listado-text{
    order: 2;
    width: calc(100% - 95px);
    margin-right: 10px;
}

.card-listado-text.card-listado-msj{
    width: calc(100% - 74px)
}


.card-listado-text p {
    font-size: 1.2rem;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    line-height: 120%;
    color: #000;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
}

.card-listado-text.completo p{
    white-space: inherit;
}

.card-listado-img {
    margin-top: 7px;
    margin-right: 7px;
    position: relative;
    width: 68px;
    max-width: 68px;
    height: 68px;
    max-height: 68px;
    overflow: hidden;
    border-radius: 5px;
    z-index: 2;
    background-color: var(--color-02);
}

.modo-inverso .card-listado-img{
    margin-right: unset;
    margin-left: 7px;
}

.card-listado-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 5px;
}

.card-listado-img-mensajes {
    margin-top: 7px;
    margin-right: 7px;
    position: relative;
    width: 50px;
    max-width: 50px;
    height: 50px;
    max-height: 50px;
    overflow: hidden;
    border-radius: 5px;
    background-color: var(--color-02);
}

.modo-inverso .card-listado-img-mensajes {
    margin-right: unset;
    margin-left: 7px;
}

.card-listado-img-mensajes img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 5px;
}

.bloque-card-listado,
.bloque-card-listado-msj {
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 auto;
    background-color: var(--color-03);
    border-radius: 5px;
    -webkit-box-shadow: 1px 1px 3px 0px rgb(38 50 56 / 50%);
            box-shadow: 1px 1px 3px 0px rgb(38 50 56 / 50%);
    margin-bottom: 10px;
}

.line-w-contenido-listado {
    height: 1px;
    background-color: #BDBDBD;
    margin: 0 auto;
    margin-bottom: 4px;
}

.container-arrow-up-listado {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 9px;
}

.content-listado {
    display: none;
    padding-bottom: 15px;
}


.content-card-listado-proflie {
    display: none;
    overflow: hidden;
    padding: 0 20px;
}

.content-card-listado-proflie h3 {
    font-size: 1.6rem;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    color: #263238;
    margin-bottom: 10px;
    height: 15px;
}

.content-card-listado-proflie p {
    font-size: 1.2rem;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    color: #263238;
    letter-spacing: 0.5%;
    line-height: 20px;
}

.content-card-mensaje-desplegado{
    padding-bottom: 12px;
}


.links-usuario .container-link-card-listado-profile:first-child{
    margin-top: 6px;
}

.container-link-card-listado-profile {
    line-height: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.container-link-card-listado-profile a {
    font-size: 1.2rem;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    color: #000;
}


.btn-mensajes {
    width: 100%;
    height: 50px;
    border-radius: 5px;
    border: none;
    font-size: 1.8rem;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    background-color: var(--color-03);
    cursor: pointer;
}

.texto-1-donar {
    margin-top: 27px;
    margin-bottom: 10px;
    text-align: center;
    padding: 0px 20px;
}

.texto-1-donar p {
    font-size: 1.2rem;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    color: #FFF;
    line-height: 130%;
}

.btn-donar {
    width: 100%;
    height: 50px;
    border: none;
    background-color: var(--color-03);
    color: #000;
    font-size: 1.8rem;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    cursor: pointer;
    border-radius: 5px;
    position: relative;
}
/*
.cerrar-btn-donar {

} */

.bloque-donar {
    border-radius: 5px;
    background-color: var(--color-04);
    position: relative;
}

.close-btn-donar {
    position: absolute;
    width: 100%;
    height: 100%;
    max-height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding-left: 20px;
    display: none;
    cursor: pointer;
}

.main-content-btn-donar {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    height: 100%;
    min-height: 284px;
    background-color: var(--color-01);
    border-radius: 5px;
    padding: 15px 10px 14.9px 10px;
    position: relative;
}

.content-btn-donar {
    display: none;
    padding-bottom: 0.1px;
}

.text-1-donar {
    width: 100%;
    max-width: 100%;
    height: auto;
    min-height: 108px;
    max-height: calc(100vh - 365px);
    overflow-y: scroll;
}

.text-1-donar p,
.text2Donar  p{
    font-size: 1.2rem;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    line-height: 120%;
    text-align: justify;
}

.text2Donar {
   -ms-flex-preferred-size: auto;
       flex-basis: auto;
   max-height: calc(100vh - 365px);
   overflow: auto;
   min-height: 108px;
}

.btn-donar-w-absolute {
    position: absolute;
    bottom: 15px;
    width: 100%;
    left: 0;
    right: 0;
}

#btn2DeDonar {
    width: 100%;
    max-width: 270px;
    margin: 0 auto;
}

.validation-error{
    color: #FC7D76;
    font-size: 1.2rem;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
}

.con-bordes{
    border-top: 1px solid #BDBDBD;
    border-bottom: 1px solid #BDBDBD;
}

.container-msj-mobile{
    display: flex;
    flex-direction: column;
}

.container-profile-msj {
    width: 100%;
    max-width: 100%;
    height: auto;

    margin: 0 auto;
    background-color: var(--color-01);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    border: 1px solid #BDBDBD;
}

.container-profile-msj .left-profile-msj {
    margin-top: 10px;
    margin-left: 10px;
    max-width: calc(100% - 68px);
    padding-bottom: 6px;
    flex-grow: 1;
}

.modo-inverso .container-profile-msj .left-profile-msj {
    order: 2;
    margin-right: 10px;
    max-width: calc(100% - 78px);
}

.left-profile-msj .profile-msj_name h3 {
    font-size: 1.2rem;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    letter-spacing: 0%;
    line-height: 120%;
    height: 9px;
    margin-bottom: 9px;
    text-transform: uppercase;
}

.profile-msj_datos {
    width: 100%;
    max-width: 100%;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    overflow: hidden;
}

.left-profile-msj .profile-msj_datos p{
    font-size: 1.2rem;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    letter-spacing: 0%;
    line-height: 130%;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
}


.left-profile-msj .profile-msj_datos p:last-child {
    max-height: none;
}

.container-profile-msj .right-profile-msj {
    margin-top: 7px;
    margin-right: 7px;
    margin-bottom: 7px;
}

.modo-inverso .container-profile-msj .right-profile-msj {
    margin-right: unset;
    margin-left: 7px;
}

.container-profile-msj .right-profile-msj .profile-msj_img {
    width: 50px;
    height: 50px;
    max-width: 50px;
    max-height: 50px;
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: var(--color-02);
}

.container-profile-msj .right-profile-msj .profile-msj_img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 5px;
}

.adorno-esquina-send::after{
    background-image: url(/svg/flecha2_color3);
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    bottom: -8px;
    right: 0;
}

.adorno-esquina-received::after{
    background-image: url(/svg/flecha1);
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    top: -8px;
    left: 0px
}

.container-msj-sin-conver .adorno-esquina-send::after{
    background-image: url(/svg/flecha2_color1);
    bottom: -8px;
    right: 0;
}

.container-msj-sin-conver .style-msj-send{
    background-color: var(--color-01) !important;
}

.container-record-msjs {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    background-image: var(--image-09);
    background-color: var(--color-02);
    background-position: center;
    background-size: cover;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border: 1px solid #BDBDBD;
    border-top: none;
}

.date-msj_datos {
    width: 100%;
    height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;

}

.date-msj_datos p {
    font-family: 'Roboto', sans-serif;
    font-size: 1.2rem;
    font-weight: 400;
    color: #828282;
    line-height: 120%;
    letter-spacing: 0%;
}

.content-record-msjs {
    padding: 5px 5px 5px 10px;
    width: 100%;
    max-width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    overflow-y: auto;
    overflow-x: hidden;
}


.style-msj-received {
    padding: 5px 10px 5px 15px;
    background-color: var(--color-01);
    border-radius: 0px 5px 5px 5px;
    margin-top: 18.5px;
    width: auto;
    max-width: 250px;
    position: relative;
    -ms-flex-item-align: start;
        -ms-grid-row-align: start;
        align-self: start;
}


.style-msj-received p {
    font-size: 1.2rem;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    line-height: auto;
    letter-spacing: 0%;
}

.style-msj-send {
    padding: 5px 10px 5px 15px;
    background-color: var(--color-03) !important;
    border-radius: 5px 5px 0px 5px;
    max-width: 250px;
    width: auto;
    -ms-flex-item-align: end;
        align-self: flex-end;
    margin-top: 18.5px;
    position: relative;
}

.style-msj-send,
.style-msj-received {
    line-height: 17px;
}

.style-msj-send:first-child {
    margin-top: 0;
}

.style-msj-send + .style-msj-send, /*enviados por el mismo usuario */
.style-msj-received + .style-msj-received,

.mensaje-fecha + .style-msj-received,
.mensaje-fecha + .style-msj-send
{
    margin-top: 9px;
}

.style-msj-send:last-child{
    margin-bottom: 5px;
}

.style-msj-send p {
    font-size: 1.2rem;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    line-height: auto;
    letter-spacing: 0%;
    overflow-wrap: break-word;
}

.mensaje-fecha{
    margin-top: 15px;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    font-size: 1.2rem;
    font-weight: 400;
    color: #828282;
    line-height: 120%;
    letter-spacing: 0%;
}

.bloque-mensajes {
    background-color: var(--color-04);
    border-radius: 5px;
    position: relative;
}

.container-msj {
    padding-bottom: 12px;
    display: none;
}


.closeMensajes {
    position: absolute;
    width: 100%;
    height: 100%;
    max-height: 50px;
    top: 0px;
    right: 0;
    left: 0;
    bottom: 0;
    padding-left: 20px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: none;
    cursor: pointer;
}

.btnSendHover:hover {
    color: var(--color-06);
    cursor: pointer;
}

.container-text-register-2 {
    margin-bottom: 5px;
    height: 102px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.container-text-register-2 p {
    color: #FFF;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 130%;
    letter-spacing: 0.5%;
    text-align: center;
}

#hide-record-2 {
    display: none;
}

.modal-olvido-contrasena {
    position: absolute;
    height: 100vh;
    width: 100vw;
    /* background-color: rgba(0,0,0,0.5); */
    padding: 60px 10px 0px 10px;
    /* display: none; */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.modal-container-olvido-contrasena,
.modal-container-olvido-pass2 {
    width: 100%;
    max-width: 340px;
    min-height: 346px;
    border-radius: 5px;
    background-color: var(--color-01);
    margin: 0 auto;
    position: relative;
    padding-bottom: 0.1px;

}

.title-olvido {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
    height: 50px;
}

.title-olvido h2 {
    font-size: 1.8rem;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: 0.15px;
}

.container-text-olvido {
    margin-top: 15px;
    width: 100%;
    padding: 0px 20px;
    height: 60px;
    max-height: 60px;
    overflow: scroll;
}

.container-text-olvido p {
    color: #263238;
    font-size: 1.2rem;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.5%;
}

.container-form-olvido-contrasenia {
    width: 100%;
    padding: 0px 20px;
    height: 150px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.content-btn-olvido-pass {
    margin-top: 23px;
    padding: 0px;
    margin-bottom: 15px;
    position: absolute;
    bottom: 0px;
    right: 20px;
    left: 20px;
    width: auto;
}

.modal-olvido-pass2 {
    width: 100vw;
    height: 100vh;
    /* background-color: rgba(0,0,0,0.6); */
    position: absolute;
    padding: 60px 10px 0px 10px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.container-text-olvido-pass2 {
    padding: 0 20px;
    height: 230px;
}

.p-ab-15 {
    position: absolute;
    bottom: 15px;
    margin-bottom: 0;
}

.img-arrow-right {
    font-size: 0;
    position: absolute;
    top: 17px;
    bottom: 17px;
    right: 20px;
}

.closeModalHidePass2 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 30%;
    height: 50px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-left: 20px;
}

.closeModalHidePass2 img {
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
}

.container-code-donar {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
    min-height: 97px;
}

.container-code-donar p {
    font-size: 1.8rem;
    font-family: 'Inter', sans-serif;
    font-weight: 700;
}

.container-code-donar .dinero-a-pagar {
    font-size: 1.8rem;
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    color: #000;
}

.container-code-donar .dinero-a-pagar.stripe {
    margin-bottom: 10px;
}

.container-code-donar .dinero-a-pagar.general {
    margin-top: 10px;
}

.modal-terms-and-conditions {
    width: 100vw;
    height: calc(100vh - 90px);
    margin: 45px 0;
    position: absolute;
    background: rgba(0,0,0,0.6);
    display: none;
    z-index: 10;
}

.main-content-terms-and-conditions {
    width: 100%;
    max-width: 340px;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    min-height: calc(100vh - 45px - 45px - 30px); /* only mobile */
    max-height: 100%;
    overflow: scroll;
    margin: 15px auto;
    background: var(--color-01);
    border-radius: 5px;
    position: relative;
    z-index: 100;
    padding-bottom: 15px;
}

@media (min-height: 468px) {
    .main-content-terms-and-conditions {
        min-height: 346px;
    }
}

.title-terms-conditions-modal {
    width: 265px;
    padding-top: 15px;
    padding-left: 7px;
    text-align: center;
}

.closeModalTermsConditions {
    cursor: pointer;
    position: absolute;
    right: 5px;
    top: 10px;
    width: 36px;
    height: 36px;
    border-radius: 100%;
    background: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.closeModalTermsConditions:hover {
    background-color: rgba(196, 196, 196, .4);
}

.content-text-modal-terms-conditions {
    width: 100%;
    padding: 0px 13px 0px 17px;
    overflow-y: scroll;
    position: relative;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    max-height: calc(100vh - 45px - 45px - 103px);
    text-align: justify;
}

.content-text-modal-terms-conditions p {
    font-size: 1.2rem;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    letter-spacing: 0.5%;
    line-height: 20px;
}

.title-terms-conditions-modal h3 {
    font-size: 1.8rem;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: 0.15px;
}

.close-btn-donar-2 {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-left: 20px;
    display: none;
    cursor: pointer;
}

.close-btn-donar-2 img {
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
}

.container-img-larga-profile {
    width: 100%;
    max-width: 270px;
    margin: 0 auto;
    margin-top: 65px;
}

.container-btns-agg-rmv {
    position: absolute;
    bottom: 15px;
    width: 100%;
    padding: 0px 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.container-btns-agg-rmv button {
    width: 135px;
    height: 50px;
    border: none;
    border-radius: 5px;
    font-size: 2rem;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: 0.15px;
    cursor: pointer;
    -webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.5);
            box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.5);
}

.container-btns-agg-rmv .btn-rmv-profile {
    color: #000;
    background-color: var(--color-01);
}

.container-btns-agg-rmv .btn-agg-profile {
    color: #FFF;
    background-color: var(--color-02);
}

.btn-borrar-1-w a {
    background-color: var(--color-01);
    color: #000;
}

.container-img-profile-w-phto {
    width: 100%;
    max-width: 180px;
    height: 180px;
    border-radius: 5px;
    margin: 0 auto;
    margin-top: 65px;
}

.container-img-profile-w-phto img {
    width: 100%;
}

.modal-sin-listado {
    position: absolute;
    height: 100vh;
    width: 100vw;
    /* background-color: rgba(0,0,0,0.6); */
    padding: 60px 10px 0px 10px;
    display: none;
}

.content-modal-sin-listado {
    width: 100%;
    max-width: 340px;
    height: 346px;
    background-color: var(--color-01);
    border-radius: 5px;
    margin: 0 auto;
    position: relative;
}

.title-modal-sin-listado {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
    width: 100%;
    height: 50px;
}

.title-modal-sin-listado h3 {
    font-family: 'Inter', sans-serif;
    font-size: 1.8rem;
    font-weight: 600;
    letter-spacing: 0.15px;
    line-height: 28px;
}

.close-modal-sin-listado {
    cursor: pointer;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 36px;
    height: 36px;
    border-radius: 100%;
    background: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.close-modal-sin-listado:hover {
    background-color: rgba(196, 196, 196, .4);
}

.text-modal-sin-listado {
    margin-top: 15px;
    margin-bottom: 17px;
    padding: 0 20px;
}


.container-btn-sin-listado {
    width: 100%;
    padding: 0px 20px;
}

.container-btn-sin-listado a {
    font-size: 1.8rem;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    line-height: 28px;
    letter-spacing: 0.15px;
    color: #FFF;
    background-color: var(--color-05);
    border-radius: 5px;
    width: 100%;
    height: 50px;
    text-decoration: none;
    -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, .5);
            box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, .5);
}

.text2-listado {
    width: 100%;
    padding: 10px 20px;
    margin-top: 15px;
    text-align: center;
}

.text2-listado p {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 1.8rem;
    line-height: 20px;
    letter-spacing: 0.5%;
    color: #263238;
    font-size: 14px;
}

.container-bloque-cards {
    max-height: 208px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.container-bloque-cards-mobile {
    max-height: calc((100 * var(--vh)) - 185px);
    overflow-y: scroll;
}

.content-listado-mobile.listado-datos{
    max-height: calc((100 * var(--vh)) - 185px);

    display: flex;
    flex-direction: column;
}


.container-bloque-cards-mobile a {
    text-decoration: none;
}

.container-bloque-cards-mobile a:hover {
    text-decoration: underline;
}

.container-bloque-cards::-webkit-scrollbar-track {
    background-color: var(--color-03);
}

#etiqueta-1C,
#etiqueta-2C,
#etiqueta-2x-max,
#etiqueta-Donar {
    height: 16px;
    font-size: 1rem;
    font-weight: 500;
    font-family: 'Inter', sans-serif;
}

#etiqueta-1C,
#etiqueta-Donar
{
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 15px;
    margin-left: 0 ;
    padding-left: 12.5px;
    padding-right: 12.5px;
}

#etiqueta-1C span,
#etiqueta-Donar span{
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    display: block;
}

/* range multiple */
section.range-slider {
    position: relative;
    width: 100%;
    height: 35px;
}

section.range-slider input {
    pointer-events: none;
    position: absolute;
    overflow: hidden;
    left: 0;
    top: 15px;
    width: 100%;
    outline: none;
    height: 30px;
    margin: 0;
    padding: 0;
}

section.range-slider input::-webkit-slider-thumb {
    pointer-events: all;
    position: relative;
    z-index: 1;
    outline: 0;
}

section.range-slider input::-moz-range-thumb {
    pointer-events: all;
    position: relative;
    z-index: 10;
    -moz-appearance: none;
    border: 0;
}

section.range-slider input::-webkit-range-track {
    position: relative;
    z-index: -1;
    background-color: var(--color-02);
    border: 0;
}

section.range-slider input::-moz-range-track {
    position: relative;
    z-index: -1;
    background-color: var(--color-02);
    border: 0;
}
section.range-slider input:last-of-type::-moz-range-track {
    -moz-appearance: none;
    background: var(--color-02);
    border: 0;
}
section.range-slider input[type=range]::-moz-focus-outer {
    border: 0;
}

section.range-slider {
    margin-bottom: 15px;
    margin-left: 0 ;
}

section.range-slider .values-container{
    position: absolute;
    top: 0;
    bottom: 0;
    margin-left: 12.5px !important;
    width: calc(100% - 25px);
}

section.range-slider.to-left .values-container,
section.range-slider.to-right .values-container{
    margin-left: 0 !important;
    width: 100%;
}

section.range-slider.to-left .values-container{
    text-align: left;
}
section.range-slider.to-right .values-container{
    text-align: right;
}

section.range-slider.to-left .values-container .rangeValueA::after,
section.range-slider.to-right .values-container .rangeValueA::after{
    content: " - "
}

section.range-slider.to-right .range-limite.izquierdo::-webkit-slider-thumb {
    z-index: 51;
}

section.range-slider:not(.to-left):not(.to-right) .values-container:not(.separado) .datos{
    width: 30%;
    text-align: center;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}

section.range-slider .values-container.separado .rangeValue{
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    display: inline-block;
    position: absolute;
}
section.range-slider .bg-range-container{
    position: absolute;
    left: 12.5px;
    right: 12.5px;
    z-index: 60;
}

section.range-slider .bg-range{
    background-color: var(--color-02);
    width: 0px;
    height: 25px;
    border: 1px solid #828282;
    border-radius: 25px;
    min-width: 25px;
    position: absolute;
    top: 16.5px;
    pointer-events: none;
    z-index: 50;
    cursor: pointer;
}

section.range-slider.ancho-30 .central::-webkit-slider-thumb {
    width: 30%;
}
section.range-slider.ancho-40 .central::-webkit-slider-thumb {
    width: 40%;
}

section.range-slider .central::-webkit-slider-thumb {
    z-index: 0;
    height: 23px;
    top: 1px;
    border: none;
}

.btn-h-50 {
    max-height: 50px!important;
}

/* NEW CHECKBOX */
/*
.container-check-terms-conditions,
.container-check-not-robot {
    display: flex;
    align-items: center;
    margin: 11px 0px;
}

.container-check-terms-conditions .wrapper,
.container-check-not-robot .wrapper {
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
}
.container-check-terms-conditions .wrapper:hover,
.container-check-not-robot .wrapper:hover {
    background: rgba(255, 255, 255, .1);
}

.container-check-terms-conditions input[type="checkbox"],
.container-check-not-robot  input[type="checkbox"]{
    appearance: none;
    -webkit-appearance: none;
    height: 16px;
    width: 16px;
    background-color: #000;
    border: 1px solid var(--color-01);
    border-radius: 2px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    outline: none;
}

.container-check-terms-conditions input[type="checkbox"]:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f00c";
    font-size: 12px;
    color: #000;
    display: none;
}

.container-check-not-robot  {
    justify-content: end;
}

.container-check-not-robot label {
    margin-left: 0;
    margin-right: 3px;
}

.container-check-terms-conditions input[type="checkbox"]:checked,
.container-check-not-robot  input[type="checkbox"]:checked {
    background: var(--color-01);
}

.container-check-terms-conditions input[type=checkbox]:checked::after,
.container-check-not-robot  input[type="checkbox"]:checked ::after {
    display: block;
}

.container-check-terms-conditions label,
.container-check-not-robot label {
    color: #FFF;
    font-size: 1.4rem;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    margin-left: 3px;
    cursor: pointer;
}


.container-check-terms-conditions label:hover,
.container-check-not-robot label:hover {
    text-decoration: underline;
} */

/* REGISTER CHECKBOX */

.containerCheck {
    display: block;
    position: relative;
    padding-right: 30px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #FFF;
    font-size: 1.4rem;
    font-family: 'Inter', sans-serif;
  }
.containerCheck2 {
    padding-right: 0;
}

.termisPStyles {
    color: #FFF;
    font-size: 1.4rem;
    font-family: 'Inter', sans-serif;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    padding-left: 30px;
    cursor: pointer;
}

.underlineText:hover {
    text-decoration: underline;
}

.termisPStyles:hover {
    text-decoration: underline;
}

.container-check-register {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin: 24px 0px;
}

.container-check-register2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin: 31px 0px 30px 0px;
}

.containerCheck input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
  }

.checkmark {
    position: absolute;
    top: 0;
    right: 0;
    height: 16px;
    width: 16px;
    background-color: var(--color-07);
    border-radius: 2px;
    border: 1px solid var(--color-01);
}

.checkmark:hover {
    -webkit-box-shadow: 0px 0px 0px 10px rgba(255, 255, 255, .1);
            box-shadow: 0px 0px 0px 10px rgba(255, 255, 255, .1);
}

.containerCheck2 .checkmark {
    left: 0;
}

.containerCheck:hover input ~ .checkmark {
    background-color: none;
}

.containerCheck input:checked ~ .checkmark {
    background-color: var(--color-01);
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.containerCheck input:checked ~ .checkmark:after {
    display: block;
}

.containerCheck .checkmark:after {
    left: 4px;
    top: 0px;
    width: 4px;
    height: 8px;
    border: solid #000;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}


/* CAROUSEL */

.mySlides {
    display: none;
}

/*
.dot {
    cursor: pointer;
    height: 4px;
    width: 30px;
    margin: 0 2px;
    background-color: #C4C4C4;
    border-radius: 100px;
    display: inline-block;
    transition: background-color 0.6s ease;
}

.activeCarousel, .dot:hover {
    background-color: var(--color-02);;
}
*/
.fade {
    -webkit-animation-name: fade;
    -webkit-animation-duration: 1.5s;
    animation-name: fade;
    animation-duration: 1.5s;
}

@-webkit-keyframes fade {
    from {opacity: .4}
    to {opacity: 1}
}

@keyframes fade {
    from {opacity: .4}
    to {opacity: 1}
}

.slideshow-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 20px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.slideshow-container .mySlides {
    min-height: 175px;
    max-height: 175px;
    max-width: 270px;
    overflow: hidden;
    border-radius: 12px;
    cursor: pointer;

}


.slidesCarousel {
    margin-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.dotModalActive {
    background-color: var(--color-02);
}

/* INPUT RANGE */

input[type='range'],
input[type='range']::-webkit-slider-runnable-track,
input[type='range']::-webkit-slider-thumb {
    -webkit-appearance: none;
    background-color: var(--color-01);
    box-shadow: none !important;
}


.container-range {
    margin: 15px 0px 26px 0px;
    margin-top: -3px;
}

.container-label-range {
    margin-left: 12px;
    margin-top: -7px;
}

.container-label-Donar {
    margin-left: 0;
    margin-top: 12px;
}

.container-label-range p{
    font-size: 1.2rem;
    font-weight: 500;
    font-family: 'Inter', sans-serif;
    color: #000;
    border: 4px solid var(--color-01);
}

.erorres-donar{
    min-height: 15px;
}

.container-range-donar {
    margin-bottom: 11px!important;
}

input[type='range'] {
    display: block;
    width: 100%;
    cursor: pointer;
}

input[type='range']:focus {
    outline: none;
}

input[type=range]::-webkit-slider-thumb {
    background-color: var(--color-02);
    width: 25px;
    height: 25px;
    border: 1px solid #828282;
    border-radius: 100%;
    margin-top: -11px;
}

#input-range-2c::-webkit-slider-thumb  {
    width: 116.96px;
    border-radius: 50px;
}

input[type=range]::-moz-range-thumb {
    background-color: var(--color-02);
    width: 25px;
    height: 25px;
    border: 1px solid #828282;
    border-radius: 100%;
    margin-top: -11px;
}

input[type=range]::-ms-thumb {
    background-color: var(--color-02);
    width: 25px;
    height: 25px;
    border: 1px solid #828282;
    border-radius: 100%;
    margin-top: -11px;
}

input[type=range]::-webkit-slider-runnable-track {
    background-color: var(--color-02);
    height: 5px;
    border-radius: 100px;
}

input[type=range]:focus::-webkit-slider-runnable-track {
    outline: none;
}

input[type=range]::-moz-range-track {
    background-color: var(--color-02);
    height: 5px;
    border-radius: 100px;
}

input[type=range]::-ms-track {
    background-color: var(--color-02);
    height: 5px;
    border-radius: 100px;

}

input[type=range]::-ms-fill-lower {
    background-color: var(--color-02);
}

input[type=range]::-ms-fill-upper {
    background-color: black;
}

/* ESTILOS MOBILE */

.btn-donar-mobile,
.btn-mensajes-mobile,
.btn-listado-mobile,
.btnDatos-mobile {
    width: 100%;
    height: 50px;
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 1.8rem;
    font-weight: 600;
    font-family: 'Inter', sans-serif;
    color: #000;
    text-decoration: none;
}

.btnDatos-mobile {
    height: 90px;
}

.btn-donar-mobile:hover,
.btn-mensajes-mobile:hover,
.btn-listado-mobile:hover,
.btnDatos-mobile:hover,
.bloque-listado:hover,
.bloque-mensajes:hover,
.bloque-donar:hover {
    -webkit-filter: brightness(0.8);
            filter: brightness(0.8);
}

/* MENÚ LOGGEADO MOBILE */

.container-datos-mobile,
.container-datos-standar {
    width: 100%;
    height: 100%;
    max-height: 100%;
    background-color:var(--color-04);
    /* border-radius: 5px; */
    overflow: hidden;
    padding: 0px 10px 0px 10px;
}

.container-datos-standar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.container-msj-sin-conver {
    background-color: var(--color-01);
}

.container-datos-standar-plr-20 {
    padding: 0px 20px 0px 20px;
}

.title-btn-standar,
.title-btn-standar-X {
    width: 100%;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
}

.title-btn-standar {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    max-height: 50px;
}


.btn-standar:hover {
    text-decoration: none!important;
}


.title-btn-standar p {
    font-size: 1.8rem;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    color: #000;
}

.title-btn-standar a {
    position: absolute;
    left: 0px;
    top: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 36px;
    height: 36px;
    border-radius: 100%;
}

.title-btn-standar-X a {
    position: absolute;
    right: 0px;
    top: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 36px;
    height: 36px;
    border-radius: 100%;
}



.title-btn-standar a:hover,
.title-btn-standar-X a:hover{
    background-color: rgba(196, 196, 196, 0.4);
}

.img-arrow-btn-standar2 {
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
}

@media (min-width: 992px) {
    .flecha-register{
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
    }
}


.container-with-padding-bottom {
    overflow-y: scroll;
    width: 100%;
    height: 100%;
}

/* MENSAJE */

.content-sin-msj {
    height: 164px;
}

.text-content-sin-msj {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.text-content-sin-msj p {
    text-align: center;
    font-size: 1.2rem;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: #000;
}

/* REGISTRO */

.container-registro-black {
    background-color: var(--color-07);
}

.main-content-wr-black {
    background-color: var(--color-07);
    border: 1px solid var(--color-01);
    overflow: hidden;
}

.title-btn-standar-black p {
    color: #FFF;
}

/* LISTADO MENSAJES */

.style-name-card-msj {
    font-size: 1.2rem;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    color: #000;
    line-height: 120%;
    height: 9px;
    margin-bottom: 8px;
    text-transform: uppercase;
}

/* TEXTO FILOSOFÍA MENÚ LOGGEADO */

.philosophy-text-principal {
    margin-top: 26px;
    width: 100%;
    height: auto;
    padding: 0px 20px;
}

.philosophy-text-principal p {
    font-size: 1.2rem;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    color: #FFF;
    text-align: center;
    line-height: 130%;
}

.main-content-wr-mensajes-sin-conver {
    background-color: var(--color-01);
}

.main-content-wr-mensajes-sin-conver input,
.main-content-wr-mensajes-sin-conver button {
    background-color: var(--color-01);
}

.msj-notification {
    position: absolute;
    top: 12px;
    bottom: 12px;
    right: 12px;
    width: 26px;
    height: 26px;
    border: none;
    border-radius: 100%;
    background-color: var(--color-06);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.msj-notification p {
    font-size: 1.4rem;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    color: #FFF;
}

.arr-msj-1 {
    position: absolute;
    top: -7px;
    left: 0;
}

.arr-msj-2 {
    position: absolute;
    bottom: -7px;
    right: 0;
}

.posicionamiento-img-modal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: calc(100% - 30px);
    position: absolute;
    top: 50%;
    left: 15px;
    height: 175px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

.posicionamiento-img-modal.con-botones{
    top: calc(50% - 32px);
}

.caja-puntos{
    text-align: center;
    position: absolute;
    bottom: -20px;
    left: 0;
    right: 0;
}

.container-btn-sin-listado {
    position: absolute;
    bottom: 15px;
}

/* @media (min-width: 375px) {
    .container-img-profile {
        width: 120px;
        height: 120px;
    }
} */

.rest-px-arrow {
    left: -8px!important;
    z-index: 100;
}

.imagen-perfil-usuario {
    width: 100%;
    height: 100%;
    border-radius: 12px;
}

.imagen-perfil-usuario img {
    width: 100%!important;
    height: 100%!important;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 12px;
}


.perfil-error-link-msg{
    color: #FC7D76;
    font-size: 1.2rem;
    font-family: 'Inter', sans-serif;
    font-weight: 400;

    text-align: center;
    margin-top: 10px;
}


.container-hide-keyboard {
    display: none;
    padding-left: 5px;
}

main[data-expandido="true"] .container-hide-keyboard{
    display: block !important;
}

.contenido-card-listado {
    max-width: 100%;
    min-width: 100%;
    background-color: var(--color-03);
    border-radius: 5px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

#texto-listado-sin-loggear {
    text-align: center;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    line-height: 16.8px;
    padding-bottom: 9px; /* para completar 24px, visualmente */
    padding-top: 12px;
}

.container-arrow-up-listado2 {
    height: 20px;
    width: 40px;
    margin: auto;
}

.container-arrow-up-listado2 img {
    height: 8px!important;
    width: 12px!important;
}


.content-btn-donar2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

#idButtonAggImg {
    display: none;
}

.classButtonAggImg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 135px;
    height: 50px;
    border: none;
    border-radius: 5px;
    font-size: 2rem;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: 0.15px;
    cursor: pointer;
    -webkit-box-shadow: 2px 2px 3px 0px rgb(0 0 0 / 50%);
            box-shadow: 2px 2px 3px 0px rgb(0 0 0 / 50%);
    background-color: var(--color-05);
    color: #FFF;
}

.opacidadHover:hover {
    opacity: .5;
}

textarea:focus {
    outline: none;
}
input:focus, input:active {
    background-color: transparent !important;
    background-image: transparent !important;

}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-transition: color 9999s ease-out, background-color 9999s ease-out;
    transition: color 9999s ease-out, background-color 9999s ease-out;
    -webkit-transition-delay: 9999s;
            transition-delay: 9999s;
}

.acordeonActionCardListado{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    cursor: pointer;
    display: none;
}

.action-container-burger-menu {
    width: 19px;
    height: 11px;
    background: transparent;
    position: absolute;
    left: 12.38px;
    top: 16px;
    cursor: pointer;
    display: none;
}


.actionCardListadoImg {
    display: none;
    position: absolute;
    height: 68px;
    width: 68px;
    top: 0px;
    left: auto;
    bottom: 0;
    right: 0;
    cursor: pointer;
}

.img-arrow-btn-standar img , .img-arrow-btn-standar2 img{
    margin-bottom: 2px;
}

.action-close-btn-burger {
    width: 10000vh;
    height: 10000vh;
    position: absolute;
    z-index: 100;
    display: none;
}

.posicionamiento-img-modal-sin-btn {
    bottom: 0;
    height: 100%;
}

.posicionamiento-img-modal-sin-btn .container-img-profile-userx2 {
    margin-bottom: 0;
}

.modal-container a {
    text-decoration: none!important;
}

.modal-container a:hover {
    text-decoration: underline!important;
}

.card-listado-text-msj {
    text-decoration: none!important;
}

.font-weight-bold{
    font-weight: bold;
}

.container-range2 {
    margin-bottom: 24px!important;
}

#btn-cerrar-sesion:hover {
    text-decoration: none!important;
}

.text-modal-sin-listado2 {
    height: 285px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 15px;
}


input#mensajefake:disabled {
    background-color: var(--color-01);
    color: #ccc;
    border: 1px solid #ccc;
    cursor: none;
}

.closeCardListado2 {
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    display: none;
    cursor: pointer;
}

.btn-rmv-profile2 {
    width: 135px;
    height: 50px;
    border: none;
    border-radius: 5px;
    font-size: 2rem;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: 0.15px;
    cursor: pointer;
    -webkit-box-shadow: 2px 2px 3px 0px rgb(0 0 0 / 50%);
            box-shadow: 2px 2px 3px 0px rgb(0 0 0 / 50%);
    color: #000;
    background-color: var(--color-01);
    margin-right: 10px;
}

.container-carousel-modal {
    width: 100%;
    max-height: 100%;
}

.slidesImgsModal {
    width: 100%;
    max-width: 100%;
    height: 175px;
    max-height: 175px;
    padding: 0px 12px;
    display: none;
}

.slidesImgsModal img {
    width: 100%;
    height: 175px;
    -o-object-fit: fill;
       object-fit: fill;
    border-radius: 12px;
}

.dotCarouselModal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 17px;
}

.dotModalImgs {
    width: 30px;
    height: 4px;
    background-color: #C4C4C4;
    border-radius: 100px;
    margin-right: 5px;
}

.nameListadoStyle {
    text-transform: uppercase;
}

.cerrarListadoDesplegadoFuera {
    width: 100vw;
    height: 100vh;
    position: fixed;
}

.content-btn-noaction {
    border-radius: 5px;
}

.sin-listado-con-boton {
    height: 216px!important;
}


.pass-datos-error-Olvido {
    position: absolute;
    width: 100%;
    max-width: calc(100% - 40px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    top: -16px;
}

.pass-datos-error-Olvido p {
    color: #FC7D76;
    font-size: 1.2rem;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
}

.wwwFijo {
    height: 45px;
    position: absolute;
    left: 0;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-left: 12px;
    font-size: 1.2rem;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
}

.pL {
    padding-left: 43px!important;
}

.br-card {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.defaultImage {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 180px;
    height: 180px;
    border-radius: 12px;
    background: #c4c4c4;
}


.close-modal-sin-listado-Position {
    top: 6px;
}

.close-modal-sin-listado-Position a {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.close-modal-sin-listado-Position a img {
    max-width: 16px;
    max-height: 16px;
}

.error-register {
    bottom: 70px;
    max-width: calc(100% - 40px);
    top: auto;
}

/* IMPORTANT */

.d-flex {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
}

.d-block {
    display: block!important;
}

.d-none {
    display: none!important;
}

.mt-3 {
    margin-top: 3px;
}

.mt-10 {
    margin-top: 10px;
}

.mt-variable {
    margin-top: 46px;
}

.mt-15 {
    margin-top: 15px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-27 {
    margin-top: 27px;
}

.mb-15 {
    margin-bottom: 15px;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-6 {
    margin-bottom: 6px;
}

.mb-3 {
    margin-bottom: 3px;
}

.mb-4_5 {
    margin-bottom: 4.5px;
}

::-webkit-scrollbar {
    display: none;
}

::-webkit-scrollbar{
    width: 4px;
    background-color: #000;
    max-height: 35px!important;
}
::-webkit-scrollbar-track{
    background-color: #000;
}

.text-1-donar::-webkit-scrollbar-track {
    background: var(--color-01);
}

.content-record-msjs::-webkit-scrollbar-track {
    background: #DDDDDD;
}

::-webkit-scrollbar-thumb{
    background-color: var(--color-02);
    border-radius: 100px;
}

/* SCROLL BLOCK */

.text2Donar::-webkit-scrollbar {
    display: block!important;
}

.text2Donar::-webkit-scrollbar-track {
    background-color: var(--color-01);
}

.text2Donar {
    overflow-x: hidden;
}


.form-content-bg-black .input-content input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, .6);
}


.form-content-bg-black .input-content input::-moz-placeholder {
    color: rgba(255, 255, 255, .6);
}


.form-content-bg-black .input-content input:-ms-input-placeholder {
    color: rgba(255, 255, 255, .6);
}


.form-content-bg-black .input-content input::-ms-input-placeholder {
    color: rgba(255, 255, 255, .6);
}


.form-content-bg-black .input-content input::placeholder {
    color: rgba(255, 255, 255, .6);
}

.rotate_90deg{
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
}

.bg-white {
    background-color: var(--color-01)!important;
}
.card-listado.bg-white{
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.height45 {
    height: 45px!important;
    max-height: 45px!important;
}

.d-none{
     display: none !important;
 }




/*Chat*/
.container-w-msj {
    margin-top: 12px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.container-w-msj-inputText {
    border: 1px solid #BDBDBD;
    border-radius: 8px;
    background-color: var(--color-03);
    flex-grow: 1;
    overflow: hidden;
}

.container-w-msj-button {
    width: 55px;
    height: 47px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-left: 8px;
}

.container-w-msj-button button {
    border: none;
    background-color: transparent;
    font-size: 1.4rem;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    letter-spacing: 0.15px;
    line-height: 28px;
}

#mensajefake{
    position: relative;
    top: 1px;
    border: none;
    background-color: var(--color-03);
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    height: 47px;
    line-height: 17px;
    min-height: 46px;
    overflow: hidden;
    overflow-y: scroll;
    padding: 6px 15px;
    padding-right: 6px; /* +4px scroll bar + 5 px border = 15px */
    resize: none;
    width: 100%;
    max-height: 97px; /* 5 lineas */

    border-right: 5px solid var(--color-03) !important;
}

#mensajefake::-webkit-scrollbar-track{
    background-color: var(--color-03) !important;
}

.main-content-wr-mensajes-sin-conver #mensajefake{
    background-color: transparent;
}

.mensajefake2 {
    background-color: transparent!important;
}

#mensajefake::-webkit-input-placeholder
{

    margin: 0px;
    padding: 0px;
}

#mensajefake::-moz-placeholder
{

    margin: 0px;
    padding: 0px;
}

#mensajefake:-ms-input-placeholder
{

    margin: 0px;
    padding: 0px;
}

#mensajefake::-ms-input-placeholder
{

    margin: 0px;
    padding: 0px;
}

#mensajefake::placeholder
{

    margin: 0px;
    padding: 0px;
}

/*Loader*/
.loader{
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background: black;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100vh;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: absolute;
    top: 0;
    width: 100vw;
    z-index: 999;
}


/*Login*/
.degradado{
    display: none;
}

@media (max-width: 425px) {
    .container-hide-keyboard {
        display: block;
        margin-right: 10px;
    }

    .container-hide-keyboard button {
        border: none;
        background-color: transparent;
    }

    #mensajefake {
        width: calc(100%);
    }
}


* {-webkit-box-sizing: border-box;box-sizing: border-box}
body {font-family: Verdana, sans-serif; margin:0}
.mySlides {display: none}
img {vertical-align: middle;}

/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;

  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  /* width: 100px; */
  /* margin-top: -22px; */
  color: black;
  font-weight: bold;
  font-size: 18px;
  -webkit-transition: 0.6s ease;
  -o-transition: 0.6s ease;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

/* Position the "left button" to the left */
.prev {
    left: 0;
    padding-right: 16px;
  }


/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
  padding-left: 16px;
}


/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 4px;
  width: 22px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 2px;
  display: inline-block;
  -webkit-transition: background-color 0.6s ease;
  -o-transition: background-color 0.6s ease;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  background-color: #717171;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

.container-carousel-profile{
    margin: 0 15px;
}

.slideshow-profile.slideshow-container{
    width: 100%;
}

.container-carousel-profile .slideshow-container{
    width: 100%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    left: 0;
}

.container-carousel-profile{
    width: calc(100% - 30px);
}

.slideshow-container .mySlides, /* perfil*/
.container-carousel-profile .mySlidesz /* carrusel modal */
{
    width: auto;           /* Safari/WebKit uses a non-standard name */
    width: intrinsic;           /* Safari/WebKit uses a non-standard name */
    width: -moz-max-content;    /* Firefox/Gecko */
    width: -webkit-max-content; /* Chrome */
}

.slideshow-container .mySlides img,
.container-carousel-profile .mySlidesz img{
    border-radius: 12px;
    height: 175px;
    min-height: 175px;
    max-height: 175px;
    -o-object-fit: cover;
       object-fit: cover;
    max-width: 100%;
}

@-webkit-keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .prev, .next,.text {font-size: 11px}
}



@media (min-width: 426px) {
    .main{
        background-color: none;
        background-image: var(--image-08);
        background-position: center;
        background-size: cover;
    }
}

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

@supports (-moz-appearance:none) {
    * {
        scrollbar-width: none;
    }

    .pr-scroll{
        padding-right: calc(3px + 4px) !important; /* aumentar los 4px que ocupa la barra en el diseño original */
    }

    section.range-slider .bg-range{
        top: 17.5px;
    }
}

/* intl tel input */
.iti,
.iti__flag-container,
.iti__country-list
{
    width: 100%;
}

.iti__flag-container{
    pointer-events: none;
}


    .iti__selected-flag{
        pointer-events: all;
        width: 50px;
    }

    .iti__country-list{
        overflow-x: hidden;
        pointer-events: all;
        z-index: 100;
        border-radius: 8px;
        max-height: 126px;
    }

.iti input[type=tel]{
    padding-left: 50px;
}