:root {
    --accent-color: #d31145;
    --accent-second-color: #ffd302;
    --heading: #1e293b;
    --text: #94a3b8;
}

/* --- overrides --- */

/* GLOBAL COLORS */
.color-highlight {
    color: var(--accent-color) !important;
}

/* FOOTER STYLES */
div#footer-bar {
    background: var(--accent-color);
}

div#footer-bar a,
div#footer-bar a i {
    color: white;
    opacity: 1;
}

div#footer-bar {
    border: none;
}

div#footer-bar {
    max-width: 90%;
    margin: 0 auto;
    border-radius: 18px;
    padding-right: 10px;
    padding-left: 10px;
    bottom: 10px;
    box-shadow: 0 0 20px #00000070;
}

/* CUSTOM HOME */
.wrapper-custom-home {
    background-color: white;
    padding-top: 0;
}

.wrapper-custom-home .card.card-full.rounded-m.pb-4 {
    background: transparent;
}

.wrapper-custom-home .content.pb-5 p {
    text-align: center;
    color: var(--text);
}

.wrapper-custom-home .content.pb-5 h2 {
    color: var(--heading);
    text-align: center;
    font-size: 3em;
}

.custom-card a {
    height: 100%;
}

.custom-card .card-bottom h1 {
    font-size: 1rem !important;
}

.custom-card .card-bottom h1,
.custom-card .card-bottom p {
    text-align: left !important;
}

.custom-card .card-bottom {
    z-index: 2;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
}

.read-more p {
    max-height: 92px;
    overflow: hidden;
}

.content.text-end>.read-more p {
    margin: 0 !important;
    min-height: 0 !important;
    height: auto;
}

.content.text-end>.read-more {
    position: absolute;
    bottom: 10px;
    width: 100%;
    height: auto !important;
    min-height: 0 !important;
}

.read-more-ready.show-text p {
    height: auto !important;
    overflow: visible !important;
    transition: all .3s;
}

.read-more-ready p {
    transition: all .3s;
    margin-bottom: 50px;
}

.bg-main {
    background: #d31145 !important;
    opacity: 1 !important;
    filter: none !important;
}

.m-center {
    margin: 0 auto;
}

.read-more-ready {
    margin-bottom: 50px;
}

.read-more-ready {
    height: initial;
    transition: all .3s !important;
}

.read-more-ready.show-text {
    max-height: 1000px;
    transition: all .9s !important;
}

.custom-cards-home h2 {
    font-size: 1.3rem !important;
    text-align: left !important;
}

.custom-cards-home i {
    font-size: 4rem;
    margin-bottom: 30px;
    color: white;
}

.custom-cards-home .content.text-end {
    text-align: left !important;
}

.custom-card h1 {
    text-align: center;
    font-size: 3rem;
    line-height: 44px;
    color: var(--heading);
}

.button-main i {
    margin-right: 5px;
}

/* SLIDER HOME MAIN */
.custom-home-slider div#single-slider-3-track>div>div>div {
    margin-right: 0 !important;
    margin-left: 0 !important;
    border-radius: 0 0 30px 30px !important;
}

.custom-home-slider button.splide__arrow.splide__arrow--next,
.custom-home-slider button.splide__arrow.splide__arrow--prev {
    background: var(--accent-color);
}

.custom-home-slider button.splide__arrow.splide__arrow--next svg,
.custom-home-slider button.splide__arrow.splide__arrow--prev svg {
    fill: white;
}

/* CARD BACKGROUNDS */
.card-01 {
    background-image: url(../images/home-card-1.jpg);
}

.card-02 {
    background-image: url(../images/home-card-2.jpg);
}

.card-03 {
    background-image: url(../images/home-card-3.jpg);
}

.card-04 {
    background-image: url(../images/home-card-4.jpg);
}

.card-05 {
    background-image: url(../images/home-card-5.jpg);
}

.card-06 {
    background-image: url(../images/home-card-6.jpg);
}


.content.text-end>.read-more i {
    font-size: 12px;
    margin: 0;
    margin-right: 5px;
}

.read-more.button-read {
    display: flex;
    align-items: center;
    width: fit-content !important;
    backdrop-filter: blur(30px);
    background: rgba(255, 255, 255, 0.305);
    padding: 0 10px;
    border-radius: 10px;
}

.read-more.button-read p {
    color: white !important;
}

.header-logo-center .header-title {
    width: fit-content;
}

.wrapper-custom {
    padding-top: 16px;
    background-color: white;
}

/* MIEMBROS CARD */
.custom-member-card .card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.custom-member-card .card {
    overflow: hidden;
}

.card.card-style.custom-member-card img {
    border-right: solid 4px var(--accent-color);
    width: 100% !important;
    height: 100%;
}

.custom-member-card a .card.mb-0 {
    height: 100% !important;
}

/**/
.custom-member-card .card {
    height: 230px !important;
}

/**/
.page-title.page-title-fixed {
    position: relative;
    margin-bottom: 0;
}

/**/
.page-title.page-title-fixed {
    background: white;
    margin: 0;
    padding-top: 16px !important;
}

.page-title.page-title-fixed h1 {
    color: var(--accent-color) !important;
}

/**/
.page-title.page-title-fixed {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    padding: 0 15px;
}

.page-title.page-title-fixed i {
    font-size: 1.5rem;
}

.page-title.page-title-fixed * {
    margin: 0 !important;
}

.page-title.page-title-fixed h1 {
    margin-bottom: 10px !important;
}

.page-title.page-title-fixed p {
    color: var(--text);
}

.page-content {
    background: white;
}

/* EMPRESAS MIEMBRO CLUB CAMARAS*/
/*SLIDE CATEORIAS*/
div#double-slider-2 .card {
    border-radius: 15px !important;
}

.custom-splide-list>div {
    width: 23% !important;
}

.custom-splide-list>div>div {
    margin: 0 10px !important;
}

.custom-splide-list>div>div h3 {
    text-align: center;
    font-size: 1rem;
    z-index: 9;
}

.custom-splide-list>div>div .card-bottom {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 !important;
    height: 100%;
}

div#double-slider-2 {
    padding-bottom: 20px;
}

/**/
.button-main {
    border-radius: 39px !important;
    margin-bottom: 30px !important;
}

/* FIXES SPLIDE MIEMBROS */
.custom-splide-list>div>div .card-bottom {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 !important;
    height: 100%;
    background: var(--accent-color);
}

/* FIX LOGO FOOTER */
a.circle-nav {
    display: flex;
    justify-content: center;
}

a.circle-nav span.logo-footer-container {
    height: 100%;
    opacity: 1 !important;
    background: white;
    padding: 7px;
    border-radius: 39px;
    width: 52px;
    text-align: center !important;
}

a.circle-nav span.logo-footer-container img {
    width: 100%;
    height: 100% !important;
    position: relative !important;
    object-fit: contain;
    margin: 0 auto !important;
}

div#footer-bar a.circle-nav>span {
    box-shadow: 0 6px 15px #68001c;
    margin-top: -20px !important;
}

/* HOME FIXES */
.wrapper-custom-home .page-content .card>div {
    padding-bottom: 0 !important;
}

.wrapper-custom-home .page-content .card:last-child {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

.active-collapse {
    background: var(--accent-color) !important;
}

.custom-cards-home.showing-drop .card-bottom {
    backdrop-filter: blur(4px) saturate(2.5) brightness(0.6);
    -webkit-backdrop-filter: blur(4px) saturate(2.5) brightness(0.6);
    border-top: solid 1px #ffffff33;
    background-color: #d31145b7;
    transition: all .3s;
}

.custom-cards-home.showing-drop .content.text-end i {
    color: var(--accent-second-color);
}

.custom-cards-home .card-bottom {
    transition: all .3s;
}

.custom-cards-home .button-read i {
    color: var(--accent-second-color);
}

.custom-cards-home {
    border-bottom: solid 5px var(--accent-color) !important;
}

/**/
.header.header-fixed.header-logo-center.header-auto-show.header-active {
    background-color: #d31145eb;
}

.header.header-fixed.header-logo-center.header-auto-show.header-active * {
    color: white;
}

/*Company member card*/
img.blurry-bg {
    position: absolute;
    filter: brightness(2.5);
    -webkit-filter: brightness(2.5);
    width: 267%;
    height: 267%;
    z-index: -1;
    filter: blur(30px);
    left: -50%;
    top: -20%;
}

.blurry-logo {
    width: 100%;
    height: 355px;
    object-fit: contain;
    object-position: center;
    z-index: 1;
}


.card.card-style.padding-medium>div {
    margin: 0;
    padding: 20px 25px;
}

.custom-member-card-data p {
    margin-bottom: 0;
}

.custom-member-card-data .card-bottom.ms-3.me-3 {
    padding: 20px 25px;
    padding-bottom: 28px;
}

.custom-member-card-data .card-bottom {
    background: white;
    margin: 0 !important;
    padding: 15px;
    border-top: solid 4px var(--accent-color);
}

.bg-gradient.custom-accent {
    background: none !important;
}

.custom-member-card-data h1 {
    color: var(--accent-color) !important;
    font-weight: 200;
}

.custom-member-card-data p {
    color: var(--heading) !important;
}

.custom-member-card-data i {
    color: var(--accent-color);
    opacity: 1 !important;
}

.custom-member-card-data .card-bottom.ms-3.me-3 p {
    opacity: 1 !important;
}

/*DETAILS VIEW*/
.titulo-description {
    color: var(--accent-color);
    margin-bottom: 10px;
}

.custom-member-card-data a {
    color: var(--accent-color) !important;
}

body.theme-light.member-details .page-content {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

.map-details iframe {
    border-radius: 10px;
    border: solid 1px #f1f5f9 !important;
}

.member-details .details-view {
    padding-bottom: calc(80px + (env(safe-area-inset-bottom))*1.1);
}

.card.card-style.map-details .content {
    margin: 15px !important;
}

/*FIX HEADER*/
.header.header-fixed.header-logo-center.header-auto-show {
    display: flex;
    opacity: 1;
    position: relative;
    position: fixed !important;
    z-index: 11 !important;
}

.header.header-fixed.header-logo-center.header-auto-show.header-active {
    position: fixed;
    z-index: 11 !important;
}

.header.header-fixed.header-logo-center.header-auto-show {
    display: flex;
    opacity: 1;
    flex-wrap: wrap;
    pointer-events: all;
    position: relative;
    z-index: 9 !important;
}


.header.header-fixed.header-logo-center.header-auto-show {
    background: var(--accent-color);
    color: white;
}

.header.header-fixed.header-logo-center.header-auto-show i,
.header.header-fixed.header-logo-center.header-auto-show p,
.header.header-fixed.header-logo-center.header-auto-show a {
    color: white;
}

.button-main i {
    color: var(--accent-second-color);
}

.hide-home {
    display: none !important;
}

.custom-header {
    display: none !important;
}

div#preloader {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--accent-color) !important;
}

div#preloader video,
div#preloader img {
    width: 35%;
    background: transparent !important;
    margin: 0 auto;
    mix-blend-mode: plus-lighter;
    -webkit-mix-blend-mode: plus-lighter;
}


/* CONTACT FORM DETAILS */
.contact-form-details textarea {
    height: 150px !important;
}

.contact-form-details a {
    background: var(--accent-color) !important;
    font-size: 1.1rem !important;
}

.contact-form-details a i {
    color: var(--accent-second-color) !important;
    margin-right: 10px !important;
}

.contact-form-details a:hover {
    background: black !important;
    color: white !important;
}

/* POPUP ADVERT */
.wrapper-popup-container {
    width: 100%;
    height: 100%;
    background: #000000c7;
    z-index: 999;
    position: fixed;
}

/* FIX HEADER */
a#backButton {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* FORM BUTTON */
.wrapper-custom.details-view button.btn.btn-full.btn-m.gradient-highlight.rounded-s.font-13.font-600.mt-4 {
    background: var(--accent-color) !important;
    opacity: 1 !important;
    font-size: 1rem !important;
}

.wrapper-custom.details-view button.btn.btn-full.btn-m.gradient-highlight.rounded-s.font-13.font-600.mt-4 i {
    color: var(--accent-second-color);
}

.wrapper-custom.details-view button.btn.btn-full.btn-m.gradient-highlight.rounded-s.font-13.font-600.mt-4:hover {
    background: var(--accent-second-color) !important;
    color: var(--accent-color) !important;
}

.wrapper-custom.details-view button.btn.btn-full.btn-m.gradient-highlight.rounded-s.font-13.font-600.mt-4:hover i {
    color: var(--accent-color);
}

/* MENU BOTTOM SLIDE */
.slide-menu-bottom {
    position: fixed;
    height: 85vh;
    width: 100%;
    margin: 0 auto;
    right: 0;
    bottom: 0;
    bottom: -100vh;
    transition: all .3s;
    z-index: 9;
    box-shadow: 0 0 60px rgba(0, 0, 0, 0.407);
    border-radius: 20px 20px 0 0px;
    padding-bottom: 0;
    bottom: -200vh;
}

.menu-footer-box {
    padding: 20px;
}

.slide-menu-bottom .card-top {
    width: 100% !important;
    position: relative;
}

.divider-menu {
    width: 100%;
    height: 1px;
    background: #e2e8f0;
}

.slide-menu-bottom a {
    font-weight: 400;
}

.slide-menu-bottom i,
.slide-menu-bottom a {
    color: #64748b !important;
    font-size: 1rem;
}

.slide-menu-bottom i {
    font-size: 1.3rem;
}

.slide-menu-bottom ul {
    padding: 0;
}

.slide-menu-bottom ul li {
    list-style: none;
    padding: 15px;
}

.slide-menu-bottom ul li a i {
    margin-right: 10px;
}

.slide-menu-bottom ul li a {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

div#footer-bar a.active-nav i {
    color: var(--accent-second-color) !important;
}

div#footer-bar a.active-nav span {
    opacity: 1 !important;
    border-radius: 10px;
    color: var(--accent-second-color);
    font-weight: bold;
}

div#footer-bar a {
    border-bottom: solid 4px transparent;
}

div#footer-bar a.active-nav {
    border-bottom: solid 4px var(--accent-second-color);
}

.slide-menu-bottom.is-showing {
    bottom: 0;
    top:none;
    transition: all .3s;
    padding-bottom: calc(80px + (env(safe-area-inset-bottom))*1.1);
}

.footer-menu-is-showing:after {
    transition: all .3s;
    content: '';
    width: 100%;
    height: 100vh !important;
    background: #d31145ab;
    position: fixed !important;
    top: 0;
    left: 0;
    max-height: 100vh !important;
    z-index: 9;
}

.card.card-style.bg-28.custom-member-card-data.slide-menu-bottom.menu-bars-footer {
    opacity: 0;
}

.card.card-style.bg-28.custom-member-card-data.slide-menu-bottom.menu-bars-footer.is-showing {
    z-index: 10;
    opacity: 1;
}

.footer-menu-is-showing {
    transition: all .3s;
    overflow: hidden !important;
    position: relative !important;
}

.footer-menu-is-showing div#footer-bar {
    bottom: 0;
    width: 100%;
    max-width: 100%;
    border-radius: 0;
    transition: all .3s !important;
}

div#footer-bar {
    transition: all .3s !important;
}

/* FIX BODY */
body {
    background-color: white;
}

/* FAQ ACCORDION */
div#accordion-1>div>button i {
    color: var(--accent-color);
}

div#accordion-1>div:nth-child(even)>button {
    background-color: #f8fafc;
}

div#accordion-1>div>button {
    color: #57534e !important;
}

div#accordion-1>div>div>div>p {
    color: #57534e !important;
}

div#accordion-1>div>button[aria-expanded="true"] i {
    color: var(--accent-second-color);
}

div#accordion-1>div>button[aria-expanded="true"] {
    background: var(--accent-color);
    color: white !important;
    border-radius: 10px 10px 0 0;
}


div#accordion-1>div>div {
    border-radius: 0 0 10px 10px;
    background: #f5f5f4;
    border: solid 1px #e7e5e4;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.266) !important;
}

.custom-splide-list>div>div .card-bottom {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 !important;
    height: 100%;
    background: url(/images/category-bg.jpg);
    background-size: cover;
}


.custom-container {
    padding: 0 20px;
}

/* FIX EMPRESAS MIEMRBO */
.custom-member-card a {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
}

.custom-member-card a>div:nth-child(1) {
    width: 45%;
}

.custom-member-card a>div:nth-child(2) {
    width: 55%;
    margin: 0 !important;
    padding-left: 16px;
}

.custom-member-card a h1 {
    font-size: 1.3rem;
    line-height: 24px;
    margin-top: 9px;
}

div#user-card-gfx {
    width: 100%;
    height: 220px;
    background: var(--accent-color);
    margin-top: 20px;
    position: relative;
    border-radius: 11px;
    border: solid 2px #ffffff33;
    box-shadow: 5px 5px 20px #0000007d;
    display: flex;
    flex-direction: row;
    padding: 15px;
    border-bottom: solid 4px var(--accent-second-color);
}


.member-banner {
    z-index: 9;
}

.qr-container img {
    width: 100%;
}

.user-data {
    width: 70%;
}

.qr-container {
    width: 30%;
}

.user-data {
    width: 70%;
    padding: 0 15px;
    color: white;
}

.user-code {
    font-weight: bold;
    font-size: 1rem;
}

.user-name {
    color: var(--accent-second-color);
    font-size: 1.2rem;
    position: relative;
    /* padding-left: 10px; */
}

/* .user-name:before {
    content: '';
    width: 2px;
    height: 60%;
    position: absolute;
    left: 0;
    top: 5px;
    background-color: var(--accent-second-color);
} */

.user-company {
    font-style: italic;
}

.qr-container img {
    border-radius: 5px;
}

.user-comany {
    font-style: italic;
}

.qr-container-zoom img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 20px !important;
}

.wrapper-qr {
    height: 315px;
    width: 315px;
}

.qr-container-zoom {
    position: fixed;
    z-index: 999;
    background: #000000a1;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: all .3s;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}

.qr-container-zoom.show {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    transition: all .3s;
}

.wrapper-qr {
    height: auto;
    position: relative;
}

.close-qr {
    position: absolute;
    right: 10px;
    top: 10px;
    background: #686868;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 23px;
    color: white !important;
    font-size: 20px;
    z-index: 9999;
}

/**/
a.circle-nav.swap-close>span>img {
    width: 0;
}

a.circle-nav.swap-close {
    transform: scale(1.3);
    transition: all .3s;
}

a.circle-nav {
    transition: all .3s;
}

.wrapper-icon-close i {
    position: relative !important;
    margin: 0 !important;
    padding: 0 !important;
    display: contents;
    color: red !important;
}

.wrapper-icon-close {
    position: absolute;
    background: var(--accent-second-color);
    width: 100%;
    z-index: 9;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 0px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

a.circle-nav.swap-close>span:before {
    visibility: visible;
    opacity: 1;
    right: 0;
    transform: rotate(0deg);
    transition: all .3s;
}

a.circle-nav>span {
    overflow: hidden;
}

a.circle-nav i.fa-solid.fa-xmark {
    color: var(--accent-color) !important;
}

.wrapper-icon-close {
    transform: rotate(180deg);
    width: 0;
    height: 0;
    visibility: hidden;
    opacity: 0;
    top: 50%;
    transition: all .3s;
}

.swap-close .wrapper-icon-close {
    transform: rotate(0deg);
    top: 0;
    width: 100%;
    height: 100%;
    visibility: visible;
    opacity: 1;
    transition: all .3s;
}

.show-qr-button button {
    color: #78716c !important;
    background: white;
    width: 100% !important;
    height: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: solid 1px #d6d3d1;
    border-radius: 5px;
    box-shadow: 0 0 10px #d6d3d1;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.show-qr-button {
    margin-top: 20px;
}

.show-qr-button button:active {
    background: #e7e5e4;
    color: #a8a29e !important;
}

.wrapper-qr {
    display: flex;
    justify-content: center;
    align-items: center;
}


/* VENTAJAS */
.custom-container.ventajas>div {
    margin-left: 0;
    margin-right: 0;
}

.custom-container.ventajas {
    padding: 0 15px;
}

.custom-container.ventajas ul li,
.custom-container.ventajas div,
.custom-container.ventajas p {
    color: var(--text) !important;
}

/* FIXED HOME BANNERS */
div#single-slider-3-list>div .card-bottom.text-center.mb-2 {
    position: relative;
}

div#single-slider-3-list>div .card-bottom.text-center.mb-2 {
    position: relative;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 !important;
}

div#single-slider-3 .splide__arrows button.splide__arrow.splide__arrow--prev,
div#single-slider-3 .splide__arrows button.splide__arrow.splide__arrow--next {
    display: none;
}


div#single-slider-3-list>div .card-bottom.text-center.mb-2 h2 {
    font-size: 3rem;
    line-height: 40px;
}

div#single-slider-3-list>div .card-bottom.text-center.mb-2 p {
    font-size: 1rem;
    padding-top: 14px;
    letter-spacing: 4px;
}


/*** BANNERS HOME ****/
div#single-slider-3 h2.color-white.text-uppercase.font-900.mb-0 span {
    color: var(--accent-second-color);
}

.underlined {
    position: relative;
}

.underlined:after {
    content: '';
    width: 100%;
    height: 3px;
    background: var(--accent-second-color);
    position: absolute;
    bottom: -5px;
    left: 0;
    right: 0;
    margin: 0 auto;
    transform: skewY(-2deg);
}

/* FIX GRADIENTS OVERLAY */
div#single-slider-3 .bg-gradient {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.1) 30%, rgb(0 0 0 / 32%) 70%, #00000078 100%) !important;
}

.footer-bar-2 .active-nav,
.footer-bar-5 strong,
.footer-bar-4 strong,
.splide__pagination__page.is-active {
    background-color: var(--accent-color) !important;
}

/* FIX CATEGORY FILTERS MEMBERS VIEW */
.no-companies {
    display: none;
}

.no-companies {
    margin: 30px 15px;
    padding: 21px 10px;
    color: #94a3b8;
    font-weight: bold;
    text-align: center;
    background: white;
    box-shadow: 0 0 10px #0000001f;
    border-radius: 17px;
}


.show-all-wrapper i {
    font-size: 2rem;
    color: white;
}


.show-all-companies>div>div {
    background: #cbd5e1 !important;
}

.show-all-companies>div {
    border: solid 2px #f1f5f9 !important;
}

.show-all-companies>div>div h3,
.show-all-companies>div>div i {
    color: #f1f5f9 !important;
}

.show-all-companies.active-filter>div>div {
    background: var(--accent-second-color) !important;
}

.show-all-companies.active-filter>div>div h3,
.show-all-companies.active-filter>div>div i {
    color: var(--accent-color) !important;
}


.active-filter h3,
.active-filter i {
    color: var(--accent-second-color) !important;
}

/* APPLICATION MEMBER FORM */
form.member-application {
    margin: 30px 16px;
    margin-bottom: 0;
}

.fix-bottom {
    padding-bottom: 80px;
}

.btn-club:hover {
    background: var(--accent-second-color) !important;
    color: var(--accent-color) !important;
}

.btn-club {
    background: var(--accent-color) !important;
    opacity: 1 !important;
    font-size: 1rem !important;
}

/**/
.page-title.page-title-fixed.always-visible {
    opacity: 1 !important;
}

/* FIX MENU FOOTER */
.menu-bars-footer {
    display: flex;
    justify-content: space-between;
}

.wrapper-member-banner {
    background: var(--accent-color);
    padding: 25px 0;
}

.wrapper-member-banner {
    width: 100%;
    color: white;
    text-align: center;
}


.wrapper-member-banner p {
    margin: 0;
    color: white !important;
}

.wrapper-member-banner button.btn.btn-m.btn-full.mb-3.rounded-xs.text-uppercase.font-700.shadow-s.bg-main.m-center.button-main {
    background: var(--accent-second-color) !important;
    border-radius: 0 !important;
    margin-top: 10px;
    margin-bottom: 0 !important;
    color: var(--accent-color);
}

.wrapper-member-banner button.btn.btn-m.btn-full.mb-3.rounded-xs.text-uppercase.font-700.shadow-s.bg-main.m-center.button-main i {
    color: var(--accent-color) !important;
}

.wrapper-member-banner p {
    font-size: 1rem;
    font-weight: bold;
}

.menu-bars-footer.is-showing {
    overflow-y: scroll !important;
}

.wrapper-member-banner {
    background: var(--accent-color);
    padding: 0 16px;
}

.wrapper-member-banner .text-wrapper p:last-child {
    font-size: 19px;
}

.wrapper-member-banner .text-wrapper p:first-child {
    font-weight: 200;
    font-size: 13px;
}

.wrapper-member-banner .text-wrapper p {
    font-size: 13px;
}

.wrapper-member-banner .text-wrapper {
    text-align: left;
}

.wrapper-member-banner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    align-items: center;
    padding: 15px;
}

.wrapper-member-banner button {
    margin-top: 0 !important;
}

.user-card-gfx h3,
.user-card-gfx h4 {
    color: white;
}

div#user-card-gfx h4 {
    color: var(--accent-second-color);
}

div#user-card-gfx h3 {
    color: white;
}

div#user-card-gfx .member-banner-single-button>a>button {
    box-shadow: inset 0 0 30px #ff0a4c, 0 5px 20px #6e001d !important;
    border-radius: 10px !important;
}

/**/
.member-banner-single-button i {
    color: var(--accent-second-color) !important;
}


.member-banner-single-button a button.btn.btn-m.btn-full.mb-3.rounded-xs.text-uppercase.font-700.shadow-s.bg-main.m-center.button-main {
    margin-bottom: 10px !important;
}

.read {
    position: absolute;
    top: 7px;
    background: var(--accent-color);
    padding: 0 10px;
    color: white;
    right: 8px;
    border-radius: 12px;
    z-index: 9999999 !important;
}

.promotion-description {
    padding-bottom: 14px;
}

div#user-card-gfx {
    background: linear-gradient(45deg, rgba(211, 17, 69, 1) 0%, rgba(211, 17, 69, 1) 50%, rgb(236, 57, 105) 100%);
}


/* NO PROMOTIONS */
.no-promotions>div h2 i {
    margin-right: 10px;
}

.no-promotions>div h2 {
    font-size: 1rem;
    margin-bottom: 0;
}

.no-promotions>div {
    padding: 10px 20px;
}

/* FIX TEXTAREA */
.no-resize textarea {
    height: 150px !important;
}

/* MENU SLIDE UP ACTIVE LINK */
/* li.menu-is-active i {
    color: var(--accent-second-color) !important;
    background: var(--accent-color);
    padding: 6px;
    border-radius: 8px;
}

li.menu-is-active a {
    color: var(--accent-color) !important;
    font-weight: bold;
}

li.menu-is-active {
    padding-left: 0 !important;
}
 */
/* USERNAME LOGIN */
.page-content.user-login-content {
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.page-content.user-login-content .wrapper-custom.login-layout {
    max-width: 80%;
    width: 100%;
    background: transparent;
}

.page-content.user-login-content .card.card-outline.card-primary,
.page-content.user-login-content .card.card-outline.card-primary * {
    background: transparent;
}

.page-content.user-login-content .card-body.login-card-body {
    border-radius: 17px;
    background: #d82046;
    box-shadow: 20px 20px 60px #b81b3c, -20px -20px 60px #f82551;
}

.page-content.user-login-content .card-header {
    border: none;
}


.page-content.user-login-content form .input-group.mb-3 input,
.page-content.user-login-content form .input-group.mb-3 textarea {
    border-radius: 17px;
    color: white;
    min-height: 40px !important;
}

.page-content.user-login-content form .input-group.mb-3 input::placeholder,
.page-content.user-login-content form .input-group.mb-3 textarea::placeholder {
    color: #ff6688 !important;
}

.page-content.user-login-content .card.card-outline.card-primary,
.page-content.user-login-content .card.card-outline.card-primary * {
    background: transparent;
}

.page-content.user-login-content h3.card-title.float-none.text-center {
    font-size: 3rem;
    line-height: 6vh;
    font-weight: bold;
    letter-spacing: -3px;
    color: white;
}

.page-content.user-login-content h3.card-title.float-none.text-center span {
    color: var(--accent-second-color);
}

.page-content.user-login-content h4 {
    text-align: center;
    color: var(--text);
    font-size: 1.2rem;
    font-weight: 300;
    padding-bottom: 45px;
}

.page-content.user-login-content .card-header {
    padding: 0;
}

.page-content.user-login-content h3.card-title.float-none.text-center:before {
    content: '¡';
    font-size: 8rem;
    position: absolute;
    top: 0;
    left: 0;
    color: var(--accent-second-color);
    opacity: .5;
    z-index: -1;
    transform: rotate(-20deg);
    display: none;
}

.page-content.user-login-content h3.card-title.float-none.text-center:after {
    content: '¡';
    font-size: 8rem;
    position: absolute;
    top: 0;
    right: 0;
    color: var(--accent-second-color);
    opacity: .5;
    z-index: -1;
    transform: rotate(20deg);
    display: none !important;
}

.page-content.user-login-content button.btn.btn-block.btn-flat.btn-primary {
    background: var(--accent-color) !important;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: inset 0 0 10px #ff3662, 0 5px 20px #90122d !important;
    border-radius: 25px;
}

.page-content.user-login-content button.btn.btn-block.btn-flat.btn-primary span {
    margin-right: 10px;
}

.page-content.user-login-content form .input-group.mb-3 input,
.page-content.user-login-content form .input-group.mb-3 textarea {
    border-radius: 17px;
    color: white;
    border: solid 1px #e81e54 !important;
}

.page-content.user-login-content .card-footer {
    border: none;
}

.page-content.user-login-content input.form-control {
    background: #ffffff14 !important;
}

.input-group-append>div {
    background: var(--accent-color) !important;
    border: none !important;
    border-radius: 50px;
    background: transparent !important;
}

.input-group-append>div span {
    color: white;
}

.page-content.user-login-content button.btn.btn-block.btn-flat.btn-primary span {
    margin-right: 10px;
    color: #ffd302;
}

.card-footer p {
    text-align: center;
}

.card-footer p a {
    color: var(--accent-second-color);
}


.page-content.user-login-content h3.card-title.float-none.text-center:before {
    animation: rotation 4s infinite linear;
}

.page-content.user-login-content h3.card-title.float-none.text-center:after {
    animation: rotation2 4s infinite linear;
}

.page-content.user-login-content .input-group-append {
    display: flex;
    justify-content: center;
    align-items: center;
}

@keyframes rotation {
    0% {
        transform: rotate(-10deg);
        top: -20px;
    }

    50% {
        transform: rotate(20deg);
        top: 0px;
    }

    100% {
        top: -20px;
        transform: rotate(-10deg);
    }
}

@keyframes rotation2 {
    0% {
        transform: rotate(10deg);
        top: -20px;
    }

    50% {
        transform: rotate(-20deg);
        top: 0px;
    }

    100% {
        top: -20px;
        transform: rotate(10deg);
    }
}

.page-content.user-login-content {
    filter: contrast(1.1) saturate(.95) brightness(.98);
    -webkit-filter: contrast(1.1) saturate(.95) brightness(.98);
}


/* FIX BANNER */
#single-slider-3 .card {
    margin-left: 0 !important;
    margin-right: 0 !important;
    border-radius: 0 0 20px 20px !important;
}

/* FIX HAZTE MIEMBRO FORMULRIO */
form.member-application.no-resize span.select2.select2-container {
    z-index: 1;
}

form.member-application.no-resize .mb-3 .col-md-6 {
    margin-bottom: 15px;
}

form.member-application.no-resize ul.select2-selection__rendered {
    padding-left: 13px !important;
    padding-right: 10px !important;
    height: 100%;
    padding: 0 !important;
}

form.member-application.no-resize span.select2-selection.select2-selection--multiple {
    height: 53px;
    border-left-width: 1px !important;
    border-right-width: 1px !important;
    border-top-width: 1px !important;
    padding-left: 13px !important;
    padding-right: 10px !important;
    border-radius: 10px !important;
    border-color: rgba(0, 0, 0, 0.08) !important
}

form.member-application.no-resize ul.select2-selection__rendered li {
    height: 100% !important;
}

form.member-application.no-resize .select2-container--bootstrap4 .select2-search {
    height: 100%;
    display: flex;
}

form.member-application.no-resize .select2-container--bootstrap4 .select2-selection--multiple .select2-search__field {
    margin: 0 !important;
}

form.member-application.no-resize .form-group label {
    opacity: 1;
    left: 23px !important;
    transform: translateX(-14px) !important;
    margin-left: 0px !important;
    position: absolute;
    padding: 0px 5px !important;
    height: 23px;
    font-size: 12px;
    transition: all 250ms ease;
    background-color: #FFF;
    z-index: 9;
    padding-left: 5px !important;
    margin-top: -11px;
    margin-left: 13px !important;
    color: var(--accent-color) !important
}

form.member-application.no-resize ul.select2-selection__rendered li.select2-selection__choice span {
    color: var(--accent-second-color);
}

form.member-application.no-resize ul.select2-selection__rendered li.select2-selection__choice {
    height: initial !important;
    margin-top: 14px;
    background: var(--accent-color);
    color: white;
    border-radius: 5px;
    border: none;
}

form.member-application.no-resize ul.select2-selection__rendered li input {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    background-color: white;
}

form.member-application.no-resize ul.select2-selection__rendered li input::placeholder {
    color: #767f86 !important;
}

/* FIX ACCORDION MENU CONTACT */
.main-menu-wrapper .menu-bottom.menu-footer-box button.btn.accordion-btn.no-effect.color-theme {
    font-size: 1rem !important;
    color: #64748b !important;
    font-weight: 400 !important;
    padding: 0 !important;
}

.main-menu-wrapper button.btn.accordion-btn.no-effect.color-theme i {
    margin-right: 5px;
}

.main-menu-wrapper div#accordion-0 div#collapse1>div a {
    margin: 15px 0;
}


li.phones-wrapper>a:nth-child(1) {
    margin-right: 13px;
}

li.phones-wrapper>a:nth-child(3) {
    margin-left: 13px;
}

li.phones-wrapper {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.slide-menu-bottom ul li {
    list-style: none;
    padding: 10px 15px;
}

/* CONFETTI */
.confetti-piece {
    position: fixed;
    width: 10px;
    height: 10px;
    animation: fall 1s linear infinite;
    opacity: 0;
    transition: all .4s;
}

@keyframes fall {
    0% {
        top: -10px;
        opacity: 1;
        transition: all .4s;
    }

    100% {
        top: 200%;
        opacity: 0;
        transition: all .4s;
    }
}

/* AVATAR STYLES */
.wrapper-userinfo {
    display: flex;
    flex-direction: row;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: solid 1px #e5e7eb;
}

.wrapper-userinfo h2 {
    margin-bottom: 0;
}

.wrapper-userinfo-data {
    width: 80%;
}

.wrapper-userinfo-img {
    width: 20%;
}

.avatar-container span {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background: var(--accent-color);
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.2rem;
    font-weight: bold;
}

/* LOGOUT MENU */
.wrapper-userinfo-data a {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    font-size: 0.7rem !important;
    margin-right: 16px;
}

.wrapper-userinfo-data {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.wrapper-userinfo-data a i {
    color: var(--accent-color) !important;
}

.page-content.user-login-content {
    overflow: hidden;
}


/* CAMBIOS COLOR LOGIN */
.page-content.user-login-content h3.card-title.float-none.text-center {
    color: var(--accent-color);
}


.input-group-append>div span {
    color: var(--accent-color);
}

.card-footer p a {
    color: var(--accent-color);
}

.page-content.user-login-content .card-body.login-card-body {
    box-shadow: none;
}

.page-content.user-login-content form .input-group.mb-3 input,
.page-content.user-login-content form .input-group.mb-3 textarea {
    border-radius: 8px;
    color: white;
    border: solid 1px var(--text) !important;
}

.page-content.user-login-content form .input-group.mb-3 input::placeholder,
.page-content.user-login-content form .input-group.mb-3 textarea::placeholder {
    color: var(--text) !important;
}

.page-content.user-login-content .input-group> :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: -1px;
    border: solid 1px #94a3b9;
    border-radius: 5px;
    margin-left: 10px;
    background: var(--accent-color);
    border: none;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    background: transparent;
}

.input-group-append>div span {
    color: var(--heading);
}

.page-content.user-login-content .card-footer p a {
    color: var(--accent-color);
    text-decoration: underline !important;
}

.page-content.user-login-content h3.card-title.float-none.text-center {
    text-align: left !important;
}

.page-content.user-login-content h4 {
    text-align: left !important;
}

.page-content.user-login-content .card-body.login-card-body {
    box-shadow: none;
    padding: 0;
}

.page-content.user-login-content button.btn.btn-block.btn-flat.btn-primary {
    box-shadow: none !important;
    border-radius: 6px;
}

.card-footer {
    padding-left: 0;
}

.card-footer p {
    text-align: left;
}

.page-content.user-login-content h3.card-title.float-none.text-center {
    text-align: left !important;
    position: relative;
}


/* MENSAJE SOLICITUD */
div#timed-1 {
    background: white;
}

button.btn.btn-m.btn-full.rounded-s.shadow-l.bg-highlight.font-900.text-uppercase {
    background: var(--accent-color) !important;
    margin-top: 20px;
}

.page-content.user-login-content form .input-group.mb-3 input,
.page-content.user-login-content form .input-group.mb-3 textarea {
    color: black !important;
}

/* FIX LOGIN */
.page-content.user-login-content h3.card-title.float-none.text-center {
    line-height: 3rem;
}

.page-content.user-login-content form label {
    color: var(--accent-color);
    font-weight: bold;
    font-size: 0.8rem;
}

.page-content.user-login-content h4 {
    padding-bottom: 1rem;
}

.no-company {
    visibility: hidden;
    display: none;
    opacity: 0;
    transition: all .3s;
}


.showing-option {
    display: initial;
    visibility: visible;
    opacity: 1;
    transition: all .3s;
}

.showing-options input.select2-search__field {
    width: 100% !important;
}

input.select2-search__field {
    width: 100% !important;
}


.wrapper-buttons-companies.out {
    transition: all .3s;
    height: 0;
    opacity: 0;
    pointer-events: none;
    overflow: hidden;
}

.wrapper-buttons-companies {
    transition: all .3s;
    opacity: 1;
    height: initial;
}

.wrapper-companies {
    margin-bottom: 15px !important;
}

.buttons-container-companies {
    margin-bottom: 30px;
}

.buttons-container-companies a {
    padding: 10px;
    border-radius: 6px;
    margin-right: 5px;
}

.wrapper-buttons-companies p {
    margin-bottom: 13px;
}

.wrapper-buttons-companies p {
    margin-bottom: 13px;
    color: var(--accent-color);
}

a.accept-company,
a.deny-company {
    background: #ededfb;
}

form.member-application.no-resize h2 {
    margin-bottom: 17px;
}

form.member-application.no-resize {
    margin-top: 0;
}

form.member-application.no-resize h2 i {
    margin-right: 0.3rem;
    color: var(--accent-color);
}

form.member-application.no-resize h2 {
    margin-bottom: 17px;
    font-size: 1rem;
}

h2.custom-margin {
    margin-bottom: 3px !important;
    margin-top: 25px !important;
}

a.accept-company:hover,
a.deny-company:hover {
    background: #8383d3;
    color: whitesmoke;
}

.wrapper-companies {
    margin-top: 15px;
}

form.member-application.no-resize button.btn.btn-full.btn-m.gradient-highlight.rounded-s.font-13.font-600.mt-4 {
    pointer-events: none;
    filter: saturate(0);
    opacity: .3 !important;
}

form.member-application.no-resize button.btn.btn-full.btn-m.gradient-highlight.rounded-s.font-13.font-600.mt-4.can-send {
    pointer-events: all;
    filter: saturate(1);
    opacity: 1 !important;
}

a.deny-company,
a.accept-company {
    border: solid transparent;
}


/* DRAG BAR */
.drag-to-close .drag-bar {
    background: #cad0d7;
    height: 5px;
    width: 3rem;
    border-radius: 10px;
}

.drag-to-close {
    width: 100%;
    height: 20px;
    display: flex;
    justify-content: center;
}

/* ESTILOS ERRORES */
.alert.alert-danger.box-errors {
    background: #ef4444 !important;
    color: white;
    box-shadow: 0 5px 10px #00000080;
    border-color: #ff0000 !important;
}

.alert.alert-danger.box-errors h2 {
    color: white;
    font-size: 1rem;
}

.alert.alert-danger.box-errors h2 i {
    color: white;
    font-size: 1rem;
    margin-right: 5px;
}

span.select2-container.select2-container--bootstrap4.select2-container--open span.select2-results ul#select2-company_id-results li.select2-results__option.select2-results__message button.btn.btn-primary {
    width: 100%;
    background: var(--accent-color);
    border: none;
    border-radius: 10px;
}


/* MODAL EMPRESA - HAZTE MIEMBRO */

div#empresaModal.modal.fade.show>div {
    width: 80%;
}

div#empresaModal.modal.fade.show {
    display: flex !important;
    justify-content: center;
    align-items: center;
}

div#empresaModal.modal.fade.show .modal-content {
    border-radius: 10px;
    border: none;
}

div#empresaModal.modal.fade.show .modal-content button.btn.btn-primary,
div#empresaModal.modal.fade.show .modal-content button.btn.btn-secondary {
    border-radius: 5px;
    border: none;
}

div#empresaModal.modal.fade .modal-content button.btn.btn-primary {
    background: var(--accent-color);
}

div#empresaModal.modal.fade .modal-content button.btn.btn-secondary {}

div#empresaModal h5#empresaModalLabel {
    color: var(--accent-color);
}

input#nombreEmpresa {
    border-radius: 10px;
    box-shadow: inset 0 0 7px #cbd5e1 !important;
}

div#empresaModal .modal-header,
div#empresaModal .modal-body,
div#empresaModal .modal-footer {
    border: none !important;
}

div#empresaModal .modal-body {
    padding-top: 0;
}

div#empresaModal label {
    padding-bottom: 10px !important;
}


#empresaModalLabel i {
    margin-right: 5px;
}

/* PREVENTING FLOATING MENU FROM SHOWING OVER MODAL TEXT MOBILE */
.preventing-menu {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    height: 0 !important;
    overflow: hidden !important;
    bottom: -50vh !important;
}

/* PANTALLA DE DESCARGA DE LA APP */
.container-download {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: column;
    text-align: center;
}

.container-download img {
    max-width: 100px;
}

.info-dowload-upp h2 {
    color: var(--accent-second-color) !important;
    color: white !important;
    font-size: 1.8rem;
    letter-spacing: -1px;
}

.info-dowload-upp p {
    color: white;
}

.container-download {
    background-color: var(--accent-color);
    height: 100%;
    display: flex;
    justify-self: center;
    align-items: center;
    width: 100%;
}

.body-download {
    margin: 0;
}


.info-dowload-upp {
    background: #ffffff24;
    padding: 10px 30px;
    max-width: 70vw;
    margin: 0 auto;
    border-radius: 13px;
    margin-top: 30px;
    box-shadow: 0 5px 20px #960028;
}

body.body-download {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100vw;
    background: var(--accent-color);
    height: 100vh;
    overflow: hidden;
}

.container-download {
    margin-top: -10vh;
}

div#footer-bar {
    width: 100%;
    margin: 0;
    max-width: 100%;
    bottom: 0;
    border-radius: 0;
}

.user-comany {
    font-size: 1rem;
}

.user-name {
    word-break: break-word;
    font-size: 1.3rem;
}

/* POPUPS DE SEGURIDAD */
.modal-dialog {
    background: white;
    z-index: 999;
    margin: 0 auto;
    width: 90%;
    padding: 16px;
    border-radius: 10px;
}

.modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    background: #000000c7;
    z-index: 99999;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-overlay .modal-dialog {
    text-align: center;
}

.modal-footer>button:first-child {
    margin-right: 10px;
}

.modal-footer {
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-footer {
    padding-top: 10px;
}

.modal-overlay .modal-dialog button#confirmation-btn-yes {
    background: var(--accent-color);
    border-radius: 8px;
}

.modal-overlay .modal-dialog button.btn.btn-dark {
    border-radius: 8px;
}

.modal-overlay .modal-dialog h3 {
    color: var(--accent-color);
    font-size: 1.5rem;
}

.modal-overlay .modal-body {
    font-size: 1rem;
    padding-bottom: 15px;
    padding-top: 5px;
}

.modal-overlay button#confirmation-btn-yes a {
    color: white;
}

.modal-overlay {
    display: none;
    visibility: hidden;
    opacity: 0;
    transition: all .3s;
}

.logout .modal-overlay {
    display: flex;
    visibility: visible;
    opacity: 1;
    transition: all .3s;
}

.logout {
    overflow: hidden;
}


/* ESTILOS MODAL BIENVENIDA */
.modal-content>div {
    border: none !important;
}

/* div#welcomeModal > div > div {
    border: none !important;
}

div#welcomeModal {
    display: flex !important;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
} */

.modal-open div#welcomeModal {
    display: flex !important;
    justify-content: center;
    align-items: center;
}

div#welcomeModal .modal-content {
    border: none;
}

.modal-dialog h5#welcomeModalLabel {
    color: var(--accent-color);
    font-size: 1.4rem;
    text-align: center !important;
}

#welcomeModal .modal-header h5 {
    margin: 0 auto;
}

#welcomeModal .modal-body {
    padding-top: 0;
    text-align: center;
    font-size: 0.95rem;
    font-weight: bold;
}

div#welcomeModal button.close {
    display: none;
}

/** FIX **/
div#welcomeModal .modal-footer button.btn.btn-secondary {
    background: var(--accent-color);
    border-radius: 10px;
    border: none;
}

.menu-top.menu-footer-box ul {
    margin-bottom: 0;
}

.page-content {
    padding-top: 50px;
}

/* STYLING PROFILE */
.mi-cuenta-title {
    text-align: left !important;
    font-size: 1.95rem;
    letter-spacing: -2px;
    padding-bottom: 25px;
    padding-top: 20px;
}

.mi-cuenta-title i {
    margin-right: 5px;
}

.mi-cuenta-form em {
    display: none;
}

.mi-cuenta-form input {
    border: none;
    border-bottom: solid 1px grey;
    border-radius: 0 !important;
}

.mi-cuenta-form input#input-first_name,
.mi-cuenta-form input#input-last_name,
.mi-cuenta-form input#input-email,
.mi-cuenta-form input#input-phone,
.mi-cuenta-form input#input-current_password,
.mi-cuenta-form input#input-password_confirmation,
.mi-cuenta-form input#input-current_password,
.mi-cuenta-form input#input-password {
    border-radius: 0 !important;
}

.wrapper-my-account-buttons {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.wrapper-my-account-buttons button:first-child {
    margin-right: 10px;
}

.wrapper-my-account-buttons button:last-child {
    background-color: var(--accent-second-color) !important;
    color: var(--accent-color);
}

.wrapper-my-account-buttons button {
    font-size: 0.83rem !important;
}

form.mi-cuenta-form input {
    margin-top: 25px;
    margin-bottom: 29px;
}

form.mi-cuenta-form input#input-phone {
    margin-bottom: 0 !important;
}

.card-overlay.bg-gradient.custom-accent {
    color: #d31145;
}

.card-overlay.bg-gradient.custom-accent.no-image {
    background-color: #d31145 !important;
}


/* PERSONAJE SALUDO */
div#welcomeModal>img {
    width: 223px;
    position: absolute;
    top: 1vh;
    height: 36vh;
    width: auto;
}

div#welcomeModal.modal.fade.show {
    display: flex;
    flex-direction: column;
}

div#welcomeModal.modal.fade.show {
    background: #ffffff99;
}


@media screen and (max-height: 520px) {
    div#welcomeModal>img {
        display: none;
    }
}

.header.header-fixed.header-logo-center.header-auto-show p.header-title {
    margin: 0 !important;
}

.header.header-fixed.header-logo-center.header-auto-show>div:nth-child(2) {
    width: 80%;
    flex-wrap: wrap;
    text-align: center !important;
}

.header.header-fixed.header-logo-center.header-auto-show>div {
    width: 10%;
}


.header.header-fixed.header-logo-center.header-auto-show .col-right i {
    font-size: 1rem;
    padding-right: 10px;
}

.header.header-fixed.header-logo-center.header-auto-show .col-right {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* NOTIFICACIONES */
img.imagen-notificaciones {
    width: 100%;
    height: 130px;
    border-radius: 10px;
    background: var(--accent-color);
    margin-bottom: 10px;
    object-fit: cover;
}

h2.titulo-notificaciones {
    padding-left: 25px;
    position: relative;
}

h2.titulo-notificaciones:before {
    content: '';
    width: 15px;
    height: 15px;
    background: var(--accent-color);
    position: absolute;
    top: 5px;
    left: 0;
    border-radius: 100%;
}

h2.titulo-notificaciones {
    color: var(--accent-color);
    padding-bottom: 10px;
}

.wrapper-datos-usuario>span {
    padding-left: 40px;
}

h1.color-highlight.text-center.mt-3.mi-cuenta-title {
    padding-bottom: 0;
}

.wrapper-datos-usuario {
    background: white;
    padding: 0 15px;
    padding-bottom: 16px;
    border-radius: 10px;
    box-shadow: 0 3px 15px #cbd5e1;
    background: rgb(255, 255, 255);
    background: linear-gradient(45deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 80%, rgba(255, 211, 2, 1) 80%, rgba(255, 211, 2, 1) 90%, rgba(211, 17, 69, 1) 90%, rgba(211, 17, 69, 1) 100%);
}

.wrapper-datos-usuario {
    margin-top: 20px;
}

/* FIX ESTILOS BADGE HAZTE-MIEMBRO MENÚ*/
.card.card-style.bg-28.custom-member-card-data.slide-menu-bottom.menu-bars-footer .wrapper-member-banner {
    padding: 10px;
}

.card.card-style.bg-28.custom-member-card-data.slide-menu-bottom.menu-bars-footer .wrapper-member-banner button.btn.btn-m.btn-full.mb-3.rounded-xs.text-uppercase.font-700.shadow-s.bg-main.m-center.button-main {
    padding: 10px !important;
}

.wrapper-member-banner .text-wrapper p:last-child {
    font-size: 1.2rem;
}

.wrapper-member-banner .text-wrapper p:first-child {
    font-size: 0.8rem;
}

/* CAMBIO A LOGOTIPO EN EL HEADER */
p.header-title {
    display: flex;
    justify-content: center;
}

p.header-title .logo-header-top {
    width: 100%;
    height: auto !important;
    padding: 10px;
}

/* FIX NOTIFICACIONES */
img.imagen-notificaciones {
    width: 100%;
    height: 140px;
    border-radius: 10px;
    background: var(--accent-color);
    margin-bottom: 10px;
    object-fit: cover;
    object-position: center;
}

.notifications-link {
    color: var(--accent-color);
    font-weight: bold;
}

/* RESTYLE TARJETA SOCIO */
div#user-card-gfx {
    overflow: hidden;
}

.qr-container {
    z-index: 1;
}

div#user-card-gfx:before {
    content: '';
    width: 165px;
    height: 40px;
    position: absolute;
    background: url(/images/logo-club-camara.svg);
    right: 15px;
    bottom: 16px;
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 1;
}

div#user-card-gfx:after {
    content: '';
    width: 1070px;
    height: 240px;
    position: absolute;
    background: url(/images/logo-club-camara.svg);
    bottom: -14px;
    background-repeat: no-repeat;
    background-size: contain;
    opacity: .05;
    left: -138%;
    z-index: 0;
}


.logo-preloader {
    position: absolute;
    width: 50vw !important;
    height: auto;
}

.loading-gif-animation {
    opacity: .1;
}

img.logo-preloader {
    animation: pump 3s infinite;
}

.wrapper-splash-animation {
    display: flex;
    justify-content: center;
    align-items: center;
}

@keyframes pump {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.2);
    }

    100% {
        transform: scale(1);
    }
}

/* FIX PANTALLA DESCARGA */
.desktop-wrapper p {
    font-size: 1rem;
    max-width: 50%;
    margin: 0 auto;
    margin-bottom: 20px;
}

.info-dowload-upp {
    padding: 20px 15px;
}

.info-dowload-upp h2 {
    margin-bottom: 20px;
}

.info-dowload-upp {
    padding: 20px 25px;
}

.wrapper-mobile a img {
    margin-bottom: 10px;
}

.wrapper-mobile a {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: white;
    font-weight: bold;

}


.info-dowload-upp {
    z-index: 2;
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
}

.info-dowload-upp {
    padding: 20px 25px;
}

.info-dowload-upp {
    padding: 20px 15px;
}

.info-dowload-upp {
    background: #ffffff12;
    padding: 10px 30px;
    max-width: 70vw;
    margin: 0 auto;
    border-radius: 13px;
    margin-top: 30px;
    box-shadow: 0 5px 20px #960028;
    border: solid 1px #ffffff6e;
}

img.character-download-app {
    -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 37%, rgba(0, 0, 0, 0) 58%);
    mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 37%, rgba(0, 0, 0, 0) 58%);
    position: fixed;
    top: 5%;
    width: 67%;
    max-width: 100%;
    z-index: 0;
}

.container-download.desktop-change>div {
    width: 50%;
}

.container-download.desktop-change>img {
    width: 20%;
    max-width: 100%;
}

.container-download.desktop-change {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    max-width: 60%;
}

.container-download.desktop-change .info-dowload-upp h2 {
    text-align: left;
    text-align: left;
    font-size: 3rem;
    width: 52%;
    line-height: 2.7rem;
}

.container-download.desktop-change .info-dowload-upp p {
    width: 100%;
    max-width: 100%;
    text-align: left;
}

.container-download.desktop-change .info-dowload-upp {
    padding-bottom: 34px;
}


.container-download.desktop-change .info-dowload-upp h2 span {
    color: var(--accent-second-color);
}

/* FIX POPUP REGISTRO */
div#timed-1 h2.text-center {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5rem;
}

/* FIX LOGO HEADER */
.header.header-fixed.header-logo-center.header-auto-show .col-center p {
    width: 100% !important;
    margin: 0 !important;
    position: relative !important;
    left: 0 !important;
}

p.header-title .logo-header-top {
    width: auto !important;
    height: 100% !important;
    padding: 10px;
}

.wrapper-custom.no-notifications .card.card-style h2 {
    padding: 10px 25px;
}

.custon-style-button {
    text-align: left;
}

.custon-style-button {
    display: flex !important;
    padding: 15px;
}

.notification-badge {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #22c55e;
    display: inline-block;
}

ion-content {
    overscroll-behavior-y: contain;
    /* Para deshabilitar el efecto de rebote verticalmente */
    overscroll-behavior-x: contain;
    /* Para deshabilitar el efecto de rebote horizontalmente */
}

/* GO BACK BUTTON */
a#backButton i {
    position: initial !important;
    top: initial;
    left: initial;
    margin: 0 auto !important;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

a#backButton {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    text-align: center;
    height: 100%;
}

/**/
.thin-wrapper-data h2 {
    display: none;
}

/* FIX BOTTOM*/
div#footer-bar a {
    height: fit-content !important;
}

div#footer-bar a.active-nav {
    border-bottom: none !important;
    border-top: solid 4px var(--accent-second-color);
}

span.logo-footer-container {
    width: 50px !important;
    height: 50px !important;
}

/* IMAGEN PROMOCIONES */
.promotion-wrapper img.imagen-promociones {
    max-height: 235px;
    object-fit: cover;
}



/* FIXES RESPONSIVE MOBILE */
@media only screen and (max-width: 766px) {

    .wrapper-userinfo .wrapper-userinfo-img {
        width: fit-content;
        padding-right: 1rem;
    }

}

/* RESPONSIVE PARA TABLET */
@media only screen and (min-width: 767px) {

    /* HOME */
    .wrapper-cards-home>div:nth-child(odd) {
        margin-right: 7px !important;
    }

    .wrapper-cards-home>div:nth-child(even) {
        margin-left: 7px !important;
    }

    .wrapper-cards-home {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: space-between;
    }

    .wrapper-cards-home>div {
        width: 47%;
        margin-bottom: 14px !important;
    }

    div#single-slider-3-list>div .card-bottom.text-center.mb-2 h2 {
        font-size: 4rem;
        line-height: 59px;
    }

    /* VENTAJAS */
    .card.card-style.custom-member-card img {
        max-height: 250px;
    }

    .custom-container.ventajas .card.card-style {
        display: inline-block;
        width: 100%;
        break-inside: avoid;
    }

    .custom-container.ventajas>div {
        margin-bottom: 12px;
    }

    /* TARJETA DE SOCIO*/
    .slide-menu-bottom.user-card {
        height: 100vh;
        border-radius: 0;
    }

    div#user-card-gfx {
        margin: 0 auto;
        width: 500px;
        height: 300px;
    }

    .menu-top.menu-footer-box h2 {
        text-align: center;
        margin-bottom: 20px;
    }

    .card.card-style.bg-28.custom-member-card-data.slide-menu-bottom.user-card.is-showing .menu-top.menu-footer-box {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        height: 100%;
    }

    .header.header-fixed.header-logo-center.header-auto-show {
        z-index: 11 !important;
    }

    .avatar-container span {
        width: 80px;
        height: 80px;
        font-size: 2rem;
    }

    .wrapper-userinfo-img {
        width: fit-content;
        padding-right: 15px;
    }

    .user-data-container h2 {
        margin-bottom: 10px !important;
        font-size: 1.6rem;
    }

    .user-data-container {
        padding-left: 15px;
    }

    .wrapper-userinfo-data .user-data-container p {
        font-size: 1rem;
    }

    .slide-menu-bottom.menu-bars-footer {
        height: calc(100vh - 50px);
        width: 45vw;
        right: -100vw;
        bottom: 0;
    }

    .slide-menu-bottom.menu-bars-footer.is-showing {
        right: 0;
    }

    .card.card-style.bg-28.custom-member-card-data.slide-menu-bottom.menu-bars-footer.is-showing {
        border-radius: 20px 0 0 0px;
    }

    .thin-wrapper img {
        width: 30%;
        object-fit: cover;
        margin-right: 17px;
        height: 100%;
        border-radius: 20px;
        margin-bottom: 0;
    }

    .thin-wrapper {
        display: flex;
        flex-direction: column;
    }

    .thin-wrapper-data h2 {
        display: block;
    }

    .card.card-style.notification-card>.content>h2 {
        display: none;
    }

    h2.titulo-notificaciones:before {
        display: none;
    }

    .card.card-style.notification-card .content {
        margin: 15px;
    }

    .thin-wrapper-data h2 {
        padding-left: 0;
    }

    /* NOTIFICACIONES*/
    .wrapper-notificaciones>div {
        width: 46% !important;
    }

    .wrapper-notificaciones {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-wrap: wrap;
        flex-direction: row;
        width: 100% !important;
    }

    .thin-wrapper img.imagen-notificaciones {
        width: 100%;
        height: 155px;
    }

    .thin-wrapper-data h2 {
        margin-top: 15px;
        margin-bottom: 0;
        padding-bottom: 5px !important;
    }

    .page-content.user-login-content .card.card-outline.card-primary {
        width: 100% !important;
    }

    .page-content.user-login-content .wrapper-custom.login-layout {
        max-width: 600px;
        margin: 0 auto;
    }

    .faq-card {
        width: 100%;
    }

    .card.card-style.faq-card {
        width: 100% !important;
        max-width: 1000px;
        margin: 0 auto;
    }

    .custom-container.ventajas {
        width: 100% !important;
    }

    /* ESTILOS TARJETA DE SOCIO */
    .show-qr-button {
        width: 100%;
        max-width: 480px;
    }

    .show-qr-button button {
        padding: 0 50px;
        width: 100% !important;
    }

    .user-name {
        font-size: 2rem;
        padding-bottom: 1rem;
        line-height: 2rem;
    }

    .wrapper-custom.promotion-wrapper .card.card-style {
        display: flex;
        flex-direction: row;
        max-width: 767px;
    }

}

/* CAMBIOS */
.footer-bar-6 .circle-nav span.logo-footer-container {
    display: flex !important;
    justify-content: center;
    align-items: center;
}

.footer-bar-6 .circle-nav i {
    color: var(--accent-color) !important;
}

.custom-member-card-data .card-bottom {
    position: relative;
    order: 2;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

.custom-member-card-data {
    height: fit-content !important;
}

/*QRCODE ICON*/
div#qrcode-vector svg {
    position: relative;
    top: 0 !important;
    transform: none !important;
}

div#qrcode-vector {
    display: flex;
    justify-content: center;
    align-items: center;
}