/* FUENTES --------------------------------------------------*/

@font-face{
    font-family: 'Myriad Pro';
    src: url("../assets/fonts/Myriad-Pro-Regular.ttf") format("truetype");
}

@font-face{
    font-family: 'Myriad Pro Light';
    src: url("../assets/fonts/Myriad-Pro-Light.otf") format("truetype");
}

@font-face{
    font-family: 'Myriad Pro Bold';
    src: url("../assets/fonts/Myriad Pro Bold.ttf") format("truetype");
}

@font-face{
    font-family: 'Montserrat-ExtraBold';
    src: url("../assets/fonts/Montserrat-ExtraBold.ttf") format("truetype");
}

/* ROOT --------------------------------------------------*/

:root{
    --header-heigth-session: 61px;
    --header-heigth-landing: 60.8px;
    --header-heigth-sidebar: 61px;
    --footer-heigth: 32px;
    --footer-min-heigth: 32px;
    --sidebar-menu-mobile: 0px;

    --color-white: #fff;
    --color-black: #000;
    --color-black2: #212529;
    --color-red: #ff0000;
    --color-red2: #bd1d35;
    --color-red-light: #ffe3e9;
    --color-gray: #9d9d9d;
    --color-gray-dark: #606060;
    --color-gray-dark2: #3b3b3b;
    --color-gray-light: #c4c4c4;
    --color-gray-light2: #dedede;
    --color-gray-light3: #f3f3f3;
    --color-gray-extra-light: #e8e8e8;
    --color-gray-extra-light-2: #f4f4f4;
    --color-gray-extra-light-3: #f9f9f9;
    --color-gray-extra-light-4: #fbfbfb;

    --color-blue: #0D6efd;
    --color-blue-dark: #0f539c;
    --color-blue-light: #afd6f9;
    --color-blue-extra-light: #dbeeff;
    --color-green: #17B030;
    --color-green-dark: #139228;
    --color-green-light: #cdffe0;
    --color-green-light-alert: #d9ffdc;
    --color-green-extra-light: #d9fee9;
    --color-danger: #FF2746;
    --color-danger2: #FF2746;
    --color-danger-dark: #9f192d;
    --color-danger-light: #ffb3c2;
    --color-danger-extra-light: #ffe3e9;
    --color-orange: #ffa22a;
    --color-orange-dark: #9e651b;
    --color-orange-light: #ffdbb3;
    --color-violet: #7f2fdd;
    --color-violet-dark: #582098;
    --color-violet-light: #b49adb;
    --color-yellow: #fce300;
    --color-yellow-dark: #988900;
    --color-yellow-light: #f9f0af;

    --color-back: #fff;
    --color-back-menu: #fff;

    --color-menu: #606060;
    --color-menu-hover: #353535;

    --color-p: #606060;
    --color-h: #606060;
    --color-a: #17B030;
    --color-a-hover: #17B030;
    --color-line: #9d9d9d;

    --custom-gradient: 135deg, #17B030 0%,#0083fd 100%;
    --custom-gradient2: 90deg, #17B030 0%,#0083fd 100%;
    --custom-gradient-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#17B030', endColorstr='#1783fa', GradientType=1);

    --shadow-primary-btn: 0px 4px 5px -2px rgba(0, 0, 0, .2), 0px 7px 10px 1px rgba(0, 0, 0, .14), 0px 2px 16px 1px rgba(0, 0, 0, .12);
    --shadow-dropdown-box: 0px 0px 5px 0px rgba(0,0,0,0.57);
    --shadow-input-green: 0 0 0 0.25rem rgba(103, 177, 58, 0.25);
    --shadow-input-blue: 0 0 0 0.25rem #afd6f9;
    --shadow-input-gray : 0 0 0 0.25rem  rgba(196, 196, 196, 0.4);

    --font-size-mensaje-general-mobile: 0.7rem;
    --font-size-mensaje-general: 0.9rem;
    --font-size-input-general: 1rem;
    --font-size-input-general-mobile: 0.9rem;
    --font-size-title-modal-mobile: 1.2rem;
    --font-size-subtitle-modal-mobile: 1rem;
}


@media screen and (max-width: 576px) {
    /* * {
    font-size: 14px;

    } */

.estatusdoImg-ajustes {
    width: 3rem !important;
    height: 3rem !important;
    top: 88px !important;
    position: absolute !important;
    right: -5px !important;
}

}

::placeholder {
  color: var(--color-gray) !important;
  opacity: 1;
}

.w-105{
    width: 105%;
}

.h-sm-48px {
    height: 48px !important;
}

.w-200px{
    width: 200px !important;
}


.blue-border {
    border: 0.1rem solid #007bff !important;
    border-radius: 50%;
    max-height: 120px;
    max-width: 120px !important;

}

.hover-deg-2:hover use{
    fill: url("#lgrad-2");
}


@media screen and (max-width: 576px) {
    .w-200px{
    width: 135px !important;
    min-width: 145px;
    max-width: 200px !important;
}
    .bgImgPerfil-header{
    background-image: url("../assets/img/bgMobileHeader.svg");
    background-size: 7rem;
    background-position: left;
    background-repeat: no-repeat;
}
}



@media (min-width:577px) and (max-width:768px){
    .bgImgPerfil-header{
    background-image: url("../assets/img/bgMobileHeader.svg");
    background-size: 7rem;
    background-position: left;
    background-repeat: no-repeat;
}
    .w-sm-75{
        width: 75% !important;
    }

    .w-sm-50{
        width: 50%!important;
    }
}

@media (min-width:769px) and (max-width:992px){
    .w-md-75{
        width: 75% !important;
    }

    .w-md-50{
        width: 50% !important;
    }
}

@media (min-width:992px){
    .w-lg-75{
        width: 75% !important;
    }

    .w-lg-50{
        width: 50% !important;
    }
}

textarea{
    resize: none !important;
}

body{
    overflow-x: hidden !important;
    background: var(--color-back);
    font-family: 'Myriad Pro', arial !important;
    color: var(--color-gray-dark);
    height: 100vh;
    width: 100vw;
}

.bg-grayLight{
    background-color: var(--color-gray-extra-light-4);
}

.bg-grayLight-alias {
  background-color:#e0e0e0;
}
::-ms-reveal {
    display: none;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
    }
input[type=number] { -moz-appearance:textfield; }

.overflow-y-hidden {
    overflow-y: hidden;
}
.overflow-x-hidden {
    overflow-x: hidden;
}

.modal--show{
    display: block !important;
}

 .btn.disabled,
.btn:disabled,
fieldset:disabled .btn {
    pointer-events: none;
    background-color: #606060 !important;
    opacity: 1 !important;

}
.buttonNone{
    border: none;
    background: transparent;
}
 .btn-check:not(:checked)+.custom-btn {
    background-color: white !important;
    color: var(--color-green) !important;
}

.btn-check:checked+.custom-btn {
    background-color: var(--color-green) !important;
    color: white !important;
    z-index: 1 !important;
}

    .dropdown-item {
    position: relative !important;
    cursor: pointer;
}

.container-select-input {
    border-radius: 0.5rem !important;
    height: 46px;
    padding: 8px 15px 8px 45px !important;
}
/* circulito vacío */
.wallet-checkbox {
    position: absolute !important;
    top: 50%;
    right: 18px;
    transform: translateY(-50%);
    height: 16px;
    width: 16px;
    background-color: #fff;
    border: 2px solid #ccc;
    border-radius: 50%;
    transition: all 0.3s ease;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    display: block;
}

 .dropdown-item[data-selected="true"] .wallet-checkbox::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 0.5rem;
    height: 0.5rem;
    background-color: #17B030 !important;
    border-radius: 50%;

}
.dropdown-item[data-selected="true"] .wallet-checkbox {

    background-color: white !important;
}

.radioInput-red.form-check-input:checked[type=radio]{
    background-image: none !important;
}

.radioInput-red.form-check-input:checked{
    background-color: white;
    border-color: var(--color-danger);
}

.radioInput-red.form-check-input:checked:before{
    background-color: var(--color-danger);
}

.radioInput-red.form-check-input:before{
    content: "";
    position: absolute;
    width: 8px !important;
    height: 8px !important;
    background-color: var(--color-gray-dark);
    border-radius: 5px;
}

.radioInput-red.form-check-input{
    position: relative;
    width: 18px;
    height: 18px;
    border: 1px solid var(--color-gray-dark);
        display: flex;
    align-items: center;
    justify-content: center;
}

.text-090 {
    font-size: 0.9rem;
}

.fontSize09{
    font-size: 0.9rem !important;
}

.sizeImgCerrar{
    width: 1.2rem !important;
    height: 1.2rem !important;
}

.text-justifty{
    text-align: justify !important;
}

.textWhite{
    color: var(--color-white) !important;
}

.textGray{
    color: var(--color-gray) !important;
    font-family: 'Myriad Pro', arial !important;

}

.textBlue{
    color: var(--color-blue) !important;
    font-family: 'Myriad Pro', arial !important;
}
.textDarkBlue{
    color: var(--color-blue-dark);
}

.textGreen{
    color: var(--color-green);
}

.textGreenLight{
    color: var(--color-green-light);
}

.hidden-span {
    display: none;
}

.textDarkGreen{
    color: var(--color-green-dark);
}

.textRed{
    color: var(--color-danger);
}

.textDarkRed{
    color: var(--color-danger-dark);
}

.textGrayDark{
    color: var(--color-gray-dark);
}

.textLightGray{
    color: var(--color-gray-light);
    font-family: 'Myriad Pro', arial !important;
}

.span-gray {
    color: var(--color-gray) !important;
    font-family: 'Myriad Pro', arial !important;
    /* Resetear completamente las propiedades del degradado */
    background: transparent !important;
    -webkit-background-clip: initial !important;
    background-clip: initial !important;
    -webkit-text-fill-color: var(--color-gray) !important;
}

.grayFill{
    fill: #949494;
}

.textBlack{
    color: var(--color-black);
}

.textLight{
    font-family: 'Myriad Pro', arial !important;
}

 .aspectRatioCarouselEscritorio{
    aspect-ratio: 7575 / 1009;
}

.lineHeight-110{
    line-height: 110%;
}

.aguaMarina{
    color: var(--color-green-light);
}

.bg-Aguamarina{
    background: var(--color-green-light);
}

.bgGray{
   background-color: #9e9e9e55;
}

.bgGreen{
    background: var(--color-green) !important;
}

.bgBlue{
    background-color: var(--color-blue) !important;
}

.fillBlue{
    fill: var(--color-blue) !important;
}

.fillGray{
    fill: var(--color-gray) !important;
}

.fillGreen{
    fill: var(--color-green) !important;
}

.bgRed{
    background: var(--color-danger) !important;
}

.grayExtraLight{
    color: var(--color-gray-extra-light);
    fill: var(--color-gray-extra-light);
}

.svgGray{
    fill: var(--color-gray);
}

.svgRed{
    fill: var(--color-red);
}

.svgGrayDark{
    fill: var(--color-gray-dark);
}

.fontSize-10{
    font-size: 0.625rem;
}

.fontSize-12{
    font-size: 0.75rem;
}

.fontSize-13 {
    font-size: 0.8125rem !important;
}

.fontSize-14{
    font-size: 0.875rem;
}

.fontSize-16{
    font-size: 1rem;
}

.fontSize-18{
    font-size: 1.125rem;
}

.fontSize-20{
    font-size: 1.25rem;
}

.fontSize-22{
    font-size: 1.375rem;
}

.fontSize-24{
    font-size: 1.5rem;
}

.fontSize-28{
    font-size: 1.75rem;
}


  .infocam-fontsize{
    font-size: 1rem;
  }

@media screen and (max-width: 576px) {
.fontSize-12{
    font-size: 0.625rem;
}

.fontSize-14{
    font-size: 0.75rem;
}

.fontSize-16{
    font-size: 0.875rem;
}

.fontSize-18{
    font-size: 1rem;
}

.fontSize-20{
    font-size: 1.125rem;
}

.fontSize-22{
    font-size: 1.156rem;
}

.fontSize-24{
    font-size: 1rem;
}

.fontSize-28{
    font-size: 1.25rem;
}
    }

@media (min-width: 576px) and (max-width: 767px) {

.fontSize-12{
    font-size: 0.625rem;
}

.fontSize-14{
    font-size: 0.75rem;
}

.fontSize-16{
    font-size: 0.875rem;
}

.fontSize-18{
    font-size: 0.9375rem;
}

.fontSize-20{
    font-size: 0.9375rem;
}

.fontSize-22{
    font-size: 1.156rem;
}

.fontSize-24{
    font-size: 1rem;
}

.fontSize-28{
    font-size: 1.25rem;
}
    }

.zIndex-0{
    z-index: 0 !important;
}

.zIndex-100{
    z-index: 100;
}

.zIndex-999{
    z-index: 999;
}

.cursorPointer{
    cursor: pointer !important;
}

.borderRadiusPill{
    border-radius: 2rem !important;
}

.pagination-arrowAnterior{
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%230d6efd'%3E%3Cpath d='M 8.444 12.076 C 8.614 12.176 8.774 12.289 8.925 12.415 C 11.883 15.367 14.837 18.321 17.789 21.275 C 18.255 21.74 18.496 22.261 18.302 22.923 C 18.01 23.956 16.748 24.343 15.927 23.652 C 15.819 23.562 15.722 23.457 15.623 23.358 L 5.536 13.268 C 4.651 12.383 4.65 11.605 5.536 10.722 C 8.922 7.336 12.307 3.95 15.694 0.564 C 16.128 0.125 16.617 -0.111 17.248 0.051 C 18.311 0.314 18.735 1.595 18.04 2.44 C 17.928 2.572 17.811 2.698 17.685 2.816 L 8.924 11.576 C 8.793 11.706 8.669 11.842 8.444 12.076 Z' %3E%3C/path%3E%3C/svg%3E");
    width: 35px;
}

.pagination-arrowProximo {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%230d6efd'%3E%3Cpath d='M15.556 11.924C15.386 11.824 15.226 11.711 15.075 11.585C12.117 8.633 9.163 5.679 6.211 2.725C5.745 2.26 5.504 1.739 5.698 1.077C5.99 0.044 7.252 -0.343 8.073 0.348C8.181 0.438 8.278 0.543 8.377 0.642L18.464 10.732C19.349 11.617 19.35 12.395 18.464 13.278C15.078 16.664 11.693 20.05 8.306 23.436C7.872 23.875 7.383 24.111 6.752 23.949C5.689 23.686 5.265 22.405 5.96 21.56C6.072 21.428 6.189 21.302 6.315 21.184L15.076 12.424C15.207 12.294 15.331 12.158 15.556 11.924Z'%3E%3C/path%3E%3C/svg%3E");
    width: 35px;
}

.hidden-scroll {
    scrollbar-width: none !important;
}

@media only screen and (max-width: 767px) {
    :root{
        --header-heigth-session: 0px;
        --header-heigth-landing: 56px;
        --header-heigth-sidebar: 56px;
        --footer-min-heigth: 0px;
        --sidebar-menu-mobile: 80px
    }
    .no-scroll {
       scrollbar-width: none !important;
    }
}

/* GENERAL --------------------------------------------------*/

.sizeFontFooter{
    font-size: 0.85rem !important
}

.sizeIconSidebarMenu{
    width: 30px;
    height: 30px;
}

.sizeIconProfileLanding{
    width: 20px;
    height: 18px;
    margin-bottom: 2px;
}

.sizeBandera{
    height: 1.5rem;
    width: 1.5rem;
  }

  .sizeBandera-header{
    height: 1.5rem;
    width: 1.5rem;
  }


.flechaArribaGreen{
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' %3E%3Cpath d='M 1.256 10.756 L 19.606 10.756 L 12.845 4.479 C 12.362 3.996 12.266 3.223 12.748 2.74 C 13.231 2.257 14.004 2.161 14.487 2.644 L 23.565 11.143 C 24.145 11.626 24.145 12.495 23.565 12.978 L 14.487 21.477 C 14.004 21.766 13.231 21.766 12.748 21.284 C 12.266 20.801 12.266 20.028 12.845 19.545 L 19.606 13.267 L 1.256 13.267 C 0.579 13.267 0 12.688 0 12.012 C 0 11.336 0.579 10.756 1.256 10.756 Z' style='transform-box: fill-box; transform-origin: 50%25 50%25; fill: rgb(104, 176, 58);' transform='matrix(0, -1, 1, 0, 0, 0)'%3E%3C/path%3E%3C/svg%3E");
    height: 0.8rem;
    width: 0.8rem;
}

.flechaAbajoRed{
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' %3E%3Cpath d='M 1.256 10.756 L 19.606 10.756 L 12.845 4.479 C 12.362 3.996 12.266 3.223 12.748 2.74 C 13.231 2.257 14.004 2.161 14.487 2.644 L 23.565 11.143 C 24.145 11.626 24.145 12.495 23.565 12.978 L 14.487 21.477 C 14.004 21.766 13.231 21.766 12.748 21.284 C 12.266 20.801 12.266 20.028 12.845 19.545 L 19.606 13.267 L 1.256 13.267 C 0.579 13.267 0 12.688 0 12.012 C 0 11.336 0.579 10.756 1.256 10.756 Z' style='transform-box: fill-box; transform-origin: 50%25 50%25; fill: rgb(255, 39, 70);' transform='matrix(0, 1, -1, 0, -0.000004, 0.000004)'%3E%3C/path%3E%3C/svg%3E");
    height: 0.8rem;
    width: 0.8rem;
}


  @media screen and (min-width:576px) {

    ::-webkit-scrollbar {
        width: 12px;
        height: 12px;
        display: auto;
        z-index: 0;
    }

    ::-webkit-scrollbar-thumb {
        background: #D5D5D5;
    }

    ::-webkit-scrollbar-thumb:hover,
    ::-webkit-scrollbar-thumb:active{
        background: #C2C2C2;
        box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
    }

    ::-webkit-scrollbar-track {
        background:  #F3F3F3;
        padding: 1px;
    }


}

@media screen and (max-width:576px) {
    .size-modalCode{
    transform: scale(0.9);
}

.infocam-fontsize{
    font-size: 0.75rem;
  }

  .sizeIconSidebarMenu{
    width: 22px;
    height: 24px;
}

.sizeBandera{
    width: 1.1rem;
    height: 1.2rem;
}

}


.body-sidebar{
    /* background: linear-gradient(0deg, rgba(203,255,222,1) 0%, rgba(255,255,255,1) 50%) !important; */
    padding-top: var(--header-heigth-sidebar);
    height: 100vh !important;
    background-repeat: no-repeat !important;
}

.sizeUser-sidebar{
    width: 2rem;
    height: 2rem;
    right: 1px !important;
    bottom: 0px !important;
  }

.imgPerfil-sidebar{
    aspect-ratio: 1/1;
    border: 0.1rem solid var(--color-blue) !important;
    fill: var(--color-gray-light2);
    width: 6rem;
    height: 6rem;
  }



.imgPerfilPosition-sidebar {
  position: relative;
  aspect-ratio: 1/1;
  object-fit: cover;
}


#sidebar_perfil {
background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' viewBox='0.039 -94.85 385 353' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Layer_2' transform='matrix(1, 0, 0, 1, 0.220194, -96.408211)'%3E%3Cg%3E%3Cdefs%3E%3Crect id='SVGID_400_' x='0' y='1' width='386' height='353'%3E%3C/rect%3E%3C/defs%3E%3CclipPath id='SVGID_1_'%3E%3Crect x='0' y='1' width='386' height='353' transform='matrix(1, 0, 0, 1, 0, 0)' style='overflow: visible;'%3E%3C/rect%3E%3C/clipPath%3E%3Cg style='clip-path:url(%23SVGID_1_);'%3E%3ClinearGradient id='gradient-1' gradientUnits='userSpaceOnUse' x1='1243.7698' y1='4671.9878' x2='1824.5337' y2='4671.9878' gradientTransform='matrix(-0.6205 0.854 -0.8147 -0.5955 5056.4189 1641.496)'%3E%3Cstop offset='0' style='stop-color:%23FFFFFF;stop-opacity:0'%3E%3C/stop%3E%3Cstop offset='1' style='stop-color:%23CDFFE0'%3E%3C/stop%3E%3C/linearGradient%3E%3Cpath style='fill: url(%23gradient-1);' d='M183.2,150.5c-23.6,1-49.4,8.8-72.2,25.9c-22.8,17.1-42.2,44.2-47.9,71.7 c-6.9,33.4,6.5,60.7,20.5,84.3c4.5,7.5,9.1,15.1,13.2,23.1c8.8,17-21.6,141.6-52.6,176.1S-21.2,602.4-34,645.5 c-11.6,38.8-1.4,77.4,24.6,93.1c15.3,9.3,36,10.3,56.6,4c21-6.4,39.1-20,51.4-38.2c0,0,210.3-319.4,213.4-348.7 c2.3-22,0-45.3-3-77.2C302,204.4,252.4,147.7,183.2,150.5z'%3E%3C/path%3E%3ClinearGradient id='gradient-2' gradientUnits='userSpaceOnUse' x1='3160.6377' y1='14255.3711' x2='3499.7549' y2='14255.3711' gradientTransform='matrix(-0.2668 0.8908 0.9147 0.2757 -11880.5557 -6736.5181)'%3E%3Cstop offset='0' style='stop-color:%23FFFFFF;stop-opacity:0'%3E%3C/stop%3E%3Cstop offset='1' style='stop-color:%23CDFFE0'%3E%3C/stop%3E%3C/linearGradient%3E%3Cpath class='st4' d='M305.9,196.4c6.4,8.5,8.2,20,11.2,31.8c4.3,16.7-6,67.8-26.3,85.9c-11,9.8-23.6,13.1-36,14.2 c-12.4,1.1-25.7,1.9-36.6,11.1c-14.1,11.8-19.9,33.5-23.5,53.1c-3.6,19.6-6.8,40.7-18.5,56.1c-10.6,13.9-27.3,20.1-40.3,15 c-13-5.1-21.9-21.6-20.9-39.2l43.7-130.5c12-35.5,37-92.6,65.6-108.9C252.9,168.6,287.2,171.6,305.9,196.4z' style='fill: url(%23gradient-2);'%3E%3C/path%3E%3Cg%3E%3ClinearGradient id='SVGID_5_' gradientUnits='userSpaceOnUse' x1='11340.0273' y1='10489.8486' x2='11583.4102' y2='10841.501' gradientTransform='matrix(0.7646 -0.6445 0.6445 0.7646 -15416.2344 -573.7188)'%3E%3Cstop offset='0' style='stop-color:%23CDFFE0'%3E%3C/stop%3E%3Cstop offset='1' style='stop-color:%23FFFFFF;stop-opacity:0'%3E%3C/stop%3E%3C/linearGradient%3E%3Cpath style='fill:none;stroke:url(%23SVGID_5_);stroke-width:0.6429;stroke-miterlimit:10;' d='M93.6-20.6 c143.4-86.7-71.7,40.3-13.2,137s436.9,163,293.5,249.7S238.5,441.3,180,344.6S-49.9,66.1,93.6-20.6z'%3E%3C/path%3E%3ClinearGradient id='gradient-3' gradientUnits='userSpaceOnUse' x1='11341.8037' y1='10495.1455' x2='11580.9209' y2='10840.6338' gradientTransform='matrix(0.7646 -0.6445 0.6445 0.7646 -15416.2344 -573.7188)'%3E%3Cstop offset='0' style='stop-color:%23CDFFE0'%3E%3C/stop%3E%3Cstop offset='1' style='stop-color:%23FFFFFF;stop-opacity:0'%3E%3C/stop%3E%3C/linearGradient%3E%3Cpath style='fill: none; stroke-width: 0.6429; stroke-miterlimit: 10; stroke: url(%23gradient-3);' d='M84.9,116 c59,92.2,428.1,156.1,290.3,241.6s-137.5,80-196.5-12.1S-42.6,74.1,94.9-11.2C232.2-96.7,25.9,23.8,84.9,116z'%3E%3C/path%3E%3ClinearGradient id='gradient-4' gradientUnits='userSpaceOnUse' x1='11343.4482' y1='10500.5322' x2='11578.3066' y2='10839.8682' gradientTransform='matrix(0.7646 -0.6445 0.6445 0.7646 -15416.2344 -573.7188)'%3E%3Cstop offset='0' style='stop-color:%23CDFFE0'%3E%3C/stop%3E%3Cstop offset='1' style='stop-color:%23FFFFFF;stop-opacity:0'%3E%3C/stop%3E%3C/linearGradient%3E%3Cpath class='st7' d='M89.5,115.6c59.5,87.6,419.3,149.3,287.1,233.6s-139.7,84.8-199.1-2.9S-35.4,82.2,96.2-1.8 C227.5-86,30.1,28,89.5,115.6z' style='fill: none; stroke-miterlimit: 10; stroke-width: 0.6429px; stroke: url(%23gradient-4);'%3E%3C/path%3E%3ClinearGradient id='gradient-5' gradientUnits='userSpaceOnUse' x1='11344.9629' y1='10506.126' x2='11575.5156' y2='10839.2402' gradientTransform='matrix(0.7646 -0.6445 0.6445 0.7646 -15416.2344 -573.7188)'%3E%3Cstop offset='0' style='stop-color:%23CDFFE0'%3E%3C/stop%3E%3Cstop offset='1' style='stop-color:%23FFFFFF;stop-opacity:0'%3E%3C/stop%3E%3C/linearGradient%3E%3Cpath class='st8' d='M94.2,115.2c60,83.1,410.5,142.5,283.9,225.6s-141.9,89.5-201.8,6.4S-28,90.5,97.5,7.7 C223-75.1,34.2,32.2,94.2,115.2z' style='fill: none; stroke-miterlimit: 10; stroke-width: 0.6429px; stroke: url(%23gradient-5);'%3E%3C/path%3E%3ClinearGradient id='gradient-6' gradientUnits='userSpaceOnUse' x1='11346.3076' y1='10511.7598' x2='11572.5986' y2='10838.7168' gradientTransform='matrix(0.7646 -0.6445 0.6445 0.7646 -15416.2344 -573.7188)'%3E%3Cstop offset='0' style='stop-color:%23CDFFE0'%3E%3C/stop%3E%3Cstop offset='1' style='stop-color:%23FFFFFF;stop-opacity:0'%3E%3C/stop%3E%3C/linearGradient%3E%3Cpath class='st9' d='M98.8,114.8c60.4,78.5,401.7,135.7,280.6,217.6s-144.1,94.2-204.5,15.7S-20.8,98.6,98.8,17.1 C218.3-64.3,38.3,36.3,98.8,114.8z' style='fill: none; stroke-miterlimit: 10; stroke-width: 0.6429px; stroke: url(%23gradient-6);'%3E%3C/path%3E%3ClinearGradient id='SVGID_10_' gradientUnits='userSpaceOnUse' x1='11347.4805' y1='10517.5127' x2='11569.5186' y2='10838.3252' gradientTransform='matrix(0.7646 -0.6445 0.6445 0.7646 -15416.2344 -573.7188)'%3E%3Cstop offset='0' style='stop-color:%23CDFFE0'%3E%3C/stop%3E%3Cstop offset='1' style='stop-color:%23FFFFFF;stop-opacity:0'%3E%3C/stop%3E%3C/linearGradient%3E%3Cpath class='st10' d='M103.4,114.4c60.9,73.9,392.9,128.9,277.4,209.6s-146.3,99-207.2,25S-13.5,106.7,100.2,26.5 C213.7-53.6,42.5,40.5,103.4,114.4z' style='fill: none; stroke: url(%23SVGID_10_); stroke-miterlimit: 10; stroke-width: 0.6429px;'%3E%3C/path%3E%3ClinearGradient id='SVGID_11_' gradientUnits='userSpaceOnUse' x1='11348.4736' y1='10523.3906' x2='11566.2686' y2='10838.0713' gradientTransform='matrix(0.7646 -0.6445 0.6445 0.7646 -15416.2344 -573.7188)'%3E%3Cstop offset='0' style='stop-color:%23CDFFE0'%3E%3C/stop%3E%3Cstop offset='1' style='stop-color:%23FFFFFF;stop-opacity:0'%3E%3C/stop%3E%3C/linearGradient%3E%3Cpath class='st11' d='M108,114c61.4,69.4,384,122.1,274.2,201.6S233.7,419.4,172.3,350s-178.5-235.1-70.8-314 C209-42.9,46.6,44.6,108,114z' style='fill: none; stroke: url(%23SVGID_11_); stroke-miterlimit: 10; stroke-width: 0.6429px;'%3E%3C/path%3E%3ClinearGradient id='SVGID_12_' gradientUnits='userSpaceOnUse' x1='11349.2813' y1='10529.3965' x2='11562.8438' y2='10837.9619' gradientTransform='matrix(0.7646 -0.6445 0.6445 0.7646 -15416.2344 -573.7188)'%3E%3Cstop offset='0' style='stop-color:%23CDFFE0'%3E%3C/stop%3E%3Cstop offset='1' style='stop-color:%23FFFFFF;stop-opacity:0'%3E%3C/stop%3E%3C/linearGradient%3E%3Cpath class='st12' d='M112.6,113.6c61.9,64.8,375.2,115.3,271,193.6S232.9,415.7,171,350.9S1.1,123,102.8,45.4 C204.4-32.1,50.7,48.8,112.6,113.6z' style='fill: none; stroke: url(%23SVGID_12_); stroke-miterlimit: 10; stroke-width: 0.6429px;'%3E%3C/path%3E%3ClinearGradient id='SVGID_13_' gradientUnits='userSpaceOnUse' x1='11349.9033' y1='10535.5303' x2='11559.2451' y2='10837.998' gradientTransform='matrix(0.7646 -0.6445 0.6445 0.7646 -15416.2344 -573.7188)'%3E%3Cstop offset='0' style='stop-color:%23CDFFE0'%3E%3C/stop%3E%3Cstop offset='1' style='stop-color:%23FFFFFF;stop-opacity:0'%3E%3C/stop%3E%3C/linearGradient%3E%3Cpath class='st13' d='M117.2,113.2c62.4,60.3,366.4,108.5,267.8,185.6S232.1,412,169.7,351.8S8.4,131.1,104.1,54.8 C199.7-21.4,54.8,53,117.2,113.2z' style='fill: none; stroke: url(%23SVGID_13_); stroke-miterlimit: 10; stroke-width: 0.6429px;'%3E%3C/path%3E%3ClinearGradient id='SVGID_14_' gradientUnits='userSpaceOnUse' x1='11350.3447' y1='10541.7881' x2='11555.4795' y2='10838.1768' gradientTransform='matrix(0.7646 -0.6445 0.6445 0.7646 -15416.2344 -573.7188)'%3E%3Cstop offset='0' style='stop-color:%23CDFFE0'%3E%3C/stop%3E%3Cstop offset='1' style='stop-color:%23FFFFFF;stop-opacity:0'%3E%3C/stop%3E%3C/linearGradient%3E%3Cpath class='st14' d='M121.9,112.8c62.9,55.7,357.6,101.7,264.6,177.6s-155.1,117.9-218,62.2s-152.7-213.5-63-288.4 C195.1-10.7,59,57.1,121.9,112.8z' style='fill: none; stroke: url(%23SVGID_14_); stroke-miterlimit: 10; stroke-width: 0.6429px;'%3E%3C/path%3E%3ClinearGradient id='SVGID_15_' gradientUnits='userSpaceOnUse' x1='11350.6191' y1='10548.1602' x2='11551.5625' y2='10838.4932' gradientTransform='matrix(0.7646 -0.6445 0.6445 0.7646 -15416.2344 -573.7188)'%3E%3Cstop offset='0' style='stop-color:%23CDFFE0'%3E%3C/stop%3E%3Cstop offset='1' style='stop-color:%23FFFFFF;stop-opacity:0'%3E%3C/stop%3E%3C/linearGradient%3E%3Cpath class='st15' d='M126.5,112.4c63.4,51.2,348.8,94.9,261.4,169.6s-157.3,122.6-220.7,71.5S23,147.3,106.7,73.6 C190.5,0,63.1,61.3,126.5,112.4z' style='fill: none; stroke: url(%23SVGID_15_); stroke-miterlimit: 10; stroke-width: 0.6429px;'%3E%3C/path%3E%3ClinearGradient id='SVGID_16_' gradientUnits='userSpaceOnUse' x1='11350.7422' y1='10554.6348' x2='11547.5107' y2='10838.9375' gradientTransform='matrix(0.7646 -0.6445 0.6445 0.7646 -15416.2344 -573.7188)'%3E%3Cstop offset='0' style='stop-color:%23CDFFE0'%3E%3C/stop%3E%3Cstop offset='1' style='stop-color:%23FFFFFF;stop-opacity:0'%3E%3C/stop%3E%3C/linearGradient%3E%3Cpath class='st16' d='M131.1,112c63.9,46.6,340,88.1,258.2,161.6S229.7,401,165.8,354.4S30.3,155.4,108.1,83.1 C185.9,10.7,67.2,65.4,131.1,112z' style='fill: none; stroke: url(%23SVGID_16_); stroke-miterlimit: 10; stroke-width: 0.6429px;'%3E%3C/path%3E%3ClinearGradient id='SVGID_17_' gradientUnits='userSpaceOnUse' x1='11350.7373' y1='10561.1943' x2='11543.3525' y2='10839.4951' gradientTransform='matrix(0.7646 -0.6445 0.6445 0.7646 -15416.2344 -573.7188)'%3E%3Cstop offset='0' style='stop-color:%23CDFFE0'%3E%3C/stop%3E%3Cstop offset='1' style='stop-color:%23FFFFFF;stop-opacity:0'%3E%3C/stop%3E%3C/linearGradient%3E%3Cpath class='st17' d='M135.7,111.6c64.4,42,331.2,81.2,254.9,153.6s-161.7,132.1-226.1,90.1S37.6,163.5,109.4,92.5 C181.3,21.4,71.3,69.6,135.7,111.6z' style='fill: none; stroke: url(%23SVGID_17_); stroke-miterlimit: 10; stroke-width: 0.6429px;'%3E%3C/path%3E%3ClinearGradient id='SVGID_18_' gradientUnits='userSpaceOnUse' x1='11350.6338' y1='10567.8174' x2='11539.1182' y2='10840.1504' gradientTransform='matrix(0.7646 -0.6445 0.6445 0.7646 -15416.2344 -573.7188)'%3E%3Cstop offset='0' style='stop-color:%23CDFFE0'%3E%3C/stop%3E%3Cstop offset='1' style='stop-color:%23FFFFFF;stop-opacity:0'%3E%3C/stop%3E%3C/linearGradient%3E%3Cpath class='st18' d='M140.3,111.2c64.9,37.5,322.4,74.4,251.7,145.6s-163.9,136.8-228.8,99.4S44.9,171.6,110.7,101.9 C176.6,32.1,75.5,73.8,140.3,111.2z' style='fill: none; stroke: url(%23SVGID_18_); stroke-miterlimit: 10; stroke-width: 0.6429px;'%3E%3C/path%3E%3ClinearGradient id='SVGID_19_' gradientUnits='userSpaceOnUse' x1='11350.4668' y1='10574.4756' x2='11534.8496' y2='10840.8809' gradientTransform='matrix(0.7646 -0.6445 0.6445 0.7646 -15416.2344 -573.7188)'%3E%3Cstop offset='0' style='stop-color:%23CDFFE0'%3E%3C/stop%3E%3Cstop offset='1' style='stop-color:%23FFFFFF;stop-opacity:0'%3E%3C/stop%3E%3C/linearGradient%3E%3Cpath class='st19' d='M144.9,110.9c65.4,32.9,313.6,67.6,248.5,137.6S227.3,390.1,162,357.1S52.3,179.6,112,111.4 C172,42.8,79.6,77.9,144.9,110.9z' style='fill: none; stroke: url(%23SVGID_19_); stroke-miterlimit: 10; stroke-width: 0.6429px;'%3E%3C/path%3E%3ClinearGradient id='SVGID_20_' gradientUnits='userSpaceOnUse' x1='11350.2852' y1='10581.1338' x2='11530.5977' y2='10841.6592' gradientTransform='matrix(0.7646 -0.6445 0.6445 0.7646 -15416.2344 -573.7188)'%3E%3Cstop offset='0' style='stop-color:%23CDFFE0'%3E%3C/stop%3E%3Cstop offset='1' style='stop-color:%23FFFFFF;stop-opacity:0'%3E%3C/stop%3E%3C/linearGradient%3E%3Cpath class='st20' d='M149.6,110.5c65.8,28.4,304.8,60.8,245.3,129.6S226.5,386.4,160.7,358S59.6,187.7,113.3,120.8 C167.4,53.5,83.7,82.1,149.6,110.5z' style='fill: none; stroke: url(%23SVGID_20_); stroke-miterlimit: 10; stroke-width: 0.6429px;'%3E%3C/path%3E%3ClinearGradient id='SVGID_21_' gradientUnits='userSpaceOnUse' x1='11350.1504' y1='10587.7422' x2='11526.4326' y2='10842.4443' gradientTransform='matrix(0.7646 -0.6445 0.6445 0.7646 -15416.2344 -573.7188)'%3E%3Cstop offset='0' style='stop-color:%23CDFFE0'%3E%3C/stop%3E%3Cstop offset='1' style='stop-color:%23FFFFFF;stop-opacity:0'%3E%3C/stop%3E%3C/linearGradient%3E%3Cpath class='st21' d='M154.2,110.1c66.3,23.8,296,54,242.1,121.6s-170.5,151-236.9,127.2c-66.3-23.8-92.5-163.2-44.7-228.7 C162.8,64.1,87.8,86.2,154.2,110.1z' style='fill: none; stroke: url(%23SVGID_21_); stroke-miterlimit: 10; stroke-width: 0.6429px;'%3E%3C/path%3E%3ClinearGradient id='SVGID_22_' gradientUnits='userSpaceOnUse' x1='11350.1621' y1='10594.2227' x2='11522.4639' y2='10843.1729' gradientTransform='matrix(0.7646 -0.6445 0.6445 0.7646 -15416.2344 -573.7188)'%3E%3Cstop offset='0' style='stop-color:%23CDFFE0'%3E%3C/stop%3E%3Cstop offset='1' style='stop-color:%23FFFFFF;stop-opacity:0'%3E%3C/stop%3E%3C/linearGradient%3E%3Cpath class='st22' d='M158.8,109.7c66.8,19.3,287.2,47.2,238.9,113.6S224.9,379.1,158.1,359.8S74.3,203.7,116,139.6 C158.3,74.7,92,90.4,158.8,109.7z' style='fill: none; stroke: url(%23SVGID_22_); stroke-miterlimit: 10; stroke-width: 0.6429px;'%3E%3C/path%3E%3ClinearGradient id='SVGID_23_' gradientUnits='userSpaceOnUse' x1='11353.7529' y1='10598.1846' x2='11522.1367' y2='10841.4746' gradientTransform='matrix(0.7646 -0.6445 0.6445 0.7646 -15416.2344 -573.7188)'%3E%3Cstop offset='0' style='stop-color:%23CDFFE0'%3E%3C/stop%3E%3Cstop offset='1' style='stop-color:%23FFFFFF;stop-opacity:0'%3E%3C/stop%3E%3C/linearGradient%3E%3Cpath class='st23' d='M163.4,109.3c67.3,14.7,278.4,40.4,235.7,105.6s-175,160.5-242.3,145.8s-75.2-149-39.5-211.6 C153.7,85.3,96.1,94.6,163.4,109.3z' style='fill: none; stroke: url(%23SVGID_23_); stroke-miterlimit: 10; stroke-width: 0.6429px;'%3E%3C/path%3E%3ClinearGradient id='SVGID_24_' gradientUnits='userSpaceOnUse' x1='11357.9326' y1='10600.5752' x2='11522.9951' y2='10839.0645' gradientTransform='matrix(0.7646 -0.6445 0.6445 0.7646 -15416.2344 -573.7188)'%3E%3Cstop offset='0' style='stop-color:%23CDFFE0'%3E%3C/stop%3E%3Cstop offset='1' style='stop-color:%23FFFFFF;stop-opacity:0'%3E%3C/stop%3E%3C/linearGradient%3E%3Cpath class='st24' d='M168,108.9c67.8,10.1,269.5,33.6,232.5,97.6s-177.2,165.3-245,155.1c-67.8-10.1-66.6-142-36.9-203.1 C149.1,95.9,100.2,98.7,168,108.9z' style='fill: none; stroke: url(%23SVGID_24_); stroke-miterlimit: 10; stroke-width: 0.6429px;'%3E%3C/path%3E%3ClinearGradient id='SVGID_25_' gradientUnits='userSpaceOnUse' x1='11360.998' y1='10601.4443' x2='11523.8721' y2='10836.7725' gradientTransform='matrix(0.7646 -0.6445 0.6445 0.7646 -15416.2344 -573.7188)'%3E%3Cstop offset='0' style='stop-color:%23CDFFE0'%3E%3C/stop%3E%3Cstop offset='1' style='stop-color:%23FFFFFF;stop-opacity:0'%3E%3C/stop%3E%3C/linearGradient%3E%3Cpath class='st25' d='M172.6,108.5c68.3,5.6,260.7,26.8,229.2,89.6s-179.4,170-247.7,164.4s-58-134.9-34.3-194.6 C144.4,106.4,104.4,102.9,172.6,108.5z' style='fill: none; stroke: url(%23SVGID_25_); stroke-miterlimit: 10; stroke-width: 0.6429px;'%3E%3C/path%3E%3ClinearGradient id='SVGID_26_' gradientUnits='userSpaceOnUse' x1='11363.9189' y1='10602.1904' x2='11524.7832' y2='10834.6152' gradientTransform='matrix(0.7646 -0.6445 0.6445 0.7646 -15416.2344 -573.7188)'%3E%3Cstop offset='0' style='stop-color:%23CDFFE0'%3E%3C/stop%3E%3Cstop offset='1' style='stop-color:%23FFFFFF;stop-opacity:0'%3E%3C/stop%3E%3C/linearGradient%3E%3Cpath class='st26' d='M177.3,108.1c68.8,1,251.9,20,226,81.6c-25.9,61.6-181.6,174.7-250.4,173.7c-68.8-1-49.5-127.9-31.7-186.1 C139.8,116.9,108.5,107.1,177.3,108.1z' style='fill: none; stroke: url(%23SVGID_26_); stroke-miterlimit: 10; stroke-width: 0.6429px;'%3E%3C/path%3E%3ClinearGradient id='SVGID_27_' gradientUnits='userSpaceOnUse' x1='11366.7002' y1='10602.8193' x2='11525.7461' y2='10832.6172' gradientTransform='matrix(0.7646 -0.6445 0.6445 0.7646 -15416.2344 -573.7188)'%3E%3Cstop offset='0' style='stop-color:%23CDFFE0'%3E%3C/stop%3E%3Cstop offset='1' style='stop-color:%23FFFFFF;stop-opacity:0'%3E%3C/stop%3E%3C/linearGradient%3E%3Cpath class='st27' d='M181.9,107.7c69.3-3.5,243.1,13.2,222.8,73.6c-20.3,60.4-183.8,179.5-253,183s-41-121-29.1-177.5 C135.1,127.4,112.6,111.2,181.9,107.7z' style='fill: none; stroke: url(%23SVGID_27_); stroke-miterlimit: 10; stroke-width: 0.6429px;'%3E%3C/path%3E%3ClinearGradient id='SVGID_28_' gradientUnits='userSpaceOnUse' x1='11369.3535' y1='10603.3438' x2='11526.7852' y2='10830.8086' gradientTransform='matrix(0.7646 -0.6445 0.6445 0.7646 -15416.2344 -573.7188)'%3E%3Cstop offset='0' style='stop-color:%23CDFFE0'%3E%3C/stop%3E%3Cstop offset='1' style='stop-color:%23FFFFFF;stop-opacity:0'%3E%3C/stop%3E%3C/linearGradient%3E%3Cpath class='st28' d='M186.5,107.3c69.8-8.1,234.3,6.3,219.6,65.6s-186,184.2-255.7,192.3s-32.5-114-26.5-169 C130.3,137.8,116.7,115.4,186.5,107.3z' style='fill: none; stroke: url(%23SVGID_28_); stroke-miterlimit: 10; stroke-width: 0.6429px;'%3E%3C/path%3E%3ClinearGradient id='SVGID_29_' gradientUnits='userSpaceOnUse' x1='11371.8955' y1='10603.7822' x2='11527.9355' y2='10829.2363' gradientTransform='matrix(0.7646 -0.6445 0.6445 0.7646 -15416.2344 -573.7188)'%3E%3Cstop offset='0' style='stop-color:%23CDFFE0'%3E%3C/stop%3E%3Cstop offset='1' style='stop-color:%23FFFFFF;stop-opacity:0'%3E%3C/stop%3E%3C/linearGradient%3E%3Cpath class='st29' d='M191.1,106.9c70.3-12.7,225.5-0.5,216.4,57.6S219.3,353.4,149.1,366.1C78.8,378.7,125,259,125.2,205.6 C125.5,148.3,120.9,119.5,191.1,106.9z' style='fill: none; stroke: url(%23SVGID_29_); stroke-miterlimit: 10; stroke-width: 0.6429px;'%3E%3C/path%3E%3ClinearGradient id='SVGID_30_' gradientUnits='userSpaceOnUse' x1='11374.3447' y1='10604.1572' x2='11529.1816' y2='10827.873' gradientTransform='matrix(0.7646 -0.6445 0.6445 0.7646 -15416.2344 -573.7188)'%3E%3Cstop offset='0' style='stop-color:%23CDFFE0'%3E%3C/stop%3E%3Cstop offset='1' style='stop-color:%23FFFFFF;stop-opacity:0'%3E%3C/stop%3E%3C/linearGradient%3E%3Cpath class='st30' d='M195.7,106.5c70.7-17.2,216.7-7.3,213.2,49.6S218.5,349.7,147.8,367S132,266.8,126.5,215 C120.6,158.7,125,123.7,195.7,106.5z' style='fill: none; stroke: url(%23SVGID_30_); stroke-miterlimit: 10; stroke-width: 0.6429px;'%3E%3C/path%3E%3ClinearGradient id='SVGID_31_' gradientUnits='userSpaceOnUse' x1='11376.7178' y1='10604.4893' x2='11530.5029' y2='10826.6865' gradientTransform='matrix(0.7646 -0.6445 0.6445 0.7646 -15416.2344 -573.7188)'%3E%3Cstop offset='0' style='stop-color:%23CDFFE0'%3E%3C/stop%3E%3Cstop offset='1' style='stop-color:%23FFFFFF;stop-opacity:0'%3E%3C/stop%3E%3C/linearGradient%3E%3Cpath class='st31' d='M200.4,106.1c71.2-21.8,207.9-14.1,210,41.6c2.1,55.7-192.6,198.4-263.8,220.2s-7.5-93.1-18.6-143.4 C115.7,169.2,129.1,127.9,200.4,106.1z' style='fill: none; stroke: url(%23SVGID_31_); stroke-miterlimit: 10; stroke-width: 0.6429px;'%3E%3C/path%3E%3ClinearGradient id='SVGID_32_' gradientUnits='userSpaceOnUse' x1='11379.0303' y1='10604.7988' x2='11531.8828' y2='10825.6484' gradientTransform='matrix(0.7646 -0.6445 0.6445 0.7646 -15416.2344 -573.7188)'%3E%3Cstop offset='0' style='stop-color:%23CDFFE0'%3E%3C/stop%3E%3Cstop offset='1' style='stop-color:%23FFFFFF;stop-opacity:0'%3E%3C/stop%3E%3C/linearGradient%3E%3Cpath class='st32' d='M205,105.7c71.7-26.3,199.1-20.9,206.8,33.6S216.9,342.4,145.2,368.7c-71.7,26.3,0.7-86-16-134.9 C110.7,179.8,133.2,132,205,105.7z' style='fill: none; stroke: url(%23SVGID_32_); stroke-miterlimit: 10; stroke-width: 0.6429px;'%3E%3C/path%3E%3ClinearGradient id='SVGID_33_' gradientUnits='userSpaceOnUse' x1='11381.2979' y1='10605.1045' x2='11533.3096' y2='10824.7383' gradientTransform='matrix(0.7646 -0.6445 0.6445 0.7646 -15416.2344 -573.7188)'%3E%3Cstop offset='0' style='stop-color:%23CDFFE0'%3E%3C/stop%3E%3Cstop offset='1' style='stop-color:%23FFFFFF;stop-opacity:0'%3E%3C/stop%3E%3C/linearGradient%3E%3Cpath class='st33' d='M209.6,105.3c72.2-30.9,190.3-27.7,203.5,25.6s-197,207.9-269.2,238.7s8.9-78.9-13.4-126.3 C105.6,190.5,137.4,136.2,209.6,105.3z' style='fill: none; stroke: url(%23SVGID_33_); stroke-miterlimit: 10; stroke-width: 0.6429px;'%3E%3C/path%3E%3ClinearGradient id='SVGID_34_' gradientUnits='userSpaceOnUse' x1='11383.5322' y1='10605.4199' x2='11534.7725' y2='10823.9385' gradientTransform='matrix(0.7646 -0.6445 0.6445 0.7646 -15416.2344 -573.7188)'%3E%3Cstop offset='0' style='stop-color:%23CDFFE0'%3E%3C/stop%3E%3Cstop offset='1' style='stop-color:%23FFFFFF;stop-opacity:0'%3E%3C/stop%3E%3C/linearGradient%3E%3Cpath class='st34' d='M214.2,104.9c72.7-35.4,181.5-34.5,200.3,17.6s-199.2,212.6-271.9,248s17.1-71.7-10.8-117.8 C100.6,201.2,141.5,140.3,214.2,104.9z' style='fill: none; stroke: url(%23SVGID_34_); stroke-miterlimit: 10; stroke-width: 0.6429px;'%3E%3C/path%3E%3ClinearGradient id='SVGID_35_' gradientUnits='userSpaceOnUse' x1='11385.7432' y1='10605.7549' x2='11536.2646' y2='10823.2344' gradientTransform='matrix(0.7646 -0.6445 0.6445 0.7646 -15416.2344 -573.7188)'%3E%3Cstop offset='0' style='stop-color:%23CDFFE0'%3E%3C/stop%3E%3Cstop offset='1' style='stop-color:%23FFFFFF;stop-opacity:0'%3E%3C/stop%3E%3C/linearGradient%3E%3Cpath class='st35' d='M218.8,104.5c73.2-40,172.7-41.3,197.1,9.6S214.5,331.4,141.3,371.4s25.4-64.4-8.2-109.3 C95.6,212,145.6,144.5,218.8,104.5z' style='fill: none; stroke: url(%23SVGID_35_); stroke-miterlimit: 10; stroke-width: 0.6429px;'%3E%3C/path%3E%3ClinearGradient id='SVGID_36_' gradientUnits='userSpaceOnUse' x1='11387.9375' y1='10606.1143' x2='11537.7813' y2='10822.6152' gradientTransform='matrix(0.7646 -0.6445 0.6445 0.7646 -15416.2344 -573.7188)'%3E%3Cstop offset='0' style='stop-color:%23CDFFE0'%3E%3C/stop%3E%3Cstop offset='1' style='stop-color:%23FFFFFF;stop-opacity:0'%3E%3C/stop%3E%3C/linearGradient%3E%3Cpath class='st36' d='M223.4,104.1c73.7-44.6,163.9-48.1,193.9,1.6c30.1,49.7-203.6,222.1-277.3,266.6s33.7-57.1-5.6-100.7 C90.6,222.8,149.7,148.7,223.4,104.1z' style='fill: none; stroke: url(%23SVGID_36_); stroke-miterlimit: 10; stroke-width: 0.6429px;'%3E%3C/path%3E%3C/g%3E%3Cg%3E%3ClinearGradient id='SVGID_37_' gradientUnits='userSpaceOnUse' x1='13011.1709' y1='14466.4297' x2='13254.5537' y2='14818.0811' gradientTransform='matrix(-0.9614 0.2752 -0.2752 -0.9614 16850.7695 10488.0596)'%3E%3Cstop offset='0' style='stop-color:%23CDFFE0'%3E%3C/stop%3E%3Cstop offset='1' style='stop-color:%23FFFFFF;stop-opacity:0'%3E%3C/stop%3E%3C/linearGradient%3E%3Cpath class='st37' d='M223.8,274.5C57.5,295,305.8,267.1,292,154.9S-40-172.5,126.3-192.9s154.2-13.4,168,98.8 S390.1,254.1,223.8,274.5z' style='fill: none; stroke: url(%23SVGID_37_); stroke-miterlimit: 10; stroke-width: 0.6429px;'%3E%3C/path%3E%3ClinearGradient id='SVGID_38_' gradientUnits='userSpaceOnUse' x1='13013.4033' y1='14471.0898' x2='13249.9053' y2='14812.7998' gradientTransform='matrix(-0.9614 0.2752 -0.2752 -0.9614 16850.7695 10488.0596)'%3E%3Cstop offset='0' style='stop-color:%23CDFFE0'%3E%3C/stop%3E%3Cstop offset='1' style='stop-color:%23FFFFFF;stop-opacity:0'%3E%3C/stop%3E%3C/linearGradient%3E%3Cpath class='st38' d='M221.6,269.2c-163.7,20.1,73.8-7.9,60.3-118.3C268.3,40.4-30.4-169.9,133.3-190s147.5-11.7,161.4,98.7 C308.7,19.2,385.4,249,221.6,269.2z' style='fill: none; stroke: url(%23SVGID_38_); stroke-miterlimit: 10; stroke-width: 0.6429px;'%3E%3C/path%3E%3ClinearGradient id='SVGID_39_' gradientUnits='userSpaceOnUse' x1='13015.6094' y1='14475.748' x2='13245.2578' y2='14807.5566' gradientTransform='matrix(-0.9614 0.2752 -0.2752 -0.9614 16850.7695 10488.0596)'%3E%3Cstop offset='0' style='stop-color:%23CDFFE0'%3E%3C/stop%3E%3Cstop offset='1' style='stop-color:%23FFFFFF;stop-opacity:0'%3E%3C/stop%3E%3C/linearGradient%3E%3Cpath class='st39' d='M219.5,263.8c-161.1,19.8,65.7-8.4,52.4-117.1s-292.7-314-131.6-333.8s140.8-10,154.9,98.5 C309.3,20.4,380.6,244,219.5,263.8z' style='fill: none; stroke: url(%23SVGID_39_); stroke-miterlimit: 10; stroke-width: 0.6429px;'%3E%3C/path%3E%3ClinearGradient id='SVGID_40_' gradientUnits='userSpaceOnUse' x1='13017.7891' y1='14480.4023' x2='13240.6162' y2='14802.3545' gradientTransform='matrix(-0.9614 0.2752 -0.2752 -0.9614 16850.7695 10488.0596)'%3E%3Cstop offset='0' style='stop-color:%23CDFFE0'%3E%3C/stop%3E%3Cstop offset='1' style='stop-color:%23FFFFFF;stop-opacity:0'%3E%3C/stop%3E%3C/linearGradient%3E%3Cpath class='st40' d='M217.3,258.4c-158.5,19.5,57.6-8.9,44.5-115.8C248.6,35.6-11.3-164.8,147.2-184.2s134.1-8.3,148.3,98.4 C309.9,21.5,375.8,238.9,217.3,258.4z' style='fill: none; stroke: url(%23SVGID_40_); stroke-miterlimit: 10; stroke-width: 0.6429px;'%3E%3C/path%3E%3ClinearGradient id='SVGID_41_' gradientUnits='userSpaceOnUse' x1='13019.9404' y1='14485.0527' x2='13235.9805' y2='14797.1992' gradientTransform='matrix(-0.9614 0.2752 -0.2752 -0.9614 16850.7695 10488.0596)'%3E%3Cstop offset='0' style='stop-color:%23CDFFE0'%3E%3C/stop%3E%3Cstop offset='1' style='stop-color:%23FFFFFF;stop-opacity:0'%3E%3C/stop%3E%3C/linearGradient%3E%3Cpath class='st41' d='M215.1,253c-155.9,19.2,49.5-9.4,36.6-114.6S-1.7-162.2,154.2-181.3s127.4-6.7,141.7,98.2 C310.4,22.7,371,233.8,215.1,253z' style='fill: none; stroke: url(%23SVGID_41_); stroke-miterlimit: 10; stroke-width: 0.6429px;'%3E%3C/path%3E%3ClinearGradient id='SVGID_42_' gradientUnits='userSpaceOnUse' x1='13022.0625' y1='14489.6973' x2='13231.3564' y2='14792.0957' gradientTransform='matrix(-0.9614 0.2752 -0.2752 -0.9614 16850.7695 10488.0596)'%3E%3Cstop offset='0' style='stop-color:%23CDFFE0'%3E%3C/stop%3E%3Cstop offset='1' style='stop-color:%23FFFFFF;stop-opacity:0'%3E%3C/stop%3E%3C/linearGradient%3E%3Cpath class='st42' d='M212.9,247.6c-153.3,18.8,41.4-9.9,28.7-113.3S7.8-159.6,161.1-178.4s120.6-5,135.1,98.1 C311,23.8,366.2,228.8,212.9,247.6z' style='fill: none; stroke: url(%23SVGID_42_); stroke-miterlimit: 10; stroke-width: 0.6429px;'%3E%3C/path%3E%3ClinearGradient id='SVGID_43_' gradientUnits='userSpaceOnUse' x1='13024.1523' y1='14494.333' x2='13226.7471' y2='14787.0518' gradientTransform='matrix(-0.9614 0.2752 -0.2752 -0.9614 16850.7695 10488.0596)'%3E%3Cstop offset='0' style='stop-color:%23CDFFE0'%3E%3C/stop%3E%3Cstop offset='1' style='stop-color:%23FFFFFF;stop-opacity:0'%3E%3C/stop%3E%3C/linearGradient%3E%3Cpath class='st43' d='M210.8,242.2c-150.7,18.5,33.3-10.5,20.8-112.1S17.4-157,168.1-175.5s113.9-3.3,128.5,97.9 C311.6,25,361.4,223.7,210.8,242.2z' style='fill: none; stroke: url(%23SVGID_43_); stroke-miterlimit: 10; stroke-width: 0.6429px;'%3E%3C/path%3E%3ClinearGradient id='SVGID_44_' gradientUnits='userSpaceOnUse' x1='13026.21' y1='14498.96' x2='13222.1572' y2='14782.0732' gradientTransform='matrix(-0.9614 0.2752 -0.2752 -0.9614 16850.7695 10488.0596)'%3E%3Cstop offset='0' style='stop-color:%23CDFFE0'%3E%3C/stop%3E%3Cstop offset='1' style='stop-color:%23FFFFFF;stop-opacity:0'%3E%3C/stop%3E%3C/linearGradient%3E%3Cpath class='st44' d='M208.6,236.9c-148.1,18.2,25.2-11,13-110.8C209.3,26.1,27-154.4,175.1-172.6s107.2-1.7,121.9,97.8 C312.2,26.1,356.6,218.7,208.6,236.9z' style='fill: none; stroke: url(%23SVGID_44_); stroke-miterlimit: 10; stroke-width: 0.6429px;'%3E%3C/path%3E%3ClinearGradient id='SVGID_45_' gradientUnits='userSpaceOnUse' x1='13028.2344' y1='14503.5732' x2='13217.5957' y2='14777.1719' gradientTransform='matrix(-0.9614 0.2752 -0.2752 -0.9614 16850.7695 10488.0596)'%3E%3Cstop offset='0' style='stop-color:%23CDFFE0'%3E%3C/stop%3E%3Cstop offset='1' style='stop-color:%23FFFFFF;stop-opacity:0'%3E%3C/stop%3E%3C/linearGradient%3E%3Cpath class='st45' d='M206.4,231.5c-145.5,17.9,17.1-11.5,5.1-109.6C199.4,23.8,36.6-151.8,182-169.7s100.5,0,115.3,97.6 C312.8,27.3,351.9,213.6,206.4,231.5z' style='fill: none; stroke: url(%23SVGID_45_); stroke-miterlimit: 10; stroke-width: 0.6429px;'%3E%3C/path%3E%3ClinearGradient id='SVGID_46_' gradientUnits='userSpaceOnUse' x1='13030.2227' y1='14508.1709' x2='13213.0693' y2='14772.3584' gradientTransform='matrix(-0.9614 0.2752 -0.2752 -0.9614 16850.7695 10488.0596)'%3E%3Cstop offset='0' style='stop-color:%23CDFFE0'%3E%3C/stop%3E%3Cstop offset='1' style='stop-color:%23FFFFFF;stop-opacity:0'%3E%3C/stop%3E%3C/linearGradient%3E%3Cpath class='st46' d='M204.2,226.1c-142.9,17.6,9-12-2.8-108.3c-11.8-96.4-155.3-267-12.4-284.6s93.8,1.7,108.8,97.5 C313.3,28.4,347.1,208.5,204.2,226.1z' style='fill: none; stroke: url(%23SVGID_46_); stroke-miterlimit: 10; stroke-width: 0.6429px;'%3E%3C/path%3E%3ClinearGradient id='SVGID_47_' gradientUnits='userSpaceOnUse' x1='13032.1729' y1='14512.75' x2='13208.5918' y2='14767.6475' gradientTransform='matrix(-0.9614 0.2752 -0.2752 -0.9614 16850.7695 10488.0596)'%3E%3Cstop offset='0' style='stop-color:%23CDFFE0'%3E%3C/stop%3E%3Cstop offset='1' style='stop-color:%23FFFFFF;stop-opacity:0'%3E%3C/stop%3E%3C/linearGradient%3E%3Cpath class='st47' d='M202,220.7c-140.2,17.2,0.9-12.5-10.7-107.1s-135.6-260.3,4.6-277.5s87,3.3,102.2,97.3 C313.9,29.6,342.3,203.5,202,220.7z' style='fill: none; stroke: url(%23SVGID_47_); stroke-miterlimit: 10; stroke-width: 0.6429px;'%3E%3C/path%3E%3ClinearGradient id='SVGID_48_' gradientUnits='userSpaceOnUse' x1='13034.085' y1='14517.3037' x2='13204.1758' y2='14763.0596' gradientTransform='matrix(-0.9614 0.2752 -0.2752 -0.9614 16850.7695 10488.0596)'%3E%3Cstop offset='0' style='stop-color:%23CDFFE0'%3E%3C/stop%3E%3Cstop offset='1' style='stop-color:%23FFFFFF;stop-opacity:0'%3E%3C/stop%3E%3C/linearGradient%3E%3Cpath class='st48' d='M199.9,215.3c-137.6,16.9-7.2-13-18.6-105.8S65.3-144.1,202.9-161s80.3,5,95.6,97.2 C314.5,30.7,337.5,198.4,199.9,215.3z' style='fill: none; stroke: url(%23SVGID_48_); stroke-miterlimit: 10; stroke-width: 0.6429px;'%3E%3C/path%3E%3ClinearGradient id='SVGID_49_' gradientUnits='userSpaceOnUse' x1='13035.9834' y1='14521.834' x2='13199.8564' y2='14758.6074' gradientTransform='matrix(-0.9614 0.2752 -0.2752 -0.9614 16850.7695 10488.0596)'%3E%3Cstop offset='0' style='stop-color:%23CDFFE0'%3E%3C/stop%3E%3Cstop offset='1' style='stop-color:%23FFFFFF;stop-opacity:0'%3E%3C/stop%3E%3C/linearGradient%3E%3Cpath class='st49' d='M197.7,209.9c-135,16.6-15.3-13.5-26.5-104.6s-96.4-246.9,38.6-263.5s73.4,6.7,89,97 C314.9,31.9,332.7,193.3,197.7,209.9z' style='fill: none; stroke: url(%23SVGID_49_); stroke-miterlimit: 10; stroke-width: 0.6429px;'%3E%3C/path%3E%3ClinearGradient id='SVGID_50_' gradientUnits='userSpaceOnUse' x1='13037.8125' y1='14526.3252' x2='13195.6289' y2='14754.3447' gradientTransform='matrix(-0.9614 0.2752 -0.2752 -0.9614 16850.7695 10488.0596)'%3E%3Cstop offset='0' style='stop-color:%23CDFFE0'%3E%3C/stop%3E%3Cstop offset='1' style='stop-color:%23FFFFFF;stop-opacity:0'%3E%3C/stop%3E%3C/linearGradient%3E%3Cpath class='st50' d='M195.5,204.5c-132.4,16.3-23.4-14-34.4-103.3c-11-89.3-76.7-240.2,55.7-256.4s66.7,8.4,82.4,96.9 C315.5,33,327.9,188.3,195.5,204.5z' style='fill: none; stroke: url(%23SVGID_50_); stroke-miterlimit: 10; stroke-width: 0.6429px;'%3E%3C/path%3E%3ClinearGradient id='SVGID_51_' gradientUnits='userSpaceOnUse' x1='13039.5977' y1='14530.7725' x2='13191.54' y2='14750.3066' gradientTransform='matrix(-0.9614 0.2752 -0.2752 -0.9614 16850.7695 10488.0596)'%3E%3Cstop offset='0' style='stop-color:%23CDFFE0'%3E%3C/stop%3E%3Cstop offset='1' style='stop-color:%23FFFFFF;stop-opacity:0'%3E%3C/stop%3E%3C/linearGradient%3E%3Cpath class='st51' d='M193.3,199.2c-129.8,16-31.5-14.5-42.2-102.1C140.3,9.5,94-136.4,223.8-152.3s60,10,75.8,96.7 C316,34.2,323.1,183.2,193.3,199.2z' style='fill: none; stroke: url(%23SVGID_51_); stroke-miterlimit: 10; stroke-width: 0.6429px;'%3E%3C/path%3E%3ClinearGradient id='SVGID_52_' gradientUnits='userSpaceOnUse' x1='13041.335' y1='14535.168' x2='13187.6357' y2='14746.5498' gradientTransform='matrix(-0.9614 0.2752 -0.2752 -0.9614 16850.7695 10488.0596)'%3E%3Cstop offset='0' style='stop-color:%23CDFFE0'%3E%3C/stop%3E%3Cstop offset='1' style='stop-color:%23FFFFFF;stop-opacity:0'%3E%3C/stop%3E%3C/linearGradient%3E%3Cpath class='st52' d='M191.2,193.8C64,209.4,151.6,178.8,141,92.9c-10.5-85.8-37.5-226.7,89.7-242.4S284-137.7,300-52.8 C316.6,35.3,318.4,178.1,191.2,193.8z' style='fill: none; stroke: url(%23SVGID_52_); stroke-miterlimit: 10; stroke-width: 0.6429px;'%3E%3C/path%3E%3ClinearGradient id='SVGID_53_' gradientUnits='userSpaceOnUse' x1='13043.0234' y1='14539.501' x2='13183.9775' y2='14743.1582' gradientTransform='matrix(-0.9614 0.2752 -0.2752 -0.9614 16850.7695 10488.0596)'%3E%3Cstop offset='0' style='stop-color:%23CDFFE0'%3E%3C/stop%3E%3Cstop offset='1' style='stop-color:%23FFFFFF;stop-opacity:0'%3E%3C/stop%3E%3C/linearGradient%3E%3Cpath class='st53' d='M189,188.4c-124.6,15.3-47.7-15.5-58-99.6s-17.8-220,106.7-235.3s46.5,13.4,62.7,96.4 C317.2,36.5,313.6,173.1,189,188.4z' style='fill: none; stroke: url(%23SVGID_53_); stroke-miterlimit: 10; stroke-width: 0.6429px;'%3E%3C/path%3E%3ClinearGradient id='SVGID_54_' gradientUnits='userSpaceOnUse' x1='13044.6592' y1='14543.7588' x2='13180.6504' y2='14740.2461' gradientTransform='matrix(-0.9614 0.2752 -0.2752 -0.9614 16850.7695 10488.0596)'%3E%3Cstop offset='0' style='stop-color:%23CDFFE0'%3E%3C/stop%3E%3Cstop offset='1' style='stop-color:%23FFFFFF;stop-opacity:0'%3E%3C/stop%3E%3C/linearGradient%3E%3Cpath class='st54' d='M186.8,183c-122,15-55.8-16-65.9-98.3s1.8-213.3,123.8-228.3s39.8,15,56.1,96.3 C317.8,37.6,308.8,168,186.8,183z' style='fill: none; stroke: url(%23SVGID_54_); stroke-miterlimit: 10; stroke-width: 0.6429px;'%3E%3C/path%3E%3ClinearGradient id='SVGID_55_' gradientUnits='userSpaceOnUse' x1='13046.2383' y1='14547.9268' x2='13177.7695' y2='14737.9697' gradientTransform='matrix(-0.9614 0.2752 -0.2752 -0.9614 16850.7695 10488.0596)'%3E%3Cstop offset='0' style='stop-color:%23CDFFE0'%3E%3C/stop%3E%3Cstop offset='1' style='stop-color:%23FFFFFF;stop-opacity:0'%3E%3C/stop%3E%3C/linearGradient%3E%3Cpath class='st55' d='M184.6,177.6c-119.4,14.7-63.9-16.5-73.8-97.1S132.3-126,251.6-140.7s33.1,16.7,49.5,96.1 C318.4,38.8,304,162.9,184.6,177.6z' style='fill: none; stroke: url(%23SVGID_55_); stroke-miterlimit: 10; stroke-width: 0.6429px;'%3E%3C/path%3E%3ClinearGradient id='SVGID_56_' gradientUnits='userSpaceOnUse' x1='13047.7568' y1='14551.9863' x2='13175.4893' y2='14736.541' gradientTransform='matrix(-0.9614 0.2752 -0.2752 -0.9614 16850.7695 10488.0596)'%3E%3Cstop offset='0' style='stop-color:%23CDFFE0'%3E%3C/stop%3E%3Cstop offset='1' style='stop-color:%23FFFFFF;stop-opacity:0'%3E%3C/stop%3E%3C/linearGradient%3E%3Cpath class='st56' d='M182.5,172.2c-116.8,14.4-72-17-81.7-95.8s41-199.9,157.8-214.2s26.4,18.4,42.9,96 C318.9,39.9,299.2,157.9,182.5,172.2z' style='fill: none; stroke: url(%23SVGID_56_); stroke-miterlimit: 10; stroke-width: 0.6429px;'%3E%3C/path%3E%3ClinearGradient id='SVGID_57_' gradientUnits='userSpaceOnUse' x1='13049.209' y1='14555.918' x2='13173.998' y2='14736.2188' gradientTransform='matrix(-0.9614 0.2752 -0.2752 -0.9614 16850.7695 10488.0596)'%3E%3Cstop offset='0' style='stop-color:%23CDFFE0'%3E%3C/stop%3E%3Cstop offset='1' style='stop-color:%23FFFFFF;stop-opacity:0'%3E%3C/stop%3E%3C/linearGradient%3E%3Cpath class='st57' d='M180.3,166.8c-114.2,14-80.1-17.6-89.6-94.6s60.7-193.2,174.8-207.2s19.6,20.1,36.3,95.8 C319.5,41.1,294.4,152.8,180.3,166.8z' style='fill: none; stroke: url(%23SVGID_57_); stroke-miterlimit: 10; stroke-width: 0.6429px;'%3E%3C/path%3E%3ClinearGradient id='SVGID_58_' gradientUnits='userSpaceOnUse' x1='13050.5908' y1='14559.6963' x2='13173.4805' y2='14737.2529' gradientTransform='matrix(-0.9614 0.2752 -0.2752 -0.9614 16850.7695 10488.0596)'%3E%3Cstop offset='0' style='stop-color:%23CDFFE0'%3E%3C/stop%3E%3Cstop offset='1' style='stop-color:%23FFFFFF;stop-opacity:0'%3E%3C/stop%3E%3C/linearGradient%3E%3Cpath class='st58' d='M178.1,161.5c-111.6,13.7-88.2-18.1-97.4-93.3S161-118.3,272.5-132s12.9,21.7,29.7,95.7 C320.1,42.2,289.7,147.7,178.1,161.5z' style='fill: none; stroke: url(%23SVGID_58_); stroke-miterlimit: 10; stroke-width: 0.6429px;'%3E%3C/path%3E%3ClinearGradient id='SVGID_59_' gradientUnits='userSpaceOnUse' x1='13051.8945' y1='14563.2959' x2='13174.043' y2='14739.7813' gradientTransform='matrix(-0.9614 0.2752 -0.2752 -0.9614 16850.7695 10488.0596)'%3E%3Cstop offset='0' style='stop-color:%23CDFFE0'%3E%3C/stop%3E%3Cstop offset='1' style='stop-color:%23FFFFFF;stop-opacity:0'%3E%3C/stop%3E%3C/linearGradient%3E%3Cpath class='st59' d='M175.9,156.1C67,169.5,79.6,137.5,70.6,64s99.9-179.7,208.9-193.1s6.2,23.4,23.1,95.5 C320.7,43.3,284.9,142.7,175.9,156.1z' style='fill: none; stroke: url(%23SVGID_59_); stroke-miterlimit: 10; stroke-width: 0.6429px;'%3E%3C/path%3E%3ClinearGradient id='SVGID_60_' gradientUnits='userSpaceOnUse' x1='13053.1133' y1='14566.6836' x2='13175.6514' y2='14743.7334' gradientTransform='matrix(-0.9614 0.2752 -0.2752 -0.9614 16850.7695 10488.0596)'%3E%3Cstop offset='0' style='stop-color:%23CDFFE0'%3E%3C/stop%3E%3Cstop offset='1' style='stop-color:%23FFFFFF;stop-opacity:0'%3E%3C/stop%3E%3C/linearGradient%3E%3Cpath class='st60' d='M173.7,150.7C67.4,163.8,69.4,131.6,60.5,59.9s119.6-173,225.9-186.1S286-101.2,303-30.8 C321.3,44.5,280.1,137.6,173.7,150.7z' style='fill: none; stroke: url(%23SVGID_60_); stroke-miterlimit: 10; stroke-width: 0.6429px;'%3E%3C/path%3E%3ClinearGradient id='SVGID_61_' gradientUnits='userSpaceOnUse' x1='13054.2373' y1='14569.8281' x2='13178.1514' y2='14748.8652' gradientTransform='matrix(-0.9614 0.2752 -0.2752 -0.9614 16850.7695 10488.0596)'%3E%3Cstop offset='0' style='stop-color:%23CDFFE0'%3E%3C/stop%3E%3Cstop offset='1' style='stop-color:%23FFFFFF;stop-opacity:0'%3E%3C/stop%3E%3C/linearGradient%3E%3Cpath class='st61' d='M171.6,145.3C67.8,158,59.1,125.7,50.5,55.8s139.2-166.3,242.9-179.1s-7.2,26.7,10,95.2 C321.9,45.6,275.3,132.6,171.6,145.3z' style='fill: none; stroke: url(%23SVGID_61_); stroke-miterlimit: 10; stroke-width: 0.6429px;'%3E%3C/path%3E%3ClinearGradient id='SVGID_62_' gradientUnits='userSpaceOnUse' x1='13055.2607' y1='14572.6934' x2='13181.3584' y2='14754.8848' gradientTransform='matrix(-0.9614 0.2752 -0.2752 -0.9614 16850.7695 10488.0596)'%3E%3Cstop offset='0' style='stop-color:%23CDFFE0'%3E%3C/stop%3E%3Cstop offset='1' style='stop-color:%23FFFFFF;stop-opacity:0'%3E%3C/stop%3E%3C/linearGradient%3E%3Cpath class='st62' d='M169.4,139.9c-101.1,12.4-120.6-20.1-129-88.3s158.8-159.6,260-172s-13.9,28.4,3.4,95.1 C322.5,46.8,270.5,127.5,169.4,139.9z' style='fill: none; stroke: url(%23SVGID_62_); stroke-miterlimit: 10; stroke-width: 0.6429px;'%3E%3C/path%3E%3ClinearGradient id='SVGID_63_' gradientUnits='userSpaceOnUse' x1='13056.1758' y1='14575.2461' x2='13185.1104' y2='14761.5371' gradientTransform='matrix(-0.9614 0.2752 -0.2752 -0.9614 16850.7695 10488.0596)'%3E%3Cstop offset='0' style='stop-color:%23CDFFE0'%3E%3C/stop%3E%3Cstop offset='1' style='stop-color:%23FFFFFF;stop-opacity:0'%3E%3C/stop%3E%3C/linearGradient%3E%3Cpath class='st63' d='M167.2,134.5c-98.5,12.1-128.7-20.6-136.9-87s178.5-152.9,277-165s-20.6,30.1-3.2,94.9 C323.1,47.9,265.7,122.4,167.2,134.5z' style='fill: none; stroke: url(%23SVGID_63_); stroke-miterlimit: 10; stroke-width: 0.6429px;'%3E%3C/path%3E%3ClinearGradient id='SVGID_64_' gradientUnits='userSpaceOnUse' x1='13056.957' y1='14577.4385' x2='13189.2842' y2='14768.6328' gradientTransform='matrix(-0.9614 0.2752 -0.2752 -0.9614 16850.7695 10488.0596)'%3E%3Cstop offset='0' style='stop-color:%23CDFFE0'%3E%3C/stop%3E%3Cstop offset='1' style='stop-color:%23FFFFFF;stop-opacity:0'%3E%3C/stop%3E%3C/linearGradient%3E%3Cpath class='st64' d='M165,129.1C69.1,140.9,28.2,108,20.3,43.4s198.1-146.2,294-158s-27.2,31.7-9.8,94.8 C323.8,49,260.9,117.4,165,129.1z' style='fill: none; stroke: url(%23SVGID_64_); stroke-miterlimit: 10; stroke-width: 0.6429px;'%3E%3C/path%3E%3ClinearGradient id='SVGID_65_' gradientUnits='userSpaceOnUse' x1='13057.6484' y1='14579.2959' x2='13193.8086' y2='14776.0264' gradientTransform='matrix(-0.9614 0.2752 -0.2752 -0.9614 16850.7695 10488.0596)'%3E%3Cstop offset='0' style='stop-color:%23CDFFE0'%3E%3C/stop%3E%3Cstop offset='1' style='stop-color:%23FFFFFF;stop-opacity:0'%3E%3C/stop%3E%3C/linearGradient%3E%3Cpath class='st65' d='M162.9,123.8C69.6,135.2,18,102.2,10.2,39.2s217.7-139.5,311-150.9s-33.9,33.4-16.4,94.6 C324.4,50.2,256.2,112.3,162.9,123.8z' style='fill: none; stroke: url(%23SVGID_65_); stroke-miterlimit: 10; stroke-width: 0.6429px;'%3E%3C/path%3E%3ClinearGradient id='SVGID_66_' gradientUnits='userSpaceOnUse' x1='13058.2295' y1='14580.7861' x2='13198.6172' y2='14783.626' gradientTransform='matrix(-0.9614 0.2752 -0.2752 -0.9614 16850.7695 10488.0596)'%3E%3Cstop offset='0' style='stop-color:%23CDFFE0'%3E%3C/stop%3E%3Cstop offset='1' style='stop-color:%23FFFFFF;stop-opacity:0'%3E%3C/stop%3E%3C/linearGradient%3E%3Cpath class='st66' d='M160.7,118.4C70,129.5,7.7,96.3,0.2,35.1S237.5-97.7,328.2-108.8s-40.6,35-23,94.5 C325,51.3,251.4,107.2,160.7,118.4z' style='fill: none; stroke: url(%23SVGID_66_); stroke-miterlimit: 10; stroke-width: 0.6429px;'%3E%3C/path%3E%3ClinearGradient id='SVGID_67_' gradientUnits='userSpaceOnUse' x1='13058.7041' y1='14581.9141' x2='13203.667' y2='14791.3643' gradientTransform='matrix(-0.9614 0.2752 -0.2752 -0.9614 16850.7695 10488.0596)'%3E%3Cstop offset='0' style='stop-color:%23CDFFE0'%3E%3C/stop%3E%3Cstop offset='1' style='stop-color:%23FFFFFF;stop-opacity:0'%3E%3C/stop%3E%3C/linearGradient%3E%3Cpath class='st67' d='M158.5,113C70.4,123.8-2.6,90.4-9.9,31s257-126,345.1-136.9s-47.4,36.7-29.5,94.3 C325.5,52.5,246.6,102.2,158.5,113z' style='fill: none; stroke: url(%23SVGID_67_); stroke-miterlimit: 10; stroke-width: 0.6429px;'%3E%3C/path%3E%3ClinearGradient id='SVGID_68_' gradientUnits='userSpaceOnUse' x1='13059.0811' y1='14582.6953' x2='13208.9238' y2='14799.1963' gradientTransform='matrix(-0.9614 0.2752 -0.2752 -0.9614 16850.7695 10488.0596)'%3E%3Cstop offset='0' style='stop-color:%23CDFFE0'%3E%3C/stop%3E%3Cstop offset='1' style='stop-color:%23FFFFFF;stop-opacity:0'%3E%3C/stop%3E%3C/linearGradient%3E%3Cpath class='st68' d='M156.3,107.6C70.9,118.1-12.9,84.5-20,26.8S256.7-92.5,342.2-103S288.1-64.7,306-8.8 C326.1,53.6,241.8,97.1,156.3,107.6z' style='fill: none; stroke: url(%23SVGID_68_); stroke-miterlimit: 10; stroke-width: 0.6429px;'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg id='Guias' class='st442' transform='matrix(1, 0, 0, 1, 38.74908447265625, 201.90034484863287)' style='display: none;'%3E%3C/g%3E%3Cg id='Layer_4' class='st442' transform='matrix(1, 0, 0, 1, 38.74908447265625, 201.90034484863287)' style='display: none;'%3E%3C/g%3E%3Cg id='Layer_3' class='st442' transform='matrix(1, 0, 0, 1, 38.74908447265625, 201.90034484863287)' style='display: none;'%3E%3C/g%3E%3Cg transform='matrix(0.5317, 1.84334, -1.84334, 0.5317, 341.275879, 112.05027)' style='transform-origin: 17.675px 4.395px;'%3E%3Cline x1='13.38' y1='.96' x2='21.97' y2='7.83' style='fill: none; stroke: %23606060; stroke-linecap: round; stroke-miterlimit: 10; stroke-width: .2px;'%3E%3C/line%3E%3Cline x1='21.12' y1='.1' x2='14.24' y2='8.69' style='fill: none; stroke: %23606060; stroke-linecap: round; stroke-miterlimit: 10; stroke-width: .2px;'%3E%3C/line%3E%3C/g%3E%3Ccircle cx='344.081' cy='162.832' r='13.824' style='fill: none; stroke: rgb(96, 96, 96); stroke-linecap: round; stroke-miterlimit: 10; stroke-width: 0.2px;'%3E%3C/circle%3E%3Ccircle cx='363.947' cy='77.806' r='4.178' style='fill: none; stroke: rgb(96, 96, 96); stroke-linecap: round; stroke-miterlimit: 10; stroke-width: 0.2px;'%3E%3C/circle%3E%3Cg transform='matrix(2.910336, 0, 0, 2.910336, 12.566546, -37.812469)' style=''%3E%3Cline x1='.1' y1='19.06' x2='7.52' y2='22.08' style='fill: none; stroke: %23606060; stroke-linecap: round; stroke-miterlimit: 10; stroke-width: .2px;'%3E%3C/line%3E%3Cline x1='5.32' y1='16.86' x2='2.3' y2='24.28' style='fill: none; stroke: %23606060; stroke-linecap: round; stroke-miterlimit: 10; stroke-width: .2px;'%3E%3C/line%3E%3C/g%3E%3Cg transform='matrix(5.509715, 0, 0, 5.509715, -180.228012, -268.563873)' style=''%3E%3Cline x1='35.74' y1='70.23' x2='43.16' y2='73.25' style='fill: none; stroke: rgb(96, 96, 96); stroke-linecap: round; stroke-miterlimit: 10; stroke-width: 0.0860519px;'%3E%3C/line%3E%3Cline x1='40.96' y1='68.03' x2='37.94' y2='75.45' style='fill: none; stroke: rgb(96, 96, 96); stroke-linecap: round; stroke-miterlimit: 10; stroke-width: 0.0860519px;'%3E%3C/line%3E%3C/g%3E%3Ccircle cx='47.908' cy='59.702' r='16.527' style='fill: none; stroke: rgb(96, 96, 96); stroke-linecap: round; stroke-miterlimit: 10; stroke-width: 0.2px;'%3E%3C/circle%3E%3Ccircle cx='49.683' cy='-27.103' r='0.902' style='fill: none; stroke: rgb(96, 96, 96); stroke-linecap: round; stroke-miterlimit: 10; stroke-width: 0.2px;'%3E%3C/circle%3E%3Cpath d='M 90.721 29.649 C 91.187 29.844 91.413 30.371 91.217 30.837 C 91.022 31.303 90.496 31.529 90.029 31.333 C 89.563 31.138 89.338 30.611 89.533 30.145 C 89.729 29.679 90.255 29.453 90.721 29.649 Z' style='fill: none; stroke: rgb(96, 96, 96); stroke-linecap: round; stroke-miterlimit: 10; stroke-width: 0.2px;'%3E%3C/path%3E%3Ccircle cx='125.338' cy='60.641' r='0.902' style='fill: none; stroke: rgb(96, 96, 96); stroke-linecap: round; stroke-miterlimit: 10; stroke-width: 0.2px;'%3E%3C/circle%3E%3Cg transform='matrix(0.399185, 1.383925, -1.383925, 0.399185, 150.448776, -20.643332)' style='transform-origin: 17.675px 4.395px;'%3E%3Cline x1='13.38' y1='.96' x2='21.97' y2='7.83' style='fill: none; stroke: %23606060; stroke-linecap: round; stroke-miterlimit: 10; stroke-width: .2px;'%3E%3C/line%3E%3Cline x1='21.12' y1='.1' x2='14.24' y2='8.69' style='fill: none; stroke: %23606060; stroke-linecap: round; stroke-miterlimit: 10; stroke-width: .2px;'%3E%3C/line%3E%3C/g%3E%3Cg transform='matrix(-0.92044, 1.107875, -1.107875, -0.92044, 214.872101, -34.845963)' style='transform-origin: 17.675px 4.395px;'%3E%3Cline x1='13.38' y1='.96' x2='21.97' y2='7.83' style='fill: none; stroke: %23606060; stroke-linecap: round; stroke-miterlimit: 10; stroke-width: .2px;'%3E%3C/line%3E%3Cline x1='21.12' y1='.1' x2='14.24' y2='8.69' style='fill: none; stroke: %23606060; stroke-linecap: round; stroke-miterlimit: 10; stroke-width: .2px;'%3E%3C/line%3E%3C/g%3E%3Ccircle cx='155.827' cy='-46.028' r='1.195' style='fill: none; stroke: rgb(96, 96, 96); stroke-linecap: round; stroke-miterlimit: 10; stroke-width: 0.2px;'%3E%3C/circle%3E%3Ccircle cx='192.846' cy='-45.602' r='9.531' style='fill: none; stroke: rgb(96, 96, 96); stroke-linecap: round; stroke-miterlimit: 10; stroke-width: 0.2px;'%3E%3C/circle%3E%3Cg transform='matrix(1, 0, 0, 1, 206.682877, 18.20652)'%3E%3Cline x1='49.7' y1='19.51' x2='58.29' y2='26.38' style='fill: none; stroke: %23606060; stroke-linecap: round; stroke-miterlimit: 10; stroke-width: .2px;'%3E%3C/line%3E%3Cline x1='57.43' y1='18.65' x2='50.56' y2='27.24' style='fill: none; stroke: %23606060; stroke-linecap: round; stroke-miterlimit: 10; stroke-width: .2px;'%3E%3C/line%3E%3C/g%3E%3Cg transform='matrix(0.277145, 0.960828, -0.960828, 0.277145, 275.829468, -19.684858)' style='transform-origin: 17.675px 4.395px;'%3E%3Cline x1='13.38' y1='.96' x2='21.97' y2='7.83' style='fill: none; stroke: %23606060; stroke-linecap: round; stroke-miterlimit: 10; stroke-width: .2px;'%3E%3C/line%3E%3Cline x1='21.12' y1='.1' x2='14.24' y2='8.69' style='fill: none; stroke: %23606060; stroke-linecap: round; stroke-miterlimit: 10; stroke-width: .2px;'%3E%3C/line%3E%3C/g%3E%3Ccircle cx='298.544' cy='49.28' r='0.902' style='fill: none; stroke: rgb(96, 96, 96); stroke-linecap: round; stroke-miterlimit: 10; stroke-width: 0.2px;'%3E%3C/circle%3E%3Cg transform='matrix(1, 0, 0, 1, 58.228699, 73.646362)'%3E%3Cline x1='49.7' y1='19.51' x2='58.29' y2='26.38' style='fill: none; stroke: %23606060; stroke-linecap: round; stroke-miterlimit: 10; stroke-width: .2px;'%3E%3C/line%3E%3Cline x1='57.43' y1='18.65' x2='50.56' y2='27.24' style='fill: none; stroke: %23606060; stroke-linecap: round; stroke-miterlimit: 10; stroke-width: .2px;'%3E%3C/line%3E%3C/g%3E%3Ccircle cx='212.71' cy='-82.86' r='0.902' style='fill: none; stroke: rgb(96, 96, 96); stroke-linecap: round; stroke-miterlimit: 10; stroke-width: 0.2px;'%3E%3C/circle%3E%3Cg transform='matrix(0.277145, 0.960828, -0.960828, 0.277145, 223.190338, -64.348358)' style='transform-origin: 17.675px 4.395px;'%3E%3Cline x1='13.38' y1='.96' x2='21.97' y2='7.83' style='fill: none; stroke: %23606060; stroke-linecap: round; stroke-miterlimit: 10; stroke-width: .2px;'%3E%3C/line%3E%3Cline x1='21.12' y1='.1' x2='14.24' y2='8.69' style='fill: none; stroke: %23606060; stroke-linecap: round; stroke-miterlimit: 10; stroke-width: .2px;'%3E%3C/line%3E%3C/g%3E%3Cg transform='matrix(0.678336, 2.351708, -2.351708, 0.678336, 331.39679, -41.288338)' style='transform-origin: 17.675px 4.395px;'%3E%3Cline x1='13.38' y1='.96' x2='21.97' y2='7.83' style='fill: none; stroke: %23606060; stroke-linecap: round; stroke-miterlimit: 10; stroke-width: .2px;'%3E%3C/line%3E%3Cline x1='21.12' y1='.1' x2='14.24' y2='8.69' style='fill: none; stroke: %23606060; stroke-linecap: round; stroke-miterlimit: 10; stroke-width: .2px;'%3E%3C/line%3E%3C/g%3E%3Ccircle cx='341.479' cy='58.826' r='0.902' style='fill: none; stroke: rgb(96, 96, 96); stroke-linecap: round; stroke-miterlimit: 10; stroke-width: 0.2px;'%3E%3C/circle%3E%3Ccircle cx='363.825' cy='25.021' r='9.531' style='fill: none; stroke: rgb(96, 96, 96); stroke-linecap: round; stroke-miterlimit: 10; stroke-width: 0.2px;'%3E%3C/circle%3E%3Ccircle cx='338.026' cy='6.962' r='1.195' style='fill: none; stroke: rgb(96, 96, 96); stroke-linecap: round; stroke-miterlimit: 10; stroke-width: 0.2px;'%3E%3C/circle%3E%3C/svg%3E");
  background-size: 15rem;
  background-position: center;
  background-repeat: no-repeat;
}

.positionButtonFlecha-sidebar{
    position: absolute;
    right: 0rem;
    padding: 0rem;
    top: 6rem;
}

.buttonFlecha-sidebar{
    border-bottom-left-radius: 0.4rem !important;
    border-top-left-radius: 0.4rem !important;
    border-bottom-right-radius: 0rem !important;
    border-top-right-radius: 0rem !important;
    width: 0.8rem;
}

#sidebar.collapse-horizontal:not(.show) svg.buttonFlecha-sidebar{
    border-bottom-left-radius: 0rem !important;
    border-top-left-radius: 0rem !important;
    border-bottom-right-radius: 0.4rem !important;
    border-top-right-radius: 0.4rem !important;
        transform: rotate(180deg);
}

#sidebar.collapse-horizontal:not(.show) h5{
    display: none;
}

#sidebar.collapse-horizontal:not(.show) .imgPerfil-sidebar{
    width: 3rem;
    height: 3rem;
    will-change: transform;
    transform: translate3d(0, 0, 0);
    transition: width 0.1s linear, height 0.1s linear;
}

#sidebar.collapse-horizontal:not(.show) .sizeUser-sidebar{
    width: 1.4rem;
    height: 1.4rem;
    right: -4px !important;
    bottom: -2px !important;
    will-change: transform;
    transition: width 0.1s linear, height 0.1s linear, top 0.1s linear, right 0.1s linear;
        transform: translate3d(0, 0, 0);
}

#sidebar{
    will-change: transform;
    transform: translate3d(0, 0, 0);
    transition: width 0.1s linear, height 0.1s linear;
}

.content-session {
    min-height: calc( 100vh - var(--header-heigth-session) ) !important;
    background: linear-gradient(0deg, rgba(203,255,222,1) 0%, rgba(255,255,255,1) 50%) !important;
    background-repeat: no-repeat !important;
}

.bgAguamarina-footer-landing{
    background: rgba(203, 255, 222, 1) !important;
    padding: 0px !important;
}

/* .content-landing {
    min-height: calc( 100vh - var(--header-heigth-landing) ) !important;
    background: linear-gradient(0deg, rgba(203, 255, 222, 1) 0%, rgba(255, 255, 255, 1) 50%) !important;
    padding: 0px !important;
    margin: 0px !important;
    background-repeat: no-repeat !important;
} */

.content-sidebar {
    height: calc( 100vh -  var(--header-heigth-sidebar) - var(--footer-min-heigth) - var(--sidebar-menu-mobile)) !important;
    transition: all 0.5s;
    overflow-y: auto;
    overflow-x: hidden;
}

div.borderRadius-1  div.custom-toast{
    border-radius: 1rem !important;
}

/*-----------------------*/

.primaryGradient-SVG{
    background: linear-gradient(135deg, #68b03a 22%, #62ad46 27%, #51a665 35%, #369a98 46%, #118ade 59%, #0083fd 64%);
}

.subtituloExitoso-registro{
    color: var(--color-gray) !important;
    font-family: 'Myriad Pro Light', arial !important;
}


.custom-gradient-text{
    background: var(--color-green);
    background: -webkit-linear-gradient(var(--custom-gradient));
    background: -moz-linear-gradient(var(--custom-gradient));
    background: linear-gradient(var(--custom-gradient));
    filter: var(--custom-gradient-filter);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
}


.px10{width:10px; min-width:10px; max-width:10px;}
.px20{width:20px; min-width:20px; max-width:20px;}
.px30{width:30px; min-width:30px; max-width:30px;}
.px40{width:40px; min-width:40px; max-width:40px;}
.px50{width:50px; min-width:50px; max-width:50px;}
.px60{width:60px; min-width:60px; max-width:60px;}
.px70{width:70px; min-width:70px; max-width:70px;}
.px80{width:80px; min-width:80px; max-width:80px;}
.px90{width:90px; min-width:90px; max-width:90px;}
.px100{width:100px; min-width:100px; max-width:100px;}
.px110{width:110px; min-width:110px; max-width:110px;}
.px120{width:120px; min-width:120px; max-width:120px;}
.px130{width:130px; min-width:130px; max-width:130px;}
.px140{width:140px; min-width:140px; max-width:140px;}
.px150{width:150px; min-width:150px; max-width:150px;}
.px160{width:160px; min-width:160px; max-width:160px;}
.px170{width:170px; min-width:170px; max-width:170px;}
.px180{width:180px; min-width:180px; max-width:180px;}
.px190{width:190px; min-width:190px; max-width:190px;}
.px200{width:200px; min-width:200px; max-width:200px;}
.px210{width:210px; min-width:210px; max-width:210px;}
.px220{width:220px; min-width:220px; max-width:220px;}
.px230{width:230px; min-width:230px; max-width:230px;}
.px240{width:240px; min-width:240px; max-width:240px;}
.px250{width:250px; min-width:250px; max-width:250px;}
.px250{width:260px; min-width:260px; max-width:260px;}
.px250{width:270px; min-width:270px; max-width:270px;}
.px250{width:280px; min-width:280px; max-width:280px;}
.px250{width:290px; min-width:290px; max-width:290px;}
.px300{width:300px; min-width:300px; max-width:300px;}
.px350{width:350px; min-width:350px; max-width:350px;}

.min-px10{min-width:10px;}
.min-px20{min-width:20px;}
.min-px30{min-width:30px;}
.min-px40{min-width:40px;}
.min-px50{min-width:50px;}
.min-px60{min-width:60px;}
.min-px70{min-width:70px;}
.min-px80{min-width:80px;}
.min-px90{min-width:90px;}
.min-px100{min-width:100px;}
.min-px110{min-width:110px;}
.min-px120{min-width:120px;}
.min-px130{min-width:130px;}
.min-px140{min-width:140px;}
.min-px150{min-width:150px;}
.min-px160{min-width:160px;}
.min-px170{min-width:170px;}
.min-px180{min-width:180px;}
.min-px190{min-width:190px;}
.min-px200{min-width:200px;}
.min-px210{min-width:210px;}
.min-px220{min-width:220px;}
.min-px230{min-width:230px;}
.min-px240{min-width:240px;}
.min-px250{min-width:250px;}
.min-px260{min-width:260px;}
.min-px270{min-width:270px;}
.min-px280{min-width:280px;}
.min-px290{min-width:290px;}
.min-px300{min-width:300px;}
.min-px350{min-width:350px;}

.max-px10{max-width:10px;}
.max-px20{max-width:20px;}
.max-px30{max-width:30px;}
.max-px40{max-width:40px;}
.max-px50{max-width:50px;}
.max-px60{max-width:60px;}
.max-px70{max-width:70px;}
.max-px80{max-width:80px;}
.max-px90{max-width:90px;}
.max-px100{max-width:100px;}
.max-px110{max-width:110px;}
.max-px120{max-width:120px;}
.max-px130{max-width:130px;}
.max-px140{max-width:140px;}
.max-px150{max-width:150px;}
.max-px160{max-width:160px;}
.max-px170{max-width:170px;}
.max-px180{max-width:180px;}
.max-px190{max-width:190px;}
.max-px200{max-width:200px;}
.max-px210{max-width:210px;}
.max-px220{max-width:220px;}
.max-px230{max-width:230px;}
.max-px240{max-width:240px;}
.max-px250{max-width:250px;}
.max-px260{max-width:260px;}
.max-px270{max-width:270px;}
.max-px280{max-width:280px;}
.max-px290{max-width:290px;}
.max-px300{max-width:300px;}
.max-px350{max-width:350px;}
.max-px400{max-width:400px;}
.max-px500{max-width:500px;}
.max-px600{max-width:600px;}
.max-px700{max-width:700px;}

/*-----------------------*/

::selection {
    text-shadow: none;
    background: var(--color-green);
    color: var(--color-white);
}


.sizeInputPrimary{
    font-size: 1rem !important;
}

section a{
    color: var(--color-a);
    transition: all .3s;
    text-decoration: none;
}
section a:hover,
section a:focus,
section a:active{
    color: var(--color-green);
    text-decoration: none;
}

section p{
    color: var(--color-p);
    line-height: 25px;
}

section b,
section strong{
    font-family: 'Montserrat-ExtraBold', arial !important;
    font-weight: normal;
}

button{
    font-family: 'Myriad Pro Bold', arial !important;
}

button.primary-btn,button.custom-btn-blue{
     font-family: 'Myriad Pro', arial !important;
}

/* DIALOG LOADING --------------------------------------------------*/

.dialog.loading{
    position: fixed;
    z-index: 10000;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;
}

.dialog.loading .background{
    position: absolute;
    z-index: 10100;
    width: 100%;
    height: 100%;
    opacity: 0.9;
    background-color: var(--color-white);
}

.dialog.loading .body{
    position: absolute;
    z-index: 10200;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dialog.loading .body img{
    width: 45px;
    height: 45px;
}

.dialog.loading .body .circle{
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color-white);
    border-radius: 45px;
}

.dialog.loading .body .spinner-border{
    position: absolute;
    width: 100px;
    height: 100px;
    color: var(--color-green);
}

/* CUSTOM STYLE --------------------------------------------------*/

:root{
    --bs-border-color: var(--color-gray);
}
.custom-text{
    color: var(--color-green) !important;
    opacity: 1;
}

/* CUSTOM BUTTONS --------------------------------------------------*/

.primary-btn{
    box-shadow: var(--shadow-primary-btn) !important;
    border-color: transparent !important;
    padding-top: 0.8rem !important;
    padding-bottom: 0.8rem !important;
    font-size: 1rem;
}

.custom-btn,
.custom-btn:active,
.custom-btn:focus{
    background-color: var(--color-green) !important;
    border: none !important;
    --bs-btn-color: white !important;
    --bs-btn-border-color: var(--color-green) !important;
    --bs-btn-hover-color: white !important;
    --bs-btn-hover-bg: var(--color-green) !important;
    --bs-btn-hover-border-color: var(--color-green) !important;
    --bs-btn-active-color:white !important;
    --bs-btn-active-bg:var(--color-green) !important;
    --bs-btn-active-border-color:var(--color-green) !important;
    --bs-btn-disabled-color:white !important;
    --bs-btn-disabled-bg:var(--color-green) !important;
    --bs-btn-disabled-border-color:var(--color-dangreenger) !important;
    justify-content: center !important;
    align-items: center !important;
}

.custom-btn-blue{
    background-color: var(--color-blue) !important;
    border: none !important;
    --bs-btn-color: white !important;
    --bs-btn-border-color: var(--color-blue) !important;
    --bs-btn-hover-color: white !important;
    --bs-btn-hover-bg: var(--color-blue) !important;
    --bs-btn-hover-border-color: var(--color-blue) !important;
    --bs-btn-active-color:white !important;
    --bs-btn-active-bg:var(--color-blue) !important;
    --bs-btn-active-border-color:var(--color-blue) !important;
    --bs-btn-disabled-color:white !important;
    --bs-btn-disabled-bg:var(--color-blue) !important;
    --bs-btn-disabled-border-color:var(--color-blue) !important;
    justify-content: center !important;
    align-items: center !important;
}

.custom-btn-orange{
    background-color: var(--color-orange) !important;
    border: none !important;
    --bs-btn-color: white !important;
    --bs-btn-border-color: var(--color-orange) !important;
    --bs-btn-hover-color: white !important;
    --bs-btn-hover-bg: var(--color-orange) !important;
    --bs-btn-hover-border-color: var(--color-orange) !important;
    --bs-btn-active-color:white !important;
    --bs-btn-active-bg:var(--color-orange) !important;
    --bs-btn-active-border-color:var(--color-orange) !important;
    --bs-btn-disabled-color:white !important;
    --bs-btn-disabled-bg:var(--color-orange) !important;
    --bs-btn-disabled-border-color:var(--color-orange) !important;
    justify-content: center !important;
    align-items: center !important;
}

.custom-btn-danger{
    background-color: var(--color-danger) !important;
    border: none !important;
    --bs-btn-color: white !important;
    --bs-btn-border-color: var(--color-danger) !important;
    --bs-btn-hover-color: white !important;
    --bs-btn-hover-bg: var(--color-danger) !important;
    --bs-btn-hover-border-color: var(--color-danger) !important;
    --bs-btn-active-color:white !important;
    --bs-btn-active-bg:var(--color-danger) !important;
    --bs-btn-active-border-color:var(--color-danger) !important;
    --bs-btn-disabled-color:white !important;
    --bs-btn-disabled-bg:var(--color-danger) !important;
    --bs-btn-disabled-border-color:var(--color-danger) !important;
    justify-content: center !important;
    align-items: center !important;
}

.custom-btn-danger-dark{
    background-color: var(--color-danger-dark) !important;
    border: none !important;
    --bs-btn-color: white !important;
    --bs-btn-border-color: var(--color-danger-dark) !important;
    --bs-btn-hover-color: white !important;
    --bs-btn-hover-bg: var(--color-danger-dark) !important;
    --bs-btn-hover-border-color: var(--color-danger-dark) !important;
    --bs-btn-active-color:white !important;
    --bs-btn-active-bg:var(--color-danger-dark) !important;
    --bs-btn-active-border-color:var(--color-danger-dark) !important;
    --bs-btn-disabled-color:white !important;
    --bs-btn-disabled-bg:var(--color-danger-dark) !important;
    --bs-btn-disabled-border-color:var(--color-danger-dark) !important;
    justify-content: center !important;
    align-items: center !important;
}

.btn-landing.login{
    background-color: rgb(23, 131, 250) !important;
}

.custom-btn-admin{
    opacity: 0.8;
}
.custom-btn-admin.active,
.custom-btn-admin:hover{
    opacity: 1.0;
    box-shadow: var(--shadow-primary-btn);
}
.h-admin-modal-profile {
    max-height: 320px !important;
}
.sizeImgDocumentoConfirm-profile {
    max-width: 2rem;
    max-height: 2rem;
}

.widthModalmodalUserBlock-admin {
    max-width: 29rem !important;
    min-width: 20rem;
}
.imgPais-admin-user {
    height: 20px;
    width: 20px;
}
.sizeImgDocumento-admin-users {
    max-width: 10rem;
    max-height: 4rem;
    min-width: 2.5rem;
}
.dniSizeImgDocumento-admin-users {
    max-width: 8rem;
    max-height: 3rem;
    min-width: 2.5rem;
    margin-left: 5px !important;
}

.size-icon-trash-admin {
    font-size: 1.5rem !important;
}

.w-modalInfoUser-admin {
        max-width: 352px;
        max-height: 500px !important;

 }
 .widthModalUnlock {
    max-width: 32rem !important;
    min-width: 20rem;
 }

.gest-user-searh-admin {
   width: 20px;
}


.vertical-divider-admin {
    display: inline-block;
    border-left: 1.75px solid currentColor;
    height: 10px;
    margin-right: 3px;
    margin-left: 1px;
    margin-bottom: 2px;
    vertical-align: middle;
}


  .nav-item-buton-adminUser {
    min-width: 200px;
}
.container-icons-admin {
   margin-top: 5px;
}
.btn-icon {
    display: none;
}

/* Mostrar texto y números por defecto */
.btn-text-label,
.btn-count {
    display: inline;
}

/* Cuando sea menor a 991px */
@media (max-width: 990px) {
    /* Ocultar solo la etiqueta de texto */
    .btn-text-label {
        display: none;
    }

    /* Mantener números visibles */
    .btn-count {
        display: inline-block;
        margin-left: 4px;
    }

    /* Mostrar iconos */
    .btn-icon {
        display: inline-block;
    }

    /* Aumentar tamaño de iconos en responsive */
    .btn-icon::before {
        font-size: 18px;
    }
     .btn-icon-block::before {
        font-size: 17px !important;
         margin-top: 3px;
    }
     .btn-icon-pend::before {
        font-size: 16px !important;
        margin-top: 3px;
    }
      .btn-icon-escudo::before {
        font-size: 18px !important;
        margin-top: 3px;
    }
        .btn-icon-int::before {
        font-size: 18px !important;
        margin-top: 3px;
    }

    /* Ajustar botones para modo icono + número */
    .nav-item-buton-adminUser button {
        min-width: auto;
        padding: 0.75rem 1rem !important;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 4px;
    }

    .nav-item-buton-adminUser {
        min-width: auto;
        flex: 0 0 auto;
    }
}

@media (max-width: 768px) {
    .nav-item-buton-adminUser {
        min-width: auto;
    }
}

@media (max-width: 576px) {
    .nav-item-buton-adminUser {
        min-width: auto;
    }
}
.h-contentUserBlock {
    max-height: 200px !important;
}
.borderRadiusleft-register{
    border-top-left-radius: 0.8rem !important;
    border-bottom-left-radius: 0.8rem !important;
}

.borderRadiusright-register{
    border-top-right-radius: 0.8rem !important;
    border-bottom-right-radius: 0.8rem !important;
}

.shadowBoton-register{
    box-shadow: 0px 0px 10px -1px rgba(0,0,0,0.75);
}

@media screen and (max-width:576px){


.form-group>label {
    font-size: var(--font-size-input-general-mobile)
  }
}

.form-group>label {
  position: relative;
  right: -0.5rem;
  background: linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
  padding: 0 0.3rem;
  z-index: 100 !important;
  bottom: -0.8rem;
  color: var(--color-gray-dark);
}

.custom-btn-light {
    --bs-btn-color: #87a485;
    --bs-btn-bg: #e7f6ec;
    --bs-btn-border-color: #b7d2be;
    --bs-btn-hover-color: var(--color-green);
    --bs-btn-hover-bg: #cae6ca;
    --bs-btn-hover-border-color: #B1CBB8;
    --bs-btn-focus-shadow-rgb: 211,212,213;
    --bs-btn-active-color: var(--color-green);
    --bs-btn-active-bg: #cfe9cf;
    --bs-btn-active-border-color: #B1CBB8;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(62, 142, 54, 0.25);
    --bs-btn-disabled-color: #B2BDB8;
    --bs-btn-disabled-bg: #F4F7F5;
    --bs-btn-disabled-border-color: #E1E7E1;
}

.custom-btn-light-danger {
    --bs-btn-color: #E57783;
    --bs-btn-bg: #FAF2F2;
    --bs-btn-border-color: #EDD2D6;
    --bs-btn-hover-color: #CD3545;
    --bs-btn-hover-bg: #F9D9D9;
    --bs-btn-hover-border-color: #D69CA3;
    --bs-btn-focus-shadow-rgb: 211,212,213;
    --bs-btn-active-color: #CD3545;
    --bs-btn-active-bg: #F9D9D9;
    --bs-btn-active-border-color: #D69CA3;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(205, 53, 69, 0.25);
    --bs-btn-disabled-color: #B2BDB8;
    --bs-btn-disabled-bg: #F4F7F5;
    --bs-btn-disabled-border-color: #E1E7E1;
}

.custom-btn-outline {
    --bs-btn-color: var(--color-green);
    --bs-btn-border-color: var(--color-green);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--color-green);
    --bs-btn-hover-border-color: var(--color-green);
    --bs-btn-focus-shadow-rgb: 62,142,54;
    --bs-btn-active-color:var(--color-white);
    --bs-btn-active-bg:var(--color-green);
    --bs-btn-active-border-color:var(--color-green);
    --bs-btn-active-shadow:inset 0 3px 5px rgba(62, 142, 54, 0.25);
    --bs-btn-disabled-color:var(--color-white);
    --bs-btn-disabled-bg:var(--color-green);
    --bs-btn-disabled-border-color:var(--color-green);
}

/* CUSTOM ACORDIONS --------------------------------------------------*/

.custom-accordion {
    --bs-accordion-color: var(--color-p);
    --bs-accordion-bg: var(--color-white);
    --bs-accordion-border-color: var(--color-line);
    --bs-accordion-btn-color: var(--color-p);
    --bs-accordion-btn-bg: var(--color-white);
    --bs-accordion-btn-focus-border-color: var(--color-green);
    --bs-accordion-btn-focus-box-shadow: none;
    --bs-accordion-active-color: var(--color-green);
    --bs-accordion-active-bg: var(--color-green-extra-light);
    --bs-accordion-btn-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23606060'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>");
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2317B030'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>");
}
.custom-accordion .accordion-button{
    font-family: 'Myriad Pro', arial !important;
}
.custom-accordion .accordion-item,
.custom-accordion .accordion-flush,
.custom-accordion .accordion-body{
    background-color: transparent !important;
}

/* CUSTOM SELECTS --------------------------------------------------*/

.select2 {
    background-color: var(--color-back);
}

.select2 .select2-selection{
    color:var(--color-p);
    line-height: 1.5;
    background-color: transparent;
    padding: .375rem 2.25rem .375rem .75rem !important;
    border: 1.5px var(--color-gray) solid !important;
    width: 100% !important;
    height: auto !important;
}

.select2 .select2-selection {
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23292929' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    outline: none !important;
    box-shadow: none;
    border-radius: 0.5rem !important;
    height: 2.7rem;
    padding-top: 0.6rem;
}
.select2 .select2-selection .select2-selection__rendered {
    color:var(--color-p);
}
.select2 .select2-selection .select2-selection__placeholder {
    color:var(--color-gray-light);
}
.select2.select2-container--focus .select2-selection,
.select2.select2-container--open .select2-selection{
    color: var(--color-p);
    border-color: var(--color-green);
    box-shadow:0 0 0 .25rem rgba(62, 142, 54, 0.25);
}

/* ---------------------------------*/

.select2-container .select2-dropdown{
    color:var(--color-p);
    background-color:#fff;
    border-color:var(--color-line);
}

.select2-container .select2-dropdown .select2-search{
    margin: 0;
    padding-top: 15px;
    padding-bottom: 10px;
}
.select2-container .select2-dropdown .select2-search .select2-search__field{
    font-family:inherit;
    color:var(--color-p);
    background-color:#fff;
    border-color:var(--color-line);
}
.select2-container .select2-dropdown .select2-search .select2-search__field:focus{
    border-color: var(--color-green);
    box-shadow:0 0 0 .25rem rgba(62, 142, 54, 0.25);
}
.select2-container .select2-dropdown .select2-search .select2-search__field::placeholder{
    color: var(--color-gray-light) !important;
}
.select2-container .select2-dropdown .select2-search .select2-search__field::-moz-placeholder{
    color: var(--color-gray-light) !important;
}
.select2-container .select2-dropdown .select2-search .select2-search__field::-webkit-input-placeholder{
    color: var(--color-gray-light) !important;
}

.select2-container .select2-dropdown .select2-results .select2-results__subtitle{
    opacity: 65%;
    font-size: 80%;
    display: block;
}
.select2-container .select2-dropdown .select2-results .select2-results__option.select2-results__message{
    color:var(--color-gray-light);
}
.select2-container .select2-dropdown .select2-results .select2-results__option.select2-results__option--highlighted{
    background-color:var(--color-green-light);
    color:var(--color-p);
}
.select2-container .select2-dropdown .select2-results .select2-results__option.select2-results__option--selected,
.select2-container .select2-dropdown .select2-results .select2-results__option[aria-selected=true]{
    background-color:var(--color-green-light);
    color:var(--color-p);
}
.select2-container .select2-dropdown .select2-results .select2-results__option.select2-results__option--disabled,
.select2-container .select2-dropdown .select2-results .select2-results__option[aria-disabled=true]{
    background-color:var(--color-gray-extra-light-2);
    color:var(--color-gray);
}
.select2-container .select2-dropdown .select2-results .select2-results__option[role=group] .select2-results__group{
    background-color:var(--color-gray-extra-light-2);
    color:var(--color-gray);
}

/* ---------------------------------*/

:root {
    --select2-search-height: 50vh;
}

@keyframes fadeInUp {
  from {
    opacity: 0.5;
    transform: translateY(100%);
  }
  to {
    opacity: 1;
    transform: translateY(0%);
  }
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
    transform: translateY(0%);
  }
  to {
    opacity: 0.5;
    transform: translateY(100%);
  }
}

.select2-dropdown__modal.mobile {
  background-color: var(--color-back, #fff);
  position: absolute;
  top: 23%;
  left: 0;
  width: 84%;

  height: 100%;
  max-height: 70vh;
  z-index: 1055;
  overflow: hidden;
  pointer-events: none;
  transform: translateY(100%);
  opacity: 0.5;

}

.select2-dropdown__modal.mobile.show {
  animation: fadeInUp 0.3s ease-out forwards;
  pointer-events: auto;
}

.select2-dropdown__modal.mobile.closing {
  animation: fadeOutDown 0.3s ease-out forwards;
  pointer-events: none;
}

.select2-dropdown__modal.mobile .select2-container {
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
}

.select2-dropdown__modal.mobile .select2-container .select2-dropdown {
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    border: none !important;
    border-radius: 0 !important;
}

.select2-dropdown__modal.mobile .select2-results__options {
  max-height: none !important;
  height: var(--select2-search-height) !important;
}





.select2-dropdown__modal.mobile .select2-dropdown__close {
    position: absolute;
    top: 5px;
    right: 5px;
    padding: 0 0 3px;
    z-index: 1060;
    width: 25px;
    height: 25px;
    border: none;
    border-radius: 50%;
    font-size: 19px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-gray-dark);
    background-color: var(--color-gray-light2);
    border: solid 1px var(--color-gray);
    line-height: 1;
}


/* CUSTOM PRIMARY SELECTS --------------------------------------------------*/

.form-group-primary .select2 .select2-selection{
    outline: none !important;
    border: 2px var(--color-green-light) solid !important;
    color: var(--color-gray) !important;
    background-color: white !important;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.13), 0 1px 1px 0 rgba(0, 0, 0, 0.11);
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.13), 1px 1px 1px 0 rgba(0, 0, 0, 0.11);
    -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.13), 1px 1px 1px 0 rgba(0, 0, 0, 0.11);
    border-radius: 0.5rem !important;
    padding: 0.5rem 0.75rem !important;
    min-height: 43.2px !important;
}

.form-group-primary .select2.select2-container--focus .select2-selection,
.form-group-primary .select2.select2-container--open .select2-selection{
    background-color: #fff !important;
    border-color: var(--color-green) !important;
    box-shadow: var(--shadow-input-green) !important;
}

.form-group-primary .select2 .select2-selection .select2-selection__rendered{
    color:var(--color-gray);
}
.form-group-primary .select2 .select2-selection .select2-selection__placeholder{
    color:var(--color-gray);
}

/* INVALID SELECTS --------------------------------------------------*/

.is-invalid+.select2 .select2-selection{
    border-color:#dc3545 !important;
    padding-right: calc(1.5em + .75rem)!important;
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat!important;
    background-position: right calc(.375em + .1875rem) center !important;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem) !important;
}

.is-invalid+.select2 .select2-container--focus .select2-selection,
.is-invalid+.select2 .select2-container--open .select2-selection{
    color: #dc3545 !important;
    border-color: #dc3545 !important;
    box-shadow:0 0 0 .25rem rgba(220,53,69,.25) !important;
}

/* DISABLED SELECTS --------------------------------------------------*/

.select2.select2-container--disabled .select2-selection,
.select2.select2-container--disabled.select2-container--focus .select2-selection{
    background-color:var(--color-gray-extra-light-2) !important;
    border-color:var(--color-line) !important;
    color:var(--color-gray) !important;
    cursor: default !important;
}

.select2.select2-container--disabled .select2-selection{
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%239D9D9D' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}
.select2.select2-container--disabled .select2-selection .select2-selection__rendered{
    color:var(--color-gray) !important;
}

.select2.select2-container--disabled img,
.select2.select2-container--disabled svg{
    opacity: 0.3 !important;
}


/* -----------------------------------------------------------*/

.shadowSelectPillBlue{
    box-shadow: 0px 5px 10px rgba(0, 0, 0, .16) !important;
}

.selectPill, #clickToggleAdverts{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='%231783fa'%3E%3Cg transform='matrix(1, 0, 0, -1, 0, 0)' %3E%3Cpath d='M 32 -56.711 L 64 -7.289 L 0 -7.289 L 32 -56.711 Z'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    -moz-appearance:none;
	-webkit-appearance:none;
	-ms-appearance:none;
	-o-appearance:none;
	appearance:none;
	cursor:pointer;
    padding: 0.4rem 0.9rem;
    border-radius: 2rem;
    border: 2px solid var(--color-green);
    background-size: 0.7rem;
    background-position: right 20px center;
}

.selectPill.has-content, #clickToggleAdverts.has-content {
    border-color: var(--color-green) !important;
}

a.btn.show.selectPill:active, .btn.selectPill:first-child:active,.btn.selectPill:hover,.btn.selectPill:focus-visible,.btn.show.selectPill{
    border: 2px solid var(--color-green);
    color: var(--color-gray-light);
}
.btn.selectPill:disabled,
.btn.selectPill[disabled] {
    border: 2px solid var(--color-green-light) !important;

}

.selectPill.show, .selectPillBlue.show{
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' fill='%231783fa' xmlns='http://www.w3.org/2000/svg'%3E%3Cg style='transform-origin: 32px -32px;' transform='matrix(1, 0, 0, 1, 0, 61.336555)'%3E%3Cpath d='M 32 -56.711 L 64 -7.289 L 0 -7.289 L 32 -56.711 Z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}

.toggleFlecha{
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' fill='%231783fa' xmlns='http://www.w3.org/2000/svg'%3E%3Cg style='transform-origin: 32px -32px;' transform='matrix(1, 0, 0, 1, 0, 61.336555)'%3E%3Cpath d='M 32 -56.711 L 64 -7.289 L 0 -7.289 L 32 -56.711 Z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E") !important;
}

.toggleFlecha.flechaDescendente{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='%231783fa'%3E%3Cg transform='matrix(1, 0, 0, -1, 0, 0)' %3E%3Cpath d='M 32 -56.711 L 64 -7.289 L 0 -7.289 L 32 -56.711 Z'/%3E%3C/g%3E%3C/svg%3E") !important;
}

.selectPill.selectPillBlue,.selectPill.selectPillBlue:is(:hover,:focus,:active,:not(:active)){
    border: 1px solid var(--color-blue) !important;
    color: var(--color-gray-dark) !important;
    padding-top: 0.8rem !important;
    padding-bottom: 0.8rem !important;
    padding-left: 20px;
}

/* NEW INPUTS --------------------------------------------------*/

.form-group-primary.is-invalid .select2.select2-container--open .select2-selection,
.form-group-primary.is-invalid .select2.select2-container--focus .select2-selection {
    color: var(--color-danger) !important;
    border-color: var(--color-danger) !important;
    box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25) !important;
}

.input-with-icon-session:has(.select2-container--open) .icon-pais::before,
.input-with-icon-session:has(.select2-selection--focus) .icon-pais::before {
    color: var(--color-green) !important;
}

/* Input de color verde */
.primary-input:active,
.primary-input:focus,
.floating-input-component.primary-input:not(:placeholder-shown) {
    background-color: #fff !important;
    border-color: var(--color-green) !important;
}
/* Elimina icono de pais */
.form-group-primary.has-selected-value .icon-pais::before {
    content: "" !important;
}

.input-with-icon-session {
    position: relative;
    display: flex;
    align-items: center;
}



/* Cambia el color del icono NO ESTA FOCUS */

.input-with-icon-session:has(.floating-input-session:not(:placeholder-shown)) .icon-email::before,
.input-with-icon-session:has(.floating-input-session:not(:placeholder-shown)) .icon-password::before,
.input-with-icon-session:has(.floating-input-session:not(:placeholder-shown)) .icon-persona::before,
.input-with-icon-session:has(.floating-input-session:not(:placeholder-shown)) .icon-alias::before,
.input-with-icon-session:has(.floating-input-session:not(:placeholder-shown)) .icon-fecha::before,
.input-with-icon-session:has(.floating-input-session:not(:placeholder-shown)) .icon-drag_Indicator::before,
.input-with-icon-session:has(.floating-input-session:not(:placeholder-shown)) .icon-sitio::before,
.input-with-icon-session:has(.floating-input-session:not(:placeholder-shown)) .icon-search::before,
.input-with-icon-session:has(.floating-input-session:not(:placeholder-shown)) .icon-id::before,
.input-with-icon-session:has(.floating-input-session:not(:placeholder-shown)) .icon-telefono::before,
.input-with-icon-session:has(.floating-input-session:not(:placeholder-shown)) .icon-wallet::before,
.input-with-icon-session:has(.floating-input-session:not(:placeholder-shown)) .icon-redCripto::before,
.input-with-icon-session:has(.floating-input-session:not(:placeholder-shown)) .icon-id::before {
    color: var(--color-green) !important;
}


/* Cambia el color del icono CUANDO ES INVALIDO */
.input-with-icon-session:has(.form-control.is-invalid) .icon-email::before,
.input-with-icon-session:has(.form-control.is-invalid) .icon-password::before,
.input-with-icon-session:has(.form-control.is-invalid) .icon-persona::before,
.input-with-icon-session:has(.form-control.is-invalid) .icon-alias::before,
.input-with-icon-session:has(.form-control.is-invalid) .icon-fecha::before,
.input-with-icon-session:has(.form-control.is-invalid) .icon-drag_Indicator::before,
.input-with-icon-session:has(.form-control.is-invalid) .icon-sitio::before,
.input-with-icon-session:has(.form-control.is-invalid) .icon-id::before,
.input-with-icon-session:has(.form-control.is-invalid) .icon-search::before,
.input-with-icon-session:has(.form-control.is-invalid) .icon-telefono::before,
.input-with-icon-session:has(.form-control.is-invalid) .icon-wallet::before,
.input-with-icon-session:has(.form-control.is-invalid) .icon-redCripto::before,
.input-with-icon-session:has(.form-control.is-invalid) .icon-id::before{
    color: var(--color-danger) !important;
}

.input-with-icon-session input:not(:placeholder-shown) ~ .icon-email::before,
.input-with-icon-session input:not(:placeholder-shown) ~ .icon-password::before,
.input-with-icon-session input:not(:placeholder-shown) ~ .icon-persona::before,
.input-with-icon-session input:not(:placeholder-shown) ~ .icon-alias::before,
.input-with-icon-session input:not(:placeholder-shown) ~ .icon-fecha::before,
.input-with-icon-session input:not(:placeholder-shown) ~ .icon-pais::before,
.input-with-icon-session input:not(:placeholder-shown) ~ .icon-id::before,
.input-with-icon-session input:not(:placeholder-shown) ~ .icon-sitio::before,
.input-with-icon-session input:not(:placeholder-shown) ~ .icon-telefono::before,
.input-with-icon-session input:not(:placeholder-shown) ~ .icon-wallet::before,
.input-with-icon-session input:not(:placeholder-shown) ~ .icon-redCripto::before,
.input-with-icon-session input:not(:placeholder-shown) ~ .icon-id::before{
    color: var(--color-green) !important;
}

/* Iconos */


.icon-email::before {
    content: "\e158";
    font-family: 'Material Symbols Outlined';
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    line-height: 1;
    font-size: 24px;
    text-transform: none;

    -webkit-font-smoothing: antialiased;
}

.icon-password::before {
    content: "\e897";
    font-family: 'Material Symbols Outlined';
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    font-size: 24px;
    line-height: 1;
    text-transform: none;

    -webkit-font-smoothing: antialiased;
}
.icon-persona::before {
    content: "\e7fd";
    font-family: 'Material Symbols Outlined';
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    line-height: 1;
    font-size: 24px;
    text-transform: none;

    -webkit-font-smoothing: antialiased;
}

.icon-fecha::before {
    content: "\e935";
    font-family: 'Material Symbols Outlined';
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    line-height: 1;
    font-size: 24px;
    text-transform: none;

    -webkit-font-smoothing: antialiased;
}

.icon-drag_Indicator::before {
    content: "\e945";
    font-family: 'Material Symbols Outlined';
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    line-height: 1;
    font-size: 24px;
    text-transform: none;

    -webkit-font-smoothing: antialiased;
}

.icon-pais::before {
    content: "\e894";
    font-family: 'Material Symbols Outlined';
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    line-height: 1;
    font-size: 24px;
    text-transform: none;

    -webkit-font-smoothing: antialiased;
}

.icon-id::before {
    content: "\ea67";
    font-family: 'Material Symbols Outlined';
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    line-height: 1;
    font-size: 24px;
    text-transform: none;

    -webkit-font-smoothing: antialiased;
}
.icon-sitio::before {
    content: "\e55e";
    font-family: 'Material Symbols Outlined';
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    line-height: 1;
    font-size: 24px;
    text-transform: none;

    -webkit-font-smoothing: antialiased;
}

.icon-telefono::before {
    content: "\e0b0";
    font-family: 'Material Symbols Outlined';
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    line-height: 1;
    font-size: 24px;
    text-transform: none;

    -webkit-font-smoothing: antialiased;
}

.icon-search::before {
    content: "\e8b6";
    font-family: 'Material Symbols Outlined';
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    line-height: 1;
    font-size: 24px;
    text-transform: none;

    -webkit-font-smoothing: antialiased;
}

.icon-bookmarkPlus::before {
    content: "\e598";
    font-family: 'Material Symbols Outlined';
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    line-height: 1;
    font-size: 20px;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
}

.icon-wallet::before {
    content: "\e850";
    font-family: 'Material Symbols Outlined';
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    line-height: 1;
    font-size: 20px;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
}

.icon-redCripto::before {
    content: "\f1b7";
    font-family: 'Material Symbols Outlined';
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    line-height: 1;
    font-size: 20px;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
}

.icon-id::before {
    content: "\e945";
    font-family: 'Material Symbols Outlined';
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    line-height: 1;
    font-size: 20px;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
}

.icon-recarga::before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='17' viewBox='0 0 18 17' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.075 13.4167C2.96454 13.4167 2.875 13.3271 2.875 13.2167V12.6583C2.875 12.5479 2.78546 12.4583 2.675 12.4583H0.2C0.0895431 12.4583 0 12.3688 0 12.2583V10.7417C0 10.6312 0.0895431 10.5417 0.2 10.5417H5.55C5.66046 10.5417 5.75 10.4521 5.75 10.3417V7.86667C5.75 7.75621 5.66046 7.66667 5.55 7.66667H1.91667C1.38958 7.66667 0.938368 7.47899 0.563021 7.10365C0.187674 6.7283 0 6.27708 0 5.75V2.875C0 2.34792 0.187674 1.8967 0.563021 1.52135C0.938368 1.14601 1.38958 0.958333 1.91667 0.958333H2.675C2.78546 0.958333 2.875 0.86879 2.875 0.758333V0.2C2.875 0.0895429 2.96454 0 3.075 0H4.59167C4.70212 0 4.79167 0.089543 4.79167 0.2V0.758333C4.79167 0.86879 4.88121 0.958333 4.99167 0.958333H7.46667C7.57712 0.958333 7.66667 1.04788 7.66667 1.15833V2.675C7.66667 2.78546 7.57712 2.875 7.46667 2.875H2.11667C2.00621 2.875 1.91667 2.96454 1.91667 3.075V5.55C1.91667 5.66046 2.00621 5.75 2.11667 5.75H5.75C6.27708 5.75 6.7283 5.93767 7.10365 6.31302C7.47899 6.68837 7.66667 7.13958 7.66667 7.66667V10.5417C7.66667 11.0687 7.47899 11.52 7.10365 11.8953C6.7283 12.2707 6.27708 12.4583 5.75 12.4583H4.99167C4.88121 12.4583 4.79167 12.5479 4.79167 12.6583V13.2167C4.79167 13.3271 4.70212 13.4167 4.59167 13.4167H3.075Z'/%3E%3Cpath d='M16.2043 16.5791L17.7209 16.5791C17.8314 16.5791 17.9209 16.4896 17.9209 16.3791L17.9209 9.11243C17.9209 9.00198 17.8314 8.91243 17.7209 8.91243L10.4543 8.91243C10.3438 8.91243 10.2543 9.00198 10.2543 9.11243L10.2543 10.6291C10.2543 10.7396 10.3438 10.8291 10.4543 10.8291L14.1798 10.8291C14.3579 10.8291 14.4472 11.0445 14.3212 11.1705L9.25402 16.2377C9.12803 16.3637 9.21726 16.5791 9.39544 16.5791L11.5131 16.5791C11.5661 16.5791 11.617 16.558 11.6545 16.5205L15.6628 12.5122C15.7888 12.3862 16.0043 12.4754 16.0043 12.6536L16.0043 16.3791C16.0043 16.4896 16.0938 16.5791 16.2043 16.5791Z'/%3E%3C/svg%3E%0A");
    width: 16px;
    height: 14px;
    background-size: contain;
    background-repeat: no-repeat;
}

.icon-shield-check::before {
    content: "\e8e8";
    font-family: 'Material Symbols Outlined';
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    line-height: 1;
    font-size: 20px;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
}

.icon-hourglass::before {
    content: "\e88b";
    font-family: 'Material Symbols Outlined';
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    line-height: 1;
    font-size: 20px;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
}

.icon-group::before {
    content: "\e7ef";
    font-family: 'Material Symbols Outlined';
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    line-height: 1;
    font-size: 20px;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
}
.icon-verify-user::before {
    content: "\e174";
    font-family: 'Material Symbols Outlined';
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    line-height: 1;
    font-size: 20px;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
}

.icon-block::before {
    content: "\e14b";
    font-family: 'Material Symbols Outlined';
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    line-height: 1;
    font-size: 20px;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
}

.icon-green::before {
    color: var(--color-green)!important;
}

.icon-gray::before {
    color: var(--color-gray-light)!important;
}
.buttonDesactivate-userg.active .btn-icon::before {
    color: white !important;
}

@media screen and (max-width: 576px) {
    .icon-bookmarkPlus::before {
        font-size: 16px;
    }
}

.icon-email::before,
.icon-password::before,
.icon-persona::before,
.icon-fecha::before,
.icon-alias::before,
.icon-pais::before,
.icon-sitio::before,
.icon-search::before,
.icon-drag_Indicator::before,
.icon-id::before,
.icon-telefono::before,
.icon-wallet::before,
.icon-redCripto::before,
.icon-id::before
 {
    transition: color 0.5s !important;
}

.floating-input-session {
    height: 46px;
    width: 100%;
    border-radius: 6px;
    font-size: 1rem;
    background: transparent;
    transition: all 0.3s ease;
    outline: none;
    padding-left: 45px;
    padding-right: 15px;
}

/* Cuando el input tiene contenido o está enfocado */
.floating-input-session:focus + .floating-label,
.floating-input-session:not(:placeholder-shown) + .floating-label,
.floating-input-session.has-content + .floating-label {
    top: 0 !important;
    transform: translateY(-50%);
    font-size: 12px;
    color: var(--color-green);
    font-weight: 500;
    left: 10px;
    background: white;
    padding: 0 8px;
}

.floating-input-session:is(:focus,:active) {
    border-color: var(--color-green);
}

/* Placeholder */
.floating-input-session:focus::placeholder,
.floating-input-session:not(:placeholder-shown)::placeholder,
.floating-input-session.has-content::placeholder {
    color: var(--color-gray);
    opacity: 1;
}

.floating-label {
    position: absolute;
    left: 45px;
    top: 51% !important;
    transform: translateY(-50%);
    background: white;
    padding: 0 5px;
    color: var(--color-gray);
    font-size: 1rem;
    pointer-events: none;
    transition: all 0.3s ease;
    z-index: 1;
}

@media (max-width: 576px) {
    .floating-input-session {
        font-size: 1.1rem;
    }
}

/* NEW INPUTS --------------------------------------------------*/

/* CUSTOM INPUTS --------------------------------------------------*/

/* .greenForm-input{
    outline: none !important;
    border: 2px var(--color-green-light) solid !important;
    color: var(--color-gray) !important;
    background-color: white !important;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.13), 0 1px 1px 0 rgba(0, 0, 0, 0.11);
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.13), 0 1px 1px 0 rgba(0, 0, 0, 0.11);
    -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.13), 0 1px 1px 0 rgba(0, 0, 0, 0.11);
    border-radius: 0.5rem !important;
    padding: 0.5rem 0.75rem;
}

.greenForm-input:active,
.greenForm-input:focus{

    background-color: #fff !important;
    border-color: var(--color-green) !important;
    box-shadow: var(--shadow-input-green);
} */

.primary-input,
.primary-input:hover{
    outline: none !important;
    border: 2px var(--color-green-light) solid !important;
    color: var(--color-gray-dark) !important;
    background-color: white !important;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.13), 0 1px 1px 0 rgba(0, 0, 0, 0.11);
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.13), 1px 1px 1px 0 rgba(0, 0, 0, 0.11);
    -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.13), 1px 1px 1px 0 rgba(0, 0, 0, 0.11);
    border-radius: 0.5rem !important;
    padding: 0.5rem 0.75rem;
}

.primary-input:not(:placeholder-shown) {
    border-color: var(--color-green) !important;

}

/* Estilo cuando está en foco o activo */
.primary-input:active,
.primary-input:focus {
    background-color: #fff !important;
    border-color: var(--color-green) !important;
    box-shadow: var(--shadow-input-green) !important;
}



.primary-input + span.input-group-text{
    background: white;
    border: 2px var(--color-green-light) solid !important;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.13), 0 1px 1px 0 rgba(0, 0, 0, 0.11);
    -webkit-box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.13), 2px 1px 1px 0 rgba(0, 0, 0, 0.11);
    -moz-box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.13), 2px 1px 1px 0 rgba(0, 0, 0, 0.11);
    width: 42px;
    height: 44px;
    padding: 0.5rem 0.3rem !important;
    border-radius: 0.5rem !important;
    border-left: none !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    position: relative;
    right: 0.3px;
}

.primary-input + span.calendarIcon{
    background: white;
    border: 2px var(--color-green-light) solid !important;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.13), 0 1px 1px 0 rgba(0, 0, 0, 0.11);
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.13), 0 1px 1px 0 rgba(0, 0, 0, 0.11);
    -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.13), 0 1px 1px 0 rgba(0, 0, 0, 0.11);
    width: 60px;
    height: 45px;
    padding: 5px !important;
    border-radius: 0.5rem !important;
    border-left: none;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.calendarIcon{
    cursor: pointer;
}

.primary-input-sinDerecha,
.primary-input-sinDerecha:hover{
    border-radius: 0.5rem !important;
    border-right: none !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

:is(.primary-input-sinDerecha,.borderGreenLightSinDerecha-input):focus{
    box-shadow: var(--shadow-input-green);
    border-color: var(--color-green) !important;
    clip-path: inset(-5px 1px -5px -5px) !important;
    border-right: none !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

:is(.primary-input-sinDerecha,.borderGreenLightSinDerecha-input):focus + .input-group-text{
    border-color: var(--color-green) !important;
    box-shadow: var(--shadow-input-green) !important;
    clip-path: inset(-5px -5px -5px 0px) !important;
    border-left: none;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.borderGreenLightSinDerecha-input + .input-group-text{
    border: 2px solid var(--color-green-light) !important;
    border-left: none !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.primary-input:active,
:is(.primary-input,.borderGreenLight-input):focus{

    background-color: #fff !important;
    border-color: var(--color-green) !important;
    box-shadow: var(--shadow-input-green);
}

.primary-input:-webkit-autofill,
.primary-input:-webkit-autofill:hover,
.primary-input:-webkit-autofill:focus,
.primary-input:-webkit-autofill:active{
    -webkit-background-clip: text;
    -webkit-text-fill-color: var(--color-gray-dark) !important;
}

.primary-inputGray:focus{
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.13), 1px 1px 1px 0 rgba(0, 0, 0, 0.11) !important;
    border-color: var(--color-gray) !important;
    clip-path: inset(-5px 1px -5px -5px) !important;
}

.primary-inputGray,
.primary-inputGray:hover{
    border: 2px var(--color-gray) solid !important;
    border-radius: 0.5rem !important;
}

.primary-inputGray-sinDerecha:focus{
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.13), 1px 1px 1px 0 rgba(0, 0, 0, 0.11) !important;
    border-color: var(--color-gray) !important;
    clip-path: inset(-5px 1px -5px -5px) !important;
    border-right: none !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.primary-inputGray-sinDerecha,
.primary-inputGray-sinDerecha:hover{
    border: 2px var(--color-gray) solid !important;
    border-radius: 0.5rem !important;
    border-right: none !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.primary-inputGray-sinDerecha + .input-group-text{
    border: 2px var(--color-gray) solid !important;
    border-left: none !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.primary-inputGray-sinDerecha:focus + .input-group-text{
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.13), 1px 1px 1px 0 rgba(0, 0, 0, 0.11) !important;
}

.paddingSmallInput{
    padding: 0.2rem 0.75rem !important;
}

.primaryPill-input{
    color: var(--color-gray-light);
    padding: 0.7rem 0.9rem !important;
    border-radius: 2rem !important;
    border: 2px solid var(--color-green-light) !important;
    font-size: 1rem !important;
}

.primaryPillAzul-input{
    color: var(--color-gray-dark);
    padding: 0.7rem 0.9rem !important;
    border-radius: 2rem !important;
    border: 2px solid var(--color-blue-light) !important;
    font-size: 1rem !important;
}

.primaryPillAzul-input:is(:active,:focus,:focus-visible,:focus-within){
    border: 2px solid var(--color-blue) !important;
    box-shadow: var(--shadow-input-blue) !important;
    background-color: #fff !important;
    outline: none !important;
}

.primaryPillAzul-input:disabled {
    border: 2px solid var(--color-gray-light) !important;
    background-color: #fff !important;
    box-shadow: var(--shadow-input-gray) !important;
    color: var(--color-gray-dark) !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
}

.primaryPill-input-sinDerecha,
.primaryPill-input-sinDerecha:hover{
    border-radius: 2rem !important;
    border-right: none !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}



.primaryPill-input-sinIzquierda,
.primaryPill-input-sinIzquierda:hover{
    border-radius: 2rem !important;
     border: 2px solid var(--color-green-light) !important;
    border-left: none !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.primaryPillSinDerecha-input{
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border-right: 0px !important;
}

.primaryPillSinIzquierda-input{
    border-radius: 2rem !important;
    border: 2px solid var(--color-green-light) !important;
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    border-left: 0px !important;
}

.borderGreenLight-input:is(:active,:focus,:focus-visible,:focus-within){
    border: 2px solid var(--color-green) !important;
    box-shadow: var(--shadow-input-green) !important;
    background-color: #fff !important;
    outline: none !important;
}

.borderOnlyGreenLight-input{
    border: 2px solid var(--color-green-light) !important;
    border-radius: 0.5rem !important;
    color: var(--color-gray-light);
}

.borderOnlyGreenLight-input:focus{
    border: 2px solid var(--color-green-light) !important;
    background-color: #fff !important;
    outline: none !important;
}

.borderOnlyGreenLight-input::placeholder{
    color: var(--color-gray-light);
}

.primaryPill-input:active,.primaryPill-input:focus{
    border: 2px solid var(--color-green) !important;
    background-color: #fff !important;
    outline: none !important;
    box-shadow: var(--shadow-input-green);
}

.primaryPill-input-sinDerecha:focus, .primaryPill-input-sinDerecha:active{
    border-right: none !important;
    box-shadow: 0 0 0 0.25rem rgba(103, 177, 58, 0.25);
    clip-path: inset(-5px 1px -5px -5px) !important;
}

.primaryPill-input-sinDerecha:focus + span.primaryPill-input-sinIzquierda, .primaryPill-input-sinDerecha:active + span.primaryPill-input-sinIzquierda{
    border: 2px solid var(--color-green) !important;
    background-color: #fff !important;
    box-shadow: 0 0 0 0.25rem rgba(103, 177, 58, 0.25) !important;
    clip-path: inset(-5px -5px -5px 0px) !important;
    border-left: none !important;
}

.borderGreenLightSinDerecha-input{
    border: 2px solid var(--color-green-light) !important;
    border-radius: 0.5rem !important;
    border-right: none !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.borderGreenLight-input{
    border: 2px solid var(--color-green-light) !important;
    border-radius: 0.5rem !important;
}

.borderGreenLight-input::placeholder{
    color: var(--color-gray-light);
}

.photo-input{
    border: 2px solid var(--color-green-light) !important;
    cursor: pointer !important;
}

input.custom-inputCheck {
    appearance: none;
    -webkit-appearance: none;
    display: flex;
    align-content: center;
    justify-content: center;
    font-size: 1.4rem;
    width: 1.4rem;
    height: 1.4rem;
    padding-top: 0.15rem;
    padding-bottom: 0.1rem;
    border: 1px solid var(--color-gray-light);
    border-radius: 50%;
    cursor: pointer;
  }

  input.custom-inputCheck:checked {
    appearance: none;
    -webkit-appearance: none;
    display: flex;
    align-content: center;
    justify-content: center;
    font-size: 1.4rem;
    width: 1.4rem;
    height: 1.4rem;
    padding-top: 0.15rem;
    padding-bottom: 0.1rem;
    border: 1px solid var(--color-green);
    border-radius: 50%;
    cursor: pointer;
  }

  input.custom-inputCheck::before{
    content: "";
    width: 1rem;
    height: 1rem;
    clip-path: circle(40%);
    transform: scale(1);
    background-color: var(--color-gray-light) !important;
  }

  input.custom-inputCheck:checked:before{
    content: "";
    width: 1rem;
    height: 1rem;
    clip-path: circle(40%);
    background-color: var(--color-green) !important;
}

/* CUSTOM FILE ---------------------------------------------*/

.custom-file-container{
    display: block;
    position: relative;
}

.custom-file .custom-file-container-items{
    opacity: 1;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    transition: all 0.3s;
    position: relative;
}

.custom-file{
    width: 100%;
    min-height: 100px;
    padding: 12px;
    cursor: default;
    transition: all 0.3s;
    display: block;
    position: relative;
}
.custom-file.active{
    background-color: var(--color-green-extra-light)
}
.custom-file.is-invalid{
    border-color: var(--color-danger) !important;
    background-image: none;
    padding: 12px;
}
.custom-file.disabled,
.custom-file[disabled]{
    background-color: var(--color-gray-extra-light-2) !important;
    cursor: default;
}

.custom-file .custom-file-icon{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: var(--color-gray);
}

.custom-file .custom-file-label-text,
.custom-file .custom-file-label-o{
    width: 100%;
    display: block;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    color: var(--color-gray);
}
.custom-file.custom-file-simple .custom-file-label-text{
    font-size: 15px;
    margin-bottom: 5px;
}

.custom-file[disabled] .custom-file-label-text,
.custom-file.disabled  .custom-file-label-text,
.custom-file[disabled] .custom-file-label-o
.custom-file.disabled  .custom-file-label-o,
.custom-file[disabled] .custom-file-icon
.custom-file.disabled  .custom-file-icon{
    color: var(--color-gray) !important;
}

.custom-file .custom-file-btn {
    transition: all 0.3s;
    margin-top: 5px;
    margin-bottom: 10px;
    min-width: 100px;
    font-weight: bold;
    font-size: 17px;
    border: none;
    color: var(--color-white);
    background-color: var(--color-green);
}
.custom-file .custom-file-btn:active {
    color: var(--color-white);
    background-color: var(--color-green);
}
.custom-file .custom-file-btn svg {
    margin-right: 6px;
    margin-bottom: 1px;
}
.custom-file .custom-file-btn svg {
    margin-right: 6px;
    margin-bottom: 1px;
}

.custom-file.is-invalid .custom-file-btn{
    background-color:#dc3545 !important;
}
.custom-file[disabled] .custom-file-btn,
.custom-file.disabled  .custom-file-btn{
    background-color:#B2BDB8 !important;
    cursor: default;
}

/*---------------------------*/

.custom-file .custom-file-container-image{
    opacity: 0;
    padding: 8px;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    transition: all 0.3s;
    position: absolute;
    left: 0;
    top: 0;
}

.custom-file .custom-file-image{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.custom-file .custom-file-image img{
    object-fit: contain;
    width: 100%;
    height: 100%;
}

/*---------------------------*/

.custom-file-view-container{
    position: relative;
    display: block;
}

.custom-file-view{
    width: 100%;
    padding: 10px 12px;
    margin-top: 8px;
    display: flex;
    flex-direction: row;
    align-items: center;
    border: solid 1px var(--color-line);
    transition: all 0.3s;
}
.custom-file-view.is-invalid{
    padding: 10px 12px;
    padding-right: 7px;
    background-image: none;
    background-color: rgba(246, 232, 232, 0.25);
    border-color: #dc3545;
}
.custom-file-view.disabled,
.custom-file-view[disabled]{
    background-color:var(--color-gray-extra-light);
    border-color: var(--color-line);
}

.custom-file-view .custom-file-view-icon{
    width: 50px;
    height: 50px;
    min-width: 50px;
    min-height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}
.custom-file-view.disabled  .custom-file-view-icon,
.custom-file-view[disabled] .custom-file-view-icon{
    opacity: 0.3;
}
.custom-file-view .custom-file-view-icon img{
    object-fit: contain;
    width: 100%;
    height: 100%;
}


.custom-file-view .custom-file-view-name{
    width: calc( 100% );
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left;
    overflow: hidden;
}
.custom-file-view.is-invalid .custom-file-view-name{
    color: #dc3545;
}
.custom-file-view.disabled .custom-file-view-name,
.custom-file-view:disabled .custom-file-view-name{
    color: #ADB2AF;
}

/*---------------------------*/

.custom-file .custom-file-delete{
    position: absolute;
    right: 0;
    top: 0;
}
.custom-file .custom-file-delete,
.custom-file-view .custom-file-delete{
    transition: all 0.3s;
    cursor: pointer;
    outline: none;
    border: none;
    color: #dc3545;
    padding: 0;
    width: 25px;
    height: 25px;
    font-size: 25px;
    line-height: 25px;
    background-color: transparent;
    border-radius: 13px;
}
.custom-file .custom-file-delete:hover,
.custom-file-view .custom-file-delete:hover{
    background-color: rgba(142, 54, 54, 0.15);
    box-shadow:0 0 0 1px rgba(142, 54, 54, 0.25);
}
.custom-file.disabled .custom-file-delete,
.custom-file:disabled .custom-file-delete,
.custom-file .custom-file-delete.disabled,
.custom-file .custom-file-delete:disabled,
.custom-file-view.disabled .custom-file-delete,
.custom-file-view:disabled .custom-file-delete,
.custom-file-view .custom-file-delete.disabled,
.custom-file-view .custom-file-delete:disabled{
    cursor: default;
    color: #ADB2AF;
    box-shadow: none !important;
    background-color: transparent !important;;
}

/*---------------------------*/

.custom-file .custom-file-paste{
    position: absolute;
    right: 0;
    top: 0;
    margin: 0;
    z-index: 2;
    transform: none;
}
.custom-file:hover .custom-file-paste{
    top: 4px;
}

.custom-file .custom-file-paste{
    transition: color 0.3s;
    cursor: pointer;
    outline: none;
    border: none;
    padding: 0;
    font-size: 20px;
    line-height: 20px;
    color: var(--color-gray);
    background-color: transparent;
}
.custom-file .custom-file-paste:hover{
    color: var(--color-green-dark);
}
.custom-file.disabled .custom-file-paste,
.custom-file:disabled .custom-file-paste,
.custom-file .custom-file-paste.disabled,
.custom-file .custom-file-paste:disabled{
    cursor: default;
    color: #ADB2AF;
    box-shadow: none !important;
    background-color: transparent !important;
}

/*---------------------------*/

.custom-file .custom-file-paste{
    position: absolute;
    right: 0;
    top: 0;
    margin: 0;
    z-index: 2;
    transform: none;
}
.custom-file:hover .custom-file-paste{
    top: 4px;
}

.custom-file .custom-file-paste{
    transition: color 0.3s;
    cursor: pointer;
    outline: none;
    border: none;
    padding: 0;
    font-size: 20px;
    line-height: 20px;
    color: var(--color-gray);
    background-color: transparent;
}
.custom-file .custom-file-paste:hover{
    color: var(--color-green-dark);
}
.custom-file.disabled .custom-file-paste,
.custom-file:disabled .custom-file-paste,
.custom-file .custom-file-paste.disabled,
.custom-file .custom-file-paste:disabled{
    cursor: default;
    color: #ADB2AF;
    box-shadow: none !important;
    background-color: transparent !important;
}

/* CUSTOM SCROLL --------------------------------------------------*/

.custom-scroll::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

.custom-scroll::-webkit-scrollbar-track {
  background-color: transparent;
}

.custom-scroll::-webkit-scrollbar-thumb {
  background-color: #e3e3e3;
  border-radius: 1rem;
}

@-moz-document url-prefix(){
    .custom-scroll{
        scrollbar-color: #e3e3e3 transparent;
        scrollbar-width: thin;
    }
}

.custom-scrollTable::-webkit-scrollbar {
  width: 9px;
  height: 9px;
}

.custom-scrollTable::-webkit-scrollbar-track {
  background-color: transparent;
}

.custom-scrollTable::-webkit-scrollbar-thumb {
  background-color: #e3e3e3;
  border-radius: 1rem;
}

@-moz-document url-prefix(){
    .custom-scrollTable{
        scrollbar-color: #e3e3e3 transparent;
        scrollbar-width: thin;
    }
}

/* @media screen and (max-width:768px) {
.custom-scroll::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}

.custom-scroll::-webkit-scrollbar-track {
  background-color: transparent;
}

.custom-scroll::-webkit-scrollbar-thumb {
  background-color: transparent;
}

@-moz-document url-prefix(){
    .custom-scroll{
        scrollbar-color: transparent;
        scrollbar-width: 0px;
    }
}
} */


/* CUSTOM TOASTS --------------------------------------------------*/

.custom-toast{
    opacity: 0.95;
}
.custom-toast.danger{
    background-color: #fed6e0;
    border-color: var(--color-danger);
}
.custom-toast.info{
    background-color: #D1E6FE;
    border-color: var(--color-blue);
}
.custom-toast.success{
    background-color: var(--color-green-light);
    border-color: var(--color-green);
}
.custom-toast.warning{
    background-color: #fff3cd;
    border-color: #997404;
}

.custom-toast .toast-header,
.custom-toast .toast-body{
    color: var(--color-p);
}

.custom-toast .toast-header .title .bi::before{
    font-size: 120%;
    padding-right: 8px;
    vertical-align: -.225em;
}
.custom-toast.danger .toast-header .title .bi::before{
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M 12 0 C 5.387 0 0 5.387 0 12 C 0 18.613 5.387 24 12 24 C 18.613 24 24 18.613 24 12 C 24 5.387 18.613 0 12 0 Z M 12 2.4 C 17.316 2.4 21.6 6.684 21.6 12 C 21.6 14.224 20.843 16.261 19.582 17.885 L 6.115 4.418 C 7.739 3.157 9.776 2.4 12 2.4 Z M 4.418 6.115 L 17.885 19.582 C 16.261 20.843 14.224 21.6 12 21.6 C 6.684 21.6 2.4 17.316 2.4 12 C 2.4 9.776 3.157 7.739 4.418 6.115 Z" fill="%23fa3163"></path></svg >');
    width: 1.5rem;
    height: 1.5rem;
}
.custom-toast.info .toast-header .title .bi::before{
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M 8.722 3.282 C 8.722 0.76 11.453 -0.817 13.638 0.444 C 14.652 1.03 15.277 2.111 15.277 3.282 L 15.277 4.227 C 17.275 5.425 18.59 7.625 18.554 10.109 C 18.554 10.109 19.537 15.297 20.739 15.297 C 21.342 15.297 21.831 15.786 21.831 16.389 L 21.831 17.482 C 21.831 19.295 17.462 20.758 11.999 20.758 C 6.537 20.758 2.168 19.295 2.168 17.482 L 2.168 16.389 C 2.168 15.786 2.657 15.297 3.26 15.297 C 4.462 15.297 5.445 9.836 5.445 9.836 C 5.444 7.404 6.766 5.288 8.722 4.156 Z M 11.999 2.19 C 11.396 2.19 10.907 2.679 10.907 3.282 L 10.907 3.369 C 11.325 3.299 11.756 3.269 12.196 3.282 C 12.501 3.299 12.8 3.337 13.092 3.393 L 13.092 3.282 C 13.092 2.679 12.602 2.19 11.999 2.19 Z M 15.135 21.676 C 14.989 22.155 14.735 22.594 14.393 22.96 C 12.67 24.802 9.599 24.09 8.864 21.676 C 9.905 21.791 10.952 21.85 11.999 21.85 C 13.047 21.85 14.094 21.791 15.135 21.676 Z" fill="%231783fa"></path></svg >');
    width: 1.5rem;
    height: 1.5rem;
}

.custom-toast.success .toast-header .title .bi::before{
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><title>success</title><path d="M 4.593 12.046 L 8.794 16.236 L 19.263 3.477 C 20.037 2.533 21.534 2.174 22.606 2.676 L 23.008 2.864 C 24.08 3.366 24.321 4.538 23.546 5.482 L 11.389 20.299 C 10.703 20.909 10.534 21.114 9.515 21.495 C 8.948 21.605 8.359 21.558 7.861 21.325 C 7.861 21.325 7.863 21.33 6.645 20.399 L 0.576 14.344 C -0.293 13.478 -0.164 12.299 0.863 11.711 L 1.16 11.541 C 2.187 10.953 3.724 11.18 4.593 12.046 Z" fill="%2317B030"></path></svg>');
    width: 1.5rem;
    height: 1.5rem;
}
.custom-toast.warning .toast-header .title .bi::before{
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M 3.237 12.028 C 3.237 16.772 7.061 20.651 11.833 20.651 C 16.605 20.651 20.456 16.772 20.456 12.028 C 20.456 7.256 16.577 3.405 11.833 3.405 C 7.088 3.405 3.237 7.256 3.237 12.028 Z M 11.833 1.451 C 17.693 1.451 22.409 6.168 22.409 12.028 C 22.409 17.861 17.721 22.605 11.861 22.605 C 6 22.605 1.284 17.861 1.284 12.028 C 1.284 6.168 6 1.451 11.833 1.451 Z M 13.228 17.33 C 13.256 18.195 12.614 18.865 11.777 18.893 L 11.749 18.893 C 11.358 18.893 10.995 18.754 10.716 18.475 C 10.409 18.168 10.242 17.749 10.242 17.33 C 10.242 16.493 10.828 15.823 11.637 15.768 C 12.056 15.74 12.447 15.879 12.754 16.158 C 13.088 16.465 13.256 16.884 13.228 17.33 Z M 10.688 13.814 L 10.465 6.419 C 10.465 6.084 10.577 5.749 10.828 5.498 C 11.079 5.247 11.386 5.107 11.749 5.107 C 12.112 5.107 12.419 5.247 12.67 5.498 C 12.921 5.749 13.033 6.056 13.033 6.419 L 12.809 13.814 C 12.809 14.4 12.335 14.847 11.749 14.847 C 11.163 14.847 10.716 14.372 10.688 13.814 Z" fill="%23997404"></path></svg >');
    width: 1.5rem;
    height: 1.5rem;
}

.size-icon-x{
    font-size: 12px;
}

@media screen and (max-width: 576px) {
    .toast-container {
        position: absolute;
        top:10% !important;
        left: 50%;
        transform: translate(-50%, -50%);
        width: calc(100% - 30px);
        z-index: 9999;
    }
}
/* ERROR VIEW --------------------------------------------------*/

:root{
    --ratio-device: 100vw/100vh;
}

.fondo-error{
    width: 100%;
    height: 65vh;
    position: relative;
    left: 2%;
}

/* .genericError-svg{
    width: 100%;
    height: 75vh;
    position: absolute;
    left: 2%;
} */

.backgroundGenericError{
    --ratio-device: 100%/100vh;
    background-image: url('data:image/svg+xml,<svg viewBox="-18.061 -11.156 119.16 119.16" xmlns="http://www.w3.org/2000/svg"><defs></defs><path d="M 72.419 20.376 C 72.419 21.058 71.867 21.611 71.184 21.611 C 70.504 21.611 69.951 21.058 69.951 20.376 C 69.951 19.695 70.504 19.142 71.184 19.142 C 71.867 19.142 72.419 19.695 72.419 20.376 Z" style="fill: rgb(183, 225, 213); stroke-width: 0px;"></path><g transform="matrix(0.166142, 0, 0, 0.166142, -16.038645, -11.156172)" style=""><path d="m318.06,591.99h-11.43v-14.23c0-3.16,2.56-5.71,5.71-5.71h0c3.16,0,5.71,2.56,5.71,5.71v14.23h.01Z" style="stroke-width: 0px;"></path><path d="m355.86,591.99h-11.43v-14.23c0-3.16,2.56-5.71,5.71-5.71h0c3.16,0,5.71,2.56,5.71,5.71v14.23h.01Z" style="stroke-width: 0px;"></path></g><g transform="matrix(0.166142, 0, 0, 0.166142, -16.038645, -11.156172)" style=""><path d="m484.05,64.34c8.4,0,13.6,3.95,13.6,10.97,0,9.46-9.65,10.72-9.65,18.05h-8.33c0-9.65,7.71-10.22,7.71-16.23,0-2.63-1.63-3.82-4.39-3.82-3.07,0-4.7,1.82-4.76,5.58h-8.59c.06-9.21,5.45-14.54,14.41-14.54h0Zm5.01,39.17c0,3.2-2.26,5.45-5.39,5.45s-5.33-2.26-5.33-5.45,2.19-5.39,5.33-5.39,5.39,2.19,5.39,5.39Z" style="stroke-width: 0px;"></path><path d="m116.26,162.54c8.4,0,13.6,3.95,13.6,10.97,0,9.46-9.65,10.72-9.65,18.05h-8.33c0-9.65,7.71-10.22,7.71-16.23,0-2.63-1.63-3.82-4.39-3.82-3.07,0-4.7,1.82-4.76,5.58h-8.58c.06-9.21,5.45-14.54,14.41-14.54h0Zm5.01,39.17c0,3.2-2.26,5.45-5.39,5.45s-5.33-2.26-5.33-5.45,2.19-5.39,5.33-5.39,5.39,2.19,5.39,5.39Z" style="stroke-width: 0px;"></path><path d="m278.46,70.39c-.27,0-.54-.03-.82-.09-6.36-1.47-11.7-4.38-15.43-8.43-1.27-1.37-2.34-2.89-3.2-4.49-.9.1-1.79.14-2.69.13-9.63-.12-18.35-6.84-20.29-15.62,0-.02,0-.04,0-.06-1.92-.42-3.8-1.18-5.59-2.34-7.34-4.74-8.31-14.62-5.5-21.5,3.12-7.65,10.04-13.94,19.47-17.73,1.86-.74,3.97.16,4.71,2.01.75,1.86-.16,3.97-2.01,4.71-7.49,3-13.12,8.01-15.46,13.74-1.69,4.15-1.13,10.18,2.73,12.67.5.33,1.02.59,1.56.81.54-3.12,1.78-6.24,3.64-9.12,2.56-3.95,6.23-7.51,11.53-11.19,3.61-2.5,9.07-5.58,14.79-3.39,4.55,1.74,5.71,5.01,5.99,6.8.78,4.88-2.81,10.3-6.47,13.27-6.2,5.03-14.07,10.07-21.79,11.35,1.89,4.71,7.18,8.25,12.81,8.33h.28c-.27-2.03-.2-4.07.21-6.03,1.34-6.29,7.31-12.69,14.76-12.64,3.54.05,6.51,1.78,7.95,4.63,1.46,2.89,1.05,6.38-1.07,9.31-3.22,4.45-7.53,7.87-12.24,9.9.37.53.78,1.04,1.23,1.52,3.46,3.75,8.29,5.49,11.73,6.28,1.95.45,3.17,2.39,2.72,4.34-.39,1.68-1.88,2.81-3.53,2.81v.02Zm-6.95-31.55c-3.61,0-6.8,3.56-7.51,6.91-.2.93-.26,1.91-.19,2.89,3.38-1.53,6.5-4.06,8.88-7.35.5-.69.68-1.39.47-1.81-.2-.39-.78-.63-1.56-.64h-.09Zm-9.67-21.82c-1.71,0-3.86.93-6.61,2.84-4.5,3.12-7.54,6.04-9.58,9.17-1.15,1.78-1.97,3.67-2.41,5.54,6.79-1.44,14.01-6.71,17.6-9.61,2.24-1.81,4.12-4.98,3.88-6.51-.03-.16-.11-.66-1.43-1.17-.45-.17-.93-.26-1.45-.26Z" style="fill: rgb(78, 137, 224); stroke-width: 0px;"></path><path d="m414.39,96.34c0,4.1-3.33,7.43-7.43,7.43s-7.43-3.33-7.43-7.43,3.33-7.43,7.43-7.43,7.43,3.33,7.43,7.43Z" style="fill: rgb(99, 174, 145); stroke-width: 0px;"></path><path d="m101.84,96.34c0,4.1-3.33,7.43-7.43,7.43s-7.43-3.33-7.43-7.43,3.33-7.43,7.43-7.43,7.43,3.33,7.43,7.43Z" style="fill: rgb(183, 225, 213); stroke-width: 0px;"></path><g><rect x="325.42" y="57.68" width="9.66" height="57.94" style="stroke-width: 0px;"></rect><g><path d="m364.97,178.3h-69.43v-34.71c0-19.17,15.54-34.71,34.71-34.71h0c19.17,0,34.71,15.54,34.71,34.71v34.71h.01Z" style="stroke-width: 0px;"></path><rect x="295.54" y="161.54" width="69.43" height="16.75" style="fill:url(%23lgrad-1); stroke-width: 0px;"></rect></g></g><polygon points="438.64 170.72 420.31 161.97 446.52 145.09 426.33 135.47 383.94 162.8 404.11 172.42 382.27 192.51 438.64 170.72" style="fill: rgb(255, 255, 51); stroke: rgb(84, 84, 84); stroke-miterlimit: 10;"></polygon><polygon points="225.91 141.98 246.21 141.47 229.15 115.37 251.51 114.8 279.09 157.03 256.75 157.6 268.52 184.85 225.91 141.98" style="fill: rgb(255, 255, 51); stroke: rgb(84, 84, 84); stroke-miterlimit: 10;"></polygon><polygon points="195.1 184.92 206.27 175.48 184.93 168.51 197.23 158.12 231.74 169.41 219.46 179.79 238.34 189.79 195.1 184.92" style="fill: rgb(255, 255, 51); stroke: rgb(84, 84, 84); stroke-miterlimit: 10;"></polygon><polygon points="181.4 108.87 190.88 99.39 181.32 89.84 171.85 99.31 162.37 89.84 152.82 99.39 162.29 108.87 152.82 118.34 162.37 127.9 171.85 118.42 181.32 127.9 190.88 118.34 181.4 108.87" style="fill: rgb(78, 137, 224); stroke-width: 0px;"></polygon></g><g transform="matrix(0.166142, 0, 0, 0.166142, -16.038645, -11.156172)" style=""><g><line x1="473.67" y1="176.52" x2="472.65" y2="212.97" style="fill: none; stroke: rgb(54, 54, 54); stroke-linecap: round; stroke-miterlimit: 10; stroke-width: 0.5px;"></line><line x1="491.38" y1="195.25" x2="454.94" y2="194.23" style="fill: none; stroke: rgb(54, 54, 54); stroke-linecap: round; stroke-miterlimit: 10; stroke-width: 0.5px;"></line></g><g><line x1="687.01" y1="278.16" x2="686" y2="314.6" style="fill: none; stroke: rgb(54, 54, 54); stroke-linecap: round; stroke-miterlimit: 10; stroke-width: 0.5px;"></line><line x1="704.73" y1="296.89" x2="668.28" y2="295.87" style="fill: none; stroke: rgb(54, 54, 54); stroke-linecap: round; stroke-miterlimit: 10; stroke-width: 0.5px;"></line></g><circle cx="564.26" cy="147.06" r="29.24" transform="translate(401.51 706.99) rotate(-88.4)" style="fill: none; stroke: rgb(54, 54, 54); stroke-linecap: round; stroke-miterlimit: 10; stroke-width: 0.5px;"></circle><path d="m620.17,180.61c-.04,1.51-1.3,2.71-2.82,2.67-1.51-.04-2.71-1.31-2.67-2.82.04-1.51,1.31-2.71,2.82-2.67,1.52.04,2.71,1.31,2.67,2.82Z" style="fill: none; stroke: rgb(54, 54, 54); stroke-linecap: round; stroke-miterlimit: 10; stroke-width: 0.5px;"></path><path d="m523.47,354.82c-.04,1.51-1.3,2.71-2.82,2.67-1.51-.04-2.71-1.31-2.67-2.82.04-1.51,1.31-2.71,2.82-2.67,1.52.04,2.71,1.31,2.67,2.82Z" style="fill: none; stroke: rgb(54, 54, 54); stroke-linecap: round; stroke-miterlimit: 10; stroke-width: 0.5px;"></path></g><g transform="matrix(0.166142, 0, 0, 0.166142, -16.038645, -11.156172)" style=""><g><line x1="109.58" y1="597.03" x2="138.48" y2="574.81" style="fill: none; stroke: rgb(54, 54, 54); stroke-linecap: round; stroke-miterlimit: 10; stroke-width: 0.5px;"></line><line x1="112.92" y1="571.47" x2="135.14" y2="600.37" style="fill: none; stroke: rgb(54, 54, 54); stroke-linecap: round; stroke-miterlimit: 10; stroke-width: 0.5px;"></line></g><g><line x1="53.68" y1="367.42" x2="82.59" y2="345.2" style="fill: none; stroke: rgb(54, 54, 54); stroke-linecap: round; stroke-miterlimit: 10; stroke-width: 0.5px;"></line><line x1="57.03" y1="341.85" x2="79.25" y2="370.76" style="fill: none; stroke: rgb(54, 54, 54); stroke-linecap: round; stroke-miterlimit: 10; stroke-width: 0.5px;"></line></g><circle cx="29.49" cy="545.41" r="29.24" transform="translate(-377.02 180.6) rotate(-45)" style="fill: none; stroke: rgb(54, 54, 54); stroke-linecap: round; stroke-miterlimit: 10; stroke-width: 0.5px;"></circle><path d="m20.25,480.84c1.2-.92,2.92-.7,3.85.5.92,1.2.7,2.93-.5,3.85s-2.93.7-3.85-.5-.7-2.93.5-3.85Z" style="fill: none; stroke: rgb(54, 54, 54); stroke-linecap: round; stroke-miterlimit: 10; stroke-width: 0.5px;"></path><path d="m216.39,445.83c1.2-.92,2.92-.7,3.85.5.92,1.2.7,2.93-.5,3.85s-2.93.7-3.85-.5c-.92-1.2-.7-2.93.5-3.85Z" style="fill: none; stroke: rgb(54, 54, 54); stroke-linecap: round; stroke-miterlimit: 10; stroke-width: 0.5px;"></path></g><g transform="matrix(0.166142, 0, 0, 0.166142, -16.038645, -11.156172)" style=""><path d="m511.4,586.44c8.4,0,13.6,3.95,13.6,10.97,0,9.46-9.65,10.72-9.65,18.05h-8.33c0-9.65,7.71-10.22,7.71-16.23,0-2.63-1.63-3.82-4.39-3.82-3.07,0-4.7,1.82-4.76,5.58h-8.58c.06-9.21,5.45-14.54,14.41-14.54h0Zm5.01,39.17c0,3.2-2.26,5.45-5.39,5.45s-5.33-2.26-5.33-5.45,2.19-5.39,5.33-5.39,5.39,2.19,5.39,5.39Z" style="stroke-width: 0px;"></path><path d="m95.41,680.45c0,4.1-3.33,7.43-7.43,7.43s-7.43-3.33-7.43-7.43,3.33-7.43,7.43-7.43,7.43,3.33,7.43,7.43Z" style="fill: rgb(99, 174, 145); stroke-width: 0px;"></path><path d="m282.57,682.03c0,4.1-3.33,7.43-7.43,7.43s-7.43-3.33-7.43-7.43,3.33-7.43,7.43-7.43,7.43,3.33,7.43,7.43Z" style="fill: rgb(99, 174, 145); stroke-width: 0px;"></path><path d="m462.37,623.96c0,4.1-3.33,7.43-7.43,7.43s-7.43-3.33-7.43-7.43,3.33-7.43,7.43-7.43,7.43,3.33,7.43,7.43Z" style="fill: rgb(183, 225, 213); stroke-width: 0px;"></path><g><rect x="326.42" y="654.83" width="9.66" height="62.39" style="stroke-width: 0px;"></rect><g><path d="m296.53,591.99h69.43v34.71c0,19.17-15.54,34.71-34.71,34.71h0c-19.17,0-34.71-15.54-34.71-34.71v-34.71h-.01Z" style="stroke-width: 0px;"></path><rect x="296.53" y="592" width="69.43" height="16.75" style="fill:url(%23lgrad-1); stroke-width: 0px;"></rect></g></g><polygon points="243.85 618.02 241.62 597.83 217.06 617.04 214.6 594.81 254.35 563.75 256.8 585.96 282.95 571.93 243.85 618.02" style="fill: rgb(255, 255, 51); stroke: rgb(84, 84, 84); stroke-miterlimit: 10;"></polygon><polygon points="425.26 575.81 412.59 583.12 432.36 593.76 418.41 601.8 386.44 584.57 400.37 576.53 383.56 563.35 425.26 575.81" style="fill: rgb(255, 255, 51); stroke: rgb(84, 84, 84); stroke-miterlimit: 10;"></polygon><polygon points="214.99 661.42 224.47 651.94 214.91 642.39 205.44 651.86 195.96 642.39 186.41 651.94 195.88 661.42 186.41 670.89 195.96 680.45 205.44 670.97 214.91 680.45 224.47 670.89 214.99 661.42" style="fill: rgb(78, 137, 224); stroke-width: 0px;"></polygon><polygon points="417.51 673.57 426.99 664.1 417.43 654.54 407.96 664.02 398.48 654.54 388.93 664.1 398.4 673.57 388.93 683.05 398.48 692.6 407.96 683.13 417.43 692.6 426.99 683.05 417.51 673.57" style="fill: rgb(78, 137, 224); stroke-width: 0px;"></polygon></g><linearGradient id="lgrad-1" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="0.32" style="stop-color:rgb(104,176,58);stop-opacity:1.00"></stop><stop offset="0.37" style="stop-color:rgb(98,173,70);stop-opacity:1.00"></stop><stop offset="0.45" style="stop-color:rgb(81,166,101);stop-opacity:1.00"></stop><stop offset="0.56" style="stop-color:rgb(54,154,152);stop-opacity:1.00"></stop><stop offset="0.69" style="stop-color:rgb(17,138,222);stop-opacity:1.00"></stop><stop offset="0.74" style="stop-color:rgb(0,131,253);stop-opacity:1.00"></stop></linearGradient></svg>');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    height: 75vh;
    width: 100%;
}

.titleError{
    font-family: 'Montserrat-ExtraBold', arial !important;
    font-weight: normal;
    line-height: 100%;
    font-size: min(6.5vh, 8.5vw);
    margin-top: min(3.0vh, 3.9vw);
    margin-bottom: 0;
    /* font-size: min(max(25px, 6vw), 11vw); */
    background: linear-gradient(var(--custom-gradient));
    background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    /* font-size: calc(2em + 1vw); */
    /* position: absolute; */
    /*  bottom: 54%; */
    /* font-size: min(max(30px, 10vw), 50px); */
}

.titleCodeError{
    font-family: 'Montserrat-ExtraBold', arial !important;
    font-weight: bold;
    line-height: 100%;
    font-size: min(16vh, 20vw);
    margin: 0;
    /* font-size: min(max(95px, 10vw), 11vw); */
    background: linear-gradient(var(--custom-gradient));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    /* font-size: calc(6.5em + 1vw); */
    /* position: absolute; */
    /* bottom: 38%; */
    /* font-size: min(max(95px, 10vw), 11vw); */
    /* line-height: 83px; */
}

.textError{
    color: #000;
    font-size: min(4.0vh, 5.2vw);
    margin-top: min(1.0vh, 1.3vw);
    margin-bottom: 0;
    /* font-size: calc(1em + 1vw); */
    /* position: absolute; */
    /* bottom: 35%; */
    /* font-size: min(max(25px, 3vw), 4vw); */
}

/* .positionTextError{
    position: absolute;
    flex-direction: column;
    bottom: 35%;
} */

/* SVG ICONS GRADIENTS --------------------------------------------------*/

.successCircle-GradientSVG{
    --webkit-mask: url(../assets/icons/custom-icons/success-circle.svg) no-repeat 100% 100%;
    height: 120px;
    width: 120px;
    background: linear-gradient(var(--custom-gradient));
}

.rectangleWidth-modal{
    max-width: 50rem !important;
}

    button.modalCode-button:not([disabled="disabled"]){
        background-color: var(--color-green) !important;
    }

    button.modalCodeInfo-button:not([disabled="disabled"]){
        background-color: var(--color-blue) !important;
    }

    button.modalCode-button:is([disabled="disabled"],[disabled]),
    button.modalCodeInfo-button:is([disabled="disabled"],[disabled]){
        background-color: var(--color-gray) !important;
    }

/* CALENDARIO */

.custom-date-picker {
    position: relative;
}

.custom-date-picker__background{
    position: fixed;
    left: 0;
    right:0;
    top: 0;
    bottom: 0;
    background-color: transparent;
    z-index: 100;
}


.container_calendar{
    width: auto;
    height: auto;
  }

  .container_change_month{
    width: 100% !important;
    height: 30px;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    }

    .bordersTop-radius1{
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
    }

    .container_month{
        height: 20px;
      margin: auto;
    }

    .container_weedays{
    width: 100%;
    height: 40px;
    display: flex;
    margin: 0px
}

.week_days_item{
    height: 100%;
    line-height: 2.5;
     display: flex;
    /* background: firebrick; */
    margin: auto;
    width: calc(100% / 7);
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.week_days{
    height: 100%;
    line-height: 2.5;
     display: flex;
    /* background: firebrick; */
    margin: auto;
    width: calc(100% / 7);
    align-items: center;
    justify-content: center;
}

  .container_days{
    width: 100%;
    height: auto;
    /* background: darkcyan; */
    display: flex;
    flex-flow: row wrap;
  }

  .item_day{
    color: rgb(78, 78, 78);
      height: 20px;
      margin: 5px 0px;
      padding: 0px;
  }

  .prev_days{
    opacity: 0.5;
    cursor: text !important;
    color: rgb(78, 78, 78);
      height: 20px;
      margin: 5px 0px;
      padding: 0px;
  }

  .backgroundBlue{
    background-color: var(--color-blue);
  }

  .textBlue{
    color: var(--color-blue);
  }

  .rotate270{
    transform: rotate(270deg);
  }

  .rotate180{
    transform: rotate(180deg);
  }

  .today{
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--color-green);
    color: white;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }

  .dropDownCalendar{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    color: var(--color-blue);
    text-align: end;
    cursor: pointer;
  }

  .dropDownCalendar:focus-visible{
    outline: none;
  }

  .dropDownCalendar::-ms-expand{
    display: none;
  }

  .inputYearCalendar,
  .inputYearCalendar:focus-visible,
  .inputYearCalendar::placeholder{
    width: 2.7rem;
    border: none;
    outline: none;
  }


  .container_dropdown {
    position: relative;
}

.dropdown-content {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #f9f9f9;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content.show {
    display: block;
    z-index: 1100;
    width: 22.5rem;
    height: 19.5rem;
    border-radius: 1rem;
    transform: scale(0.75);
}

select#month_dropdown option{
    font-size: 11px !important;
    padding: 10px !important;
    color: #606060 !important;
}

.optionCalendar:hover
.optionCalendar:focus{
    background-color: white !important;
    color: var(--color-blue) !important;
}

@media screen and (max-width:992px) {
    .dropdown-content.show {
        display: block;
        z-index: 1100;
        width: 26.5rem;
        height: 19.5rem;
        border-radius: 1rem;
        transform: scale(0.65);
    }

    div.dropdown-content .bordersTop-radius1{
        border-top-left-radius: 1rem;
        border-top-right-radius: 1rem;
    }
}

@media screen and (max-width:576px) {

    .dropdown-content.show {
        display: block;
        position: fixed;
        top: calc( 100vh - 19.5rem );
        left: 0;
        z-index: 1100;
        width: 100vw;
        height: 19.5rem;
        border-radius: 0;
        transform: scale(1) !important;
    }

    div.dropdown-content .bordersTop-radius1{
        border-top-left-radius: 0rem;
        border-top-right-radius: 0rem;
    }

    .dropdown-menu.calendarSelect {
        top: -5rem !important;
    }
}

.dropdown-month.calendarSelect{
    position: relative;
}

.dropdown-menu.calendarSelect {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: none;
    border-radius: .5rem;
    box-shadow: 8px 6px 16px -4px rgba(0,0,0,0.51);
}

.dropdown-menu.calendarSelect.show {
    display: block;
}

.custom-date-picker__dropdown-year-menu {
    max-height: 200px;
    overflow-y: auto;
}

.custom-date-picker__dropdown-year-menu::-webkit-scrollbar {
    display: none;
}

.custom-date-picker__dropdown-year-menu {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.dropdown-item.calendarSelect {
    display: block;
    width: 100%;
    padding: 0.1rem 1rem;
    clear: both;
    font-weight: 400;
    color: var(--color-gray-dark);
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    cursor: pointer;
}

.dropdown-item.calendarSelect:hover{
    color: var(--color-blue);
}

.custom-date-picker__dropdown-year {
    position: relative;
    display: inline-block;
}

.custom-date-picker__dropdown-year-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
    max-height: 200px;
    overflow-y: auto;
}

.custom-date-picker__dropdown-year-menu.show {
    display: block;
}

.custom-date-picker__dropdown-year-menu .dropdown-item {
    display: block;
    width: 100%;
    padding: 0.25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    cursor: pointer;
}

.custom-date-picker__dropdown-year-menu .dropdown-item:hover {
    background-color: #f8f9fa;
}

.custom-date-picker__dropdown-year-menu .year-active {
    background-color: #007bff;
    color: white;
}
.dropdown-toggle.calendarSelect{
    font-size: 1rem;
    height: 1.5rem;
    padding-top: 0px;
    padding-right: 0px;
    background: white;
    color: var(--color-blue);
    border: none;
}

.dropdown-toggle.calendarSelect::after{
    border: none;
    content:none
}

.btn.calendarSelect:first-child:active{
    background: white !important;
    border: none !important;
    color: var(--color-blue) !important;
}

button.calendarSelect{
    font-family: var(--bs-btn-font-family) !important;
}

.month-active{
    color: var(--color-blue) !important;
}

.highlightedText{
    background-color: var(--color-blue);
}

/* INICIO */

/* CARROUSEL */

div:is(#carouselHome-escritorio,#carouselHome-mobile,#carouselAjustes) .carousel-indicators [data-bs-target] {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    padding: 0;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: var(--color-gray);
    background-clip: padding-box;
    border: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: 0.5;
    transition: opacity 0.6s ease;
}

div:is(#carouselHome-escritorio,#carouselHome-mobile) .carousel-indicators [data-bs-target].active {
    background-color: var(--color-gray-dark);
    background-clip: padding-box;
}

div:is(#carouselAjustes) .carousel-control-prev{
    height: 2rem;
    left: 20px;
    top: 6.5rem;
}

div#carouselAjustes .carousel-indicators{
    margin: 0px;
    bottom: -30px;
    left: 43%;
    width: 4.5rem;
}

div:is(#carouselAjustes) .carousel-control-next{
    height: 2rem;
    right: 20px;
    top: 6.5rem;
}

div#carouselAjustes .carousel-indicators [data-bs-target].active {
    background-color: black;
    background-clip: padding-box;
}

.carousel-indicators .active {
    opacity: 1;
}

div:is(#carouselHome-escritorio,#carouselHome-mobile) .carousel-indicators{
    margin-bottom: -0.2rem !important;
}

div#carouselHome-mobile{
    box-shadow: rgb(0 0 0 / 23%) 0px 0rem 1rem 0rem !important;
    border-radius: 0.7rem;
    margin-left: 1.2rem;
    margin-right: 1.2rem;
    overflow: hidden;
    max-height: 300px !important;
    min-height: 90px !important;
}
#carouselHome-mobile .carousel-item img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}
 .mainMenu-mobile{
    box-shadow: rgb(0 0 0 / 15%) 0px -1rem 1.8rem 0rem !important;
    height:5rem;
    width: 100%;
    z-index: 1000;
  }

  .text-menuMainDrop {
    font-size: 0.8rem;
}

  .grid-mainMenu{
  display: grid;
  grid-template-columns: repeat(5,20%);
  grid-template-rows: 100%;
  align-items: center;
  justify-items: center;
}

@media (max-width:576px){
div:is(#carouselHome-escritorio,#carouselHome-mobile) .carousel-indicators [data-bs-target]{
        width: 6px !important;
    height: 6px !important;
    }
}

@media (min-width:576px) and (max-width:768px){

    div:is(#carouselHome-escritorio,#carouselHome-mobile) .carousel-indicators [data-bs-target]{
        width: 8px !important;
    height: 8px !important;
    }

    .iconMenu-mobile{
  width: 2rem;
  font-size: 2rem;
  color: #606060;
}
.iconMainMenu-mobile{
    width: 6rem !important;
}

    .posicion-iconoMain {
        position: absolute;
        bottom: 1.8rem;
        left: -4.5px;
    }
    .dropDownMain-mobile{
    margin: 18px 11px !important;
    box-shadow: rgb(0 0 0 / 15%) 0px 0rem 1.8rem 0rem !important;
    min-width: 40vw !important;
    border-radius: 0.75rem;
}
    }


@media screen and (max-width:576px) {

 .gap2-1 {
    gap: 0.6rem !important;
}
    .iconMenu-mobile{
  width: 1.5rem;
  font-size: 1.5rem;
  color: #606060;
}

.textMenu-mobile{
    font-size: 0.54rem;
    overflow-wrap: initial;
}

.mainMenu-mobile{
    height:4rem;
  }

.iconMainMenu-mobile{
    width: 5.5rem !important;
}

    .posicion-iconoMain {
        position: absolute;
        bottom: 1.3rem;
        left: -4px;
        top: -30px;
    }

    .dropDownMain-mobile{
        margin: 22px 2px !important;
        box-shadow: rgb(0 0 0 / 15%) 0px 0rem 1.8rem 0rem !important;
    min-width: 39vw !important;
    border-radius: 0.75rem;
}
}

/* PARAMETROS */

.transitionTable-height{
    transition: height .3s;
}

.borderTable-verde{
    border: 2px solid var(--color-green-light) !important;
    border-radius: 1rem;
}

.borderTableBottom-verde{
    border-bottom: 1px solid var(--color-green-light);
}

thead > tr.borderTableBottom-verde{
    border-bottom: 1px solid var(--color-gray-light);
}

.borderTableBottom-transparent{
    border: 1px solid transparent !important;
}

.sizePencil-table{
    height: 1.7rem;
}

.sizeImage-table{
    max-width: 100%;
    max-height: 100%;
}

.widthNumeroTable{
    width: 5rem;
}
.eyes-table {
    height: 22px;
    width: 22px;;
}
.location-user-table {
    position: absolute;
    bottom: 0;
    right: 0;
}
.bg-icon-white {
    background-color: white;
    border-radius: 50%;
}
@supports(object-fit: contain){
    .sizeImage-table{
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
}

.titleMessage-table{
    font-size: 1rem;
}


.imgMessage-table{
    height: 7rem;
}

.respContainer-table{
    transition: all 1s;
}

@media screen and (max-width:576px) {
    .titleMessage-table{
    font-size: 1.2rem;
}

.imgMessage-table{
    height: 6rem;
}

}



.tabla-admin tr {
    transition: background-color 0.3s ease;
}

/* Mantener el hover en el tr */
.tabla-admin tr {
    transition: background-color 0.3s ease;
    width: 100%;
}

.tabla-admin tr:hover,
.tabla-admin tr:hover td {
    background-color: #dbeeff !important;
    cursor: pointer;
}

/* Extender el fondo hasta los bordes del contenedor */
.tabla-admin tr:hover {
    box-shadow: 0 0 0 100vw #dbeeff;
    clip-path: inset(0 -100vw);
}

/* Centrado vertical */


/* Alineación de elementos flex */
.tabla-admin .d-flex {
    align-items: center !important;
}

.tabla-admin .d-flex.flex-column {
    align-items: center !important;
    justify-content: center !important;
}

/* MODAL */

.modal.modal-general{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #111111bd;
    display: flex;
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s .5s;
    --transform: translateY(-100vh);
    --transition: transform .3s;
}

.modal.modalInferior{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #111111bd;
    display: flex;
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s .5s;
    --transform: translateY(100vh);
    --transition: transform .3s;
}


.modal.modalInferior--show{
    opacity: 1;
    pointer-events: unset;
    transition: opacity .6s;
    --transform: translateY(0);
    --transition: transform .3s .3s;
}

.modal.modal-general--show{
    opacity: 1;
    pointer-events: unset;
    transition: opacity .6s;
    --transform: translateY(0);
    --transition: transform .3s .3s;
}

.modal__generalContainer{
    margin: auto;
    width: 100%;
    max-width: 57rem;
    max-height: 95%;
    background-color: #fff;
    border-radius: 1rem;
    padding: 1em 1em 2em 1rem;
    place-items: center;
    transform: var(--transform);
    transition: var(--transition);
}


.modal__generalTitle{
    font-size: 1.5rem;
    text-align: start;
    font-family: 'Myriad Pro', arial !important;
}

.modal__generalClose{
    text-decoration: none;
    padding-top: 0.5rem;
    padding-right: 0.5rem;
    border: none;
}

.widthModalSession{
    max-width: 33rem !important;
}

.widthModalSessionMobile{
    width: 100% !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
    margin-bottom: 0px !important;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 25px;
    border-top-left-radius: 25px;

}

.sizeImgTitle-modal{
    min-width: 2rem;
    max-width: 3rem;
}

a.selectPill.dropdown-toggle::after{
    border: none !important;
}

a.selectPill.dropdown-toggle{
    text-align: start;
    color: var(--color-gray-dark) !important;
    font-size: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-top: 0.4rem !important;
    padding-bottom: 0.4rem !important;
}

.custom-modal-payment  {
    border-radius: 8px; background-position: right  15px center; line-height: 30px;
}
a.selectPill.dropdown-toggle.disabled{
    border: 2px solid var(--color-green-light) !important;
    color: var(--color-gray-light) !important;
    opacity: 1 !important;
    background-color: white !important;
}

ul.dropdown-menu.dropdown-selectPill.show{
    border: 2px solid var(--color-green);
    border-top-right-radius: 0.5rem;
    border-top-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
    padding-top: 0;
    padding-bottom: 0;
    box-shadow: 3px 2px 8px 0px rgba(0, 0, 0, 0.23);
    width: 100%;
    max-height: 10rem;
    overflow-y: auto;
}

ul.dropdown-menu.dropdown-selectPill.show::-webkit-scrollbar{
    width: 7px;
  height: 7px;
}

ul.dropdown-menu.dropdown-selectPill.show::-webkit-scrollbar-track {
  background-color: white;
  border-radius: 2rem;
}

ul.dropdown-menu.dropdown-selectPill.show::-webkit-scrollbar-thumb {
  background-color: #e3e3e3;
  border-radius: 1rem;
}

.dropdown-selectPill.dropdown-selectPillBlue.show{
    border: 1px solid var(--color-blue) !important;
    padding-bottom: 0px !important;
}

a.btn.selectPill.show{
    border-bottom-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
    /* padding-top: 10px; */
    /* box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.23); */
    box-shadow: none;
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
}

ul.dropdown-selectPill a.dropdown-item{
    color: var(--color-gray-dark) !important;
    font-size: 0.875rem;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 1rem !important;
    min-height: 30px;
    display: flex;
    align-items: center;
}

ul.dropdown-selectPill li a.dropdown-item:last-child{
    margin: 0 !important;
}

.dropdownNoArrow-toggle::after{
    display: none !important;
}

.dropdownToggle-notification{
    margin-right: 4rem;
    width: 31rem;
    max-height: calc(72vh - 7rem - 2px) !important;
    border: 1px solid var(--color-green-light);
background: var(--color-white);
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
padding: 0px !important;
}

.paginationPage li{
    border: 1px solid var(--color-green-light) !important;
    color: var(--color-blue);
}

.paginationPage li:hover:not(.active){
    border: 1px solid var(--color-green-light) !important;
    color: var(--color-blue) !important;
    background-color: white;
}

.paginationPage li.active:hover{
    border: 1px solid var(--color-green-light) !important;
    color: white !important;
    background-color: var(--color-blue) !important;
}

ul.paginationPage li.page-item.page-link:is(:focus){
    z-index: 3;
    color: #fff;
    background-color: var(--color-blue);
    box-shadow: none;
}

ul.paginationPage li.page-item.page-link:hover{
     background-color: white;
    color: var(--color-blue);
    border: 1px solid var(--color-green-light)
}

ul.paginationPage li.page-item.page-link.disabled{
    background-color: white;
    color: var(--color-gray-light);
    border-color: var(--color-gray-extra-light);
    opacity: 0.5;
}


ul.paginationPage li.page-item:not(:last-child,.prev-page){
    margin-right: .25rem;
}



div.container-pages{
    margin-right: .25rem;
    margin-left: .25rem;
}


@media screen and (max-width: 576px) {
   .paginationPage li.active:hover {
   width: 30px;
        height: 30px;
        font-size: 11px;
}
ul.paginationPage li.page-item.page-link:hover {
   width: 30px;
        height: 30px;



}
ul.paginationPage li.page-item.page-link {
   width: 30px;
        height: 30px;
        font-size: 11px;

}
ul.paginationPage li.page-item.page-link.disabled {
 width: 30px;
        height: 30px;
        font-size: 11px;
}
div.container-pages {
    margin-right: 0.35rem;
    margin-left: 0.35rem;
}
.pagination-arrowProximo {

   width: 30px !important;
}
.mt-table {
    margin-top: -25px;
}
.pagination-arrowAnterior {

    width: 30px !important;
}
}

.bordeRedondo, .bordeRedondo li{
    border-radius: 6px;
}

ul.dropdown-selectPill.dropdown-selectPillBlue a.dropdown-item{
    color: var(--color-gray-dark) !important;
    padding-left: 1.1rem !important;
        padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}

ul.dropdown-selectPill.dropdown-selectPillBlue li:first-child a.dropdown-item{
    padding-top: 0.6rem !important;
    padding-bottom: 0.4rem !important;
}

ul.dropdown-selectPill.dropdown-selectPillBlue a.dropdown-item:hover text{
    color: white !important;
}

ul.dropdown-selectPill.dropdown-selectPillBlue li:last-child a.dropdown-item{
    margin-bottom: 0px !important;
    border-bottom-right-radius: 0.4rem !important;
    border-bottom-left-radius: 0.4rem !important;
    padding-bottom: 0.6rem !important;
}

ul.dropdown-selectPill a.dropdown-item:is(:focus,){
    background-color: var(--color-green-light);
    color: var(--color-gray-light) !important;
}

ul.dropdown-selectPillBlue a.dropdown-item:is(:focus,:hover){
    background-color: var(--color-blue);
    color: white !important;
}



ul.dropdown-selectPill a.dropdown-item.active{
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3ClinearGradient id='lgrad-1' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0.32' style='stop-color:rgb(104,176,58);stop-opacity:1.00'%3E%3C/stop%3E%3Cstop offset='0.37' style='stop-color:rgb(98,173,70);stop-opacity:1.00'%3E%3C/stop%3E%3Cstop offset='0.45' style='stop-color:rgb(81,166,101);stop-opacity:1.00'%3E%3C/stop%3E%3Cstop offset='0.56' style='stop-color:rgb(54,154,152);stop-opacity:1.00'%3E%3C/stop%3E%3Cstop offset='0.69' style='stop-color:rgb(17,138,222);stop-opacity:1.00'%3E%3C/stop%3E%3Cstop offset='0.74' style='stop-color:rgb(0,131,253);stop-opacity:1.00'%3E%3C/stop%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M 94.761 5.962 C 94.238 3.917 92.906 2.157 91.099 1.11 C 89.244 0.016 87.103 -0.269 85.058 0.254 C 83.012 0.777 81.253 2.109 80.206 3.917 L 37.254 76.93 L 19.607 50.484 C 18.418 48.724 16.61 47.487 14.517 47.107 C 12.424 46.678 10.284 47.107 8.524 48.296 C 6.764 49.485 5.527 51.292 5.147 53.385 C 4.719 55.478 5.147 57.619 6.336 59.379 L 31.023 96.433 C 32.497 98.668 34.971 100 37.634 100 L 37.872 100 C 40.631 99.905 43.105 98.478 44.532 96.052 L 93.905 12.003 C 94.999 10.148 95.285 8.007 94.761 5.962 Z M 37.634 95.148 Z' style='fill:url(%23lgrad-1)'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 13px;
    background-color: transparent !important;
    color: var(--color-gray-dark) !important;
    background-position: right 5px top 50%;
    padding-right: 2rem !important;
}

 /* .dropdown-item {
    position: relative;
    padding-right: 40px !important;
    display: flex;
    align-items: center;
} */
.widthButtonSmall-ajustes{
    width: 7rem;
}


.avisosGeneral{
    background-color: #d9ffdc;
    border-radius: 10px
}
.avisosGeneralBlue{
    background-color: var(--color-blue-light) !important;
    border-radius: 10px
}

.avisosGeneralGreen{
    background-color: var(--color-green-light-alert) !important;
    border-radius: 10px
}

@media screen and (max-width:768px) {


    .modal__generalContainer{
    margin-left: 2rem;
    margin-right: 2rem;
    }

    .modal__generalTitle{
    font-size: 1.5rem;
}

.primaryPill-input{
    font-size: 1rem;
}

a.selectPill.dropdown-toggle{
    font-size: 1rem;
}

ul.dropdown-selectPill a.dropdown-item{
    font-size: 1rem;
}
}

/* ANUNCIOS */

.positionFlechaSelect-adverts{
    background-position: right 20px center;
}

.maxHeightFilter-adverts{
    max-height: 2.6rem;
}

.imgSearch-adverts{
    height: 2.5rem;
    width: 1.4rem;
    fill: white !important;
}

.pauseStatus{
    background-color: var(--color-gray-extra-light);
    border-radius: 5px !important;
    height: 1.3rem;
    width: auto !important;
    font-size: 0.875rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-gray);
    padding-left: 0.7rem;
    padding-right: 0.7rem;
}

.activeStatus{
    background-color: var(--color-green-light);
    color: var(--color-green);
    border-radius: 5px !important;
    height: 1.3rem;
    line-height: 15px;
    width: auto !important;
    font-size:12px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 0.7rem;
    padding-right: 0.7rem;
}

.permanentStatus{
        background-color: var(--color-green-light);
    color: var(--color-green);
    border-radius: 5px !important;
    height: 1.7rem;
    width: auto !important;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 0.7rem;
    padding-right: 0.7rem;
}

.staticStatus{
    background-color: var(--color-blue-light);
    color: var(--color-blue);
    border-radius: 5px !important;
    height: 1.7rem;
    width: auto !important;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 0.7rem;
    padding-right: 0.7rem;
}

.programmedStatus{
    background-color: var(--color-orange-light);
    color: var(--color-orange);
    border-radius: 5px !important;
    height: 1.7rem;
    width: auto !important;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 0.7rem;
    padding-right: 0.7rem;
}

.blockStatus{
    background-color: var(--color-red-light);
    color: var(--color-red);
    border-radius: 5px !important;
    height: 1.3rem;
    line-height: 15px;
    font-size:12px;
    width: auto !important;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 0.7rem;
    padding-right: 0.7rem;
     font-weight: 300;

}

.sizeWidthButton-adverts{
    min-width: 75% !important;
    max-width: 100% !important;
}

.sizeDatePicker-adverts{
    height: 2.2rem !important;
}

.sizeDatePicker-adverts + span.calendarIcon svg{
    height: 2rem !important;
}

.marginDatePicker-notifications + span.calendarIcon svg{
    height: 2.5rem !important;
    margin-right: 0px !important;
}

.sizeDatePicker-adverts + span.calendarIcon{
    border: none !important;
    padding: 0 !important;
}

.paddingDatePicker-adverts{
    padding-right: 3.3rem;
    padding-left: 3.3rem;
}

.maxHeightModal-adverts{
    max-height: 43rem !important;
}

.widthEraseButton-adverts{
    max-width: 11rem;
}
.widthEraseModal-adverts{
    max-width: 35rem;
}

/* .estatusTableGreen,
.estatusTableBlue{
    font-family: 'Myriad Pro Bold', arial !important;
}
.estatusTableGreen{
    color: var(--color-green) !important;
}
.estatusTableBlue{
    color: var(--color-blue) !important;
} */


.paddingPillFilter{
    padding-left: 1rem !important;
    padding-top: 0.4rem !important;
    padding-bottom: 0.4rem !important;
    padding-right: 1rem !important;
}

.positionTableHeade{
    position: sticky;
    top: 55px;
    background: white;
    z-index: 999;
}

.shadowTable{
    box-shadow: 5px 5px 12px 0px rgba(0,0,0,0.15) !important;
-webkit-box-shadow: 5px 5px 12px 0px rgba(0,0,0,0.15) !important;
-moz-box-shadow: 5px 5px 12px 0px rgba(0,0,0,0.15) !important;
}

.selectPillShadow{
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.13), 0 1px 1px 0 rgba(0, 0, 0, 0.11);
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.13), 0 1px 1px 0 rgba(0, 0, 0, 0.11);
-moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.13), 0 1px 1px 0 rgba(0, 0, 0, 0.11);
}

.shadowcalendarSvG{
    filter: drop-shadow(1px 2px 3px #888);
}

.btnBlueShadow{
    box-shadow: 0px 1px 2px 0px rgba(60, 64, 67, 0.3),0px 1px 3px 1px rgba(60, 64, 67, 0.15);
        -webkit-box-shadow: 0px 1px 2px 0px rgba(60, 64, 67, 0.3),0px 1px 3px 1px rgba(60, 64, 67, 0.15);
-moz-box-shadow: 0px 1px 2px 0px rgba(60, 64, 67, 0.3),0px 1px 3px 1px rgba(60, 64, 67, 0.15);
}

@media screen and (max-width:576px) {
    .maxHeightModal-adverts{
        max-height: 50rem !important;
    }
    .btnFilter-adverts{
    font-size: 0.875rem !important;
    height: 2.5rem !important;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    border-radius: 2rem !important;
}
}
@media (min-width:576px) and (max-width:768px) {
    .maxHeightModal-adverts{
        max-height: 50rem !important;
    }
    .btnFilter-adverts{
    font-size: 1rem !important;
    height: 2.5rem !important;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    border-radius: 2rem !important;
}

}

@media (min-width:768px) and (max-width:992px) {
    .btnFilter-adverts{
    font-size: 1rem !important;
    height: 2.5rem;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    border-radius: 2rem !important;
}
}

@media (min-width:992px) and (max-width:1200px) {

.col12-adverts{
    width: 12% !important;
}

.col20-adverts{
    width: 20% !important;
}

.col22-adverts{
    width: 22% !important;
}

.btnFilter-adverts{
    height: 2.5rem;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    border-radius: 2rem !important;
}
}

@media (min-width:1200px) {
    .btnFilter-adverts{
    height: 2.5rem;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    border-radius: 2rem !important;
}
    }

/* NOTIFICATIONS ADMIN*/

.sizeImgIcon-input{
    height: 1.2rem;
    width: 1.2rem;
}

.dropdown-selectPill .dropdown-item{
    margin-bottom: .1rem !important;
    padding-left: 1rem !important;
}
.minWidthEmoji-notificationAd{
    width: 28%;
    justify-content: end;
}

.dropdownEmoji-notificationAd{
    box-shadow: rgb(0 0 0 / 15%) 0px 0.5rem 1rem 0.5rem !important;
    border: 3px solid var(--color-green-light);
    border-radius: 1rem;

     position: absolute;
            z-index: 1;
            max-height: 150px !important;
            overflow-y: auto;
            overflow-x: hidden;
            width: 20rem;
    padding: 0.9rem;
}

.dropdownEmoji-notificationAd button{
    padding: 2px;
    padding-left: 0px;
    padding-right: 0px;
            text-align: center;
            display: inline-block;
            cursor: pointer;
            font-size: 18px;
            flex: 1 0 calc(100% / 10);
            box-sizing: border-box;
            border: none;
    background: white;
    max-width: 28px;
}

.dropdownEmoji-notificationAd::-webkit-scrollbar{
    width: 11px !important;
    max-height: 8px !important;
}

.dropdownEmoji-notificationAd::-webkit-scrollbar-thumb{
    border-radius: 1rem;
}

.dropdownEmoji-notificationAd::-webkit-scrollbar-track{
    background: white;
    border-bottom-right-radius: 1rem;
    border-top-right-radius: 1rem;
}

 .emoji-row {
            display: flex;
    flex-wrap: wrap;
    width: 100%;
        }

 .primaryPillSinDerecha-input:focus{
    border-right: none !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.emojiTextarea-notification{
    width: auto !important;
    bottom: 12px;
    right: 5px;
    padding: 0;
}

/*---------------------*/

.notifications-vars{
    cursor: pointer;
    color: var(--color-green);
    background-color: transparent;
    border: 2px solid var(--color-green-light) !important;
    border-radius: 0px !important;
    border-right: 0px !important;
    border-left: 0px !important;
}
.notifications-vars .dropdown-toggle::after {
    display: none !important;
}

.notifications-vars .dropdown-menu{
    box-shadow: rgb(0 0 0 / 15%) 0px 0.5rem 1rem 0.5rem !important;
    border: 3px solid var(--color-green-light);
    border-radius: 1rem;
    padding: 0.9rem 0.5rem;
}
.notifications-vars .dropdown-item{
    min-width: 300px;
    padding: 0.3rem 1rem 0.3rem 1rem;
}
.notifications-vars .dropdown-item:hover,
.notifications-vars .dropdown-item:focus{
    background-color: var(--color-green-light);
}

.notifications-vars-textarea{
    border: none !important;
    position: absolute;
    bottom: 11.5px;
    right: 43px;
    width: 28px;
    height: 28px;
    padding: 0px;
}

/* AJUSTES USUARIOS */

 .titleMessage-ajustes {
  font-size: 1.2rem;

 }
.size-icons-parametros-ajustes {
    height: 9rem;
}
.icons-trash-ajustes
{
    font-size: 16px;
    height: 18px;;
    margin-top: 2px;
    fill: var(--color-gray) !important;
    cursor: pointer;
    color: var(--color-gray) !important;
}
.gradiente-trash:hover {
  background: linear-gradient(var(--custom-gradient2));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  transform: scale(1.2);
  transition: all 0.5s;
  display: inline-block;
}

.maxHeightModal-2factor-ajustes {
    max-height: 43rem !important;
}
.max-width-icon-autentication-ajustes {
    max-width: 322px;

}

.sizeImg-tituloTabsAjustes{
  width: 1.5rem;
  margin-right: 0.4rem;
}

.maxWidth-ajustes{
    max-width: 30rem;
}

.paddingAcordeonMetodos-ajustes{
    padding: 1rem !important;
    border-radius: 8px !important;
}

.paddingAcordeonMetodos-ajustes.accordion-button:not(.collapsed) {
    /* Reset de propiedades de Bootstrap */
    color: inherit !important;
    background-color: transparent !important;
    box-shadow: none !important;

}


/* Alternativa si quieres que el texto se ajuste en múltiples líneas */
.bg-not-paymentMethod.multiline::before {
  white-space: normal;
  word-wrap: break-word;
  line-height: 1.4;
}

.paddingAcordeonMetodos-ajustes .accordion-button:focus {
    z-index: 3;
    outline: 0;
    box-shadow: none !important; /* Esto quita el borde azul */
}

.paddingAcordeonMetodos-ajustes {
    --bs-accordion-btn-focus-box-shadow: none;
}
.colorSeccionAjustes{
  color: var(--color-gray-light2);
}

button.active .colorSeccionAjustes{
  color: var(--color-menu);
}

.size-tituloTabsAjustes{
    font-size: 1rem;
  }

  button[data-bs-toggle="tab"][aria-selected="true"].active.navButton-ajustes, button[data-bs-toggle="tab"][data-bs-target="#perfil_tabpanel"].active.navButton-ajustes{
    background: #cdffe0;
    border-top-left-radius: 0.75rem;
    border-top-right-radius: 0.75rem;
}



.nav-tabs.navTabs-ajustes  .nav-link.active{
  border-color: transparent !important;
}

.nav-tabs.navTabs-ajustes {
  border-bottom: 1px solid var(--color-gray-light2);
}



.sizeImgPerfil-ajustes{
    width: 10rem !important;
    height: 10rem !important;
}

.imgPerfil-ajustes{
    width:100%;
    aspect-ratio: 1/1;
    position:absolute !important;
    bottom:0px;
    right:0px;
    border: 0.1rem solid var(--color-blue) !important;
    fill: var(--color-gray-light2);
  }

  .buttonImgPerfil-ajustes{
    width: 3.3rem;
    height: 3.3rem;
    border: 0.1rem solid var(--color-blue) !important;
  }

  .sizeCameraPerfil-ajustes{
    cursor: pointer;
    width: 50px;
    height: 45px;
    padding: 0.5rem;
    top: 6%;
    right: -1%;
    position: absolute;

  }

  .sizeName-ajustes{
    font-size: 1.5rem;
  }

  .starReview-ajustes {
    width: 1.4rem;
}

.sizeInformation-ajustes{
    width:2rem !important;
    height:2rem !important;
    min-width:2rem !important;
    min-height:2rem  !important;
}

.fontSizeInformation-ajustes{
    font-size: 1.1rem !important;
}

.sizeFranjaContacto-ajustes{
    height: 3.5rem !important;
  }

.size-carrouselAjustes {
    aspect-ratio: 3 / 2 !important;
    width: 100% !important;
    max-width: 460px !important;
    padding-top: 2.5rem;
    max-height: 460px;
}

.sizeCorreosSecundarios-ajustes{
    font-size: 1rem;
  }

  .widthModalSecondary-ajustes{
    max-width: 35rem;
    min-width: 19rem;
}

  .widthModalTwoFactor-ajustes{
    max-width: 46rem;
}

.widthModalVerificacion-ajustes{
    max-width: 54rem !important;
}
.containerModalVerificacion-ajustes{
    max-width: 54rem !important;
    max-height: 41.5rem !important;
}
.max-h-modalIdVerify {
    max-height: 31rem !important;
}

.estatusdoImg-ajustes{
    width: 3.5rem;
    position: absolute;
    right: 0px;
    height: 3.5rem;
    top: 110px;
}

.sizeEstatusImg-ajustes{
    width: 3.1rem;
    height: 3.1rem;
}

.sizeButtonVerificacion-ajustes{
    width: 10rem;
    font-size: 1.2rem;
}

.sizeButtonTwofac-ajustes{
    width: 12rem;
    font-size: 1.2rem;
}

.sizeTitleDocumentos-ajustes{
    font-size: 1.2rem;
    font-family: 'Myriad Pro Bold', arial !important;
}

.borderDocumento-ajustes{
    border: 2px solid var(--color-gray);
    border-radius: 0.7rem;
    box-shadow: 7px 4px 10px -3px rgba(0,0,0,0.27);
}

.sizeImgDocumento-ajustes{
    max-width: 6rem;
    max-height: 3rem;
    min-width: 2.5rem;
}

.ms-custom {
    margin-left: 0.35rem !important;
}
.sizeImgDocumentoCamara-ajustes{
    max-width: 4rem;
    max-height: 3.5rem;
    min-width: 2.5rem;
}

.sizeImgDocumentoConfirm-ajustes{
    max-width: 2.5rem;
    max-height: 2.5rem;
}

.sizeImgRedSocial-ajustes{
    max-width: 2rem;
    max-height: 2rem;
    cursor: pointer;
}

.sizeImgRedSocial-ajustes:hover{
    fill: var(--color-blue);
}

.sizeImgRedSocial-ajustes.selected {
    fill: var(--color-blue);
}

.sizeSubtitleVerifi-ajustes{
    font-size: 1.6rem;
}

.sizeNoteVerifi-ajustes{
    font-size: 1rem;
    width: 28rem;
}

.sizeSubtitulo-ajustes{
    font-size: 1.2rem;
}

.sizeTituloModalVerifi-ajustes{
    font-size: 1.5rem;
}

.sizeLineGreen-ajustes{
    opacity: 1 !important;max-width:calc(100vw - 2.5rem) !important;margin-right: 1.2rem;
}

.ellipsistext-ajustes{
    overflow: hidden;
    text-wrap: nowrap;
    text-overflow: ellipsis;
}

.borderCarousel-ajustes{
    border-radius: 1.5rem;
}

.sizeTextOptionTwoFact-ajustes{
    font-size: 0.8rem !important;
    line-height: 15px;
}

.maxHeightModalTwoFactor-ajustes{
    max-height: 42rem !important;
}

.sizeTitleTwoFactor-ajustes{
    font-size: 1rem;
}

.h-container-modal-icon-2fact {
    height: 55px;
}

.nav-tabs .nav-link.navButton-ajustes:focus, .nav-tabs .nav-link.navButton-ajustes:hover{
    isolation: auto;
    border-color: transparent !important;
}

.sizeSoporte-ajustes{
    font-size: 0.85rem;
}

.tableLayoutCollapse{
    border-collapse: separate;
    border-spacing: 0;
}

.stickyHeadertable{
    position: sticky;
    z-index: 1;
    top: 0;
    background-color: white;
    border-bottom: 1px solid var(--color-green-light);
}

.sizeTextMetodos-ajustes{
  font-size: 1.125rem !important;
  text-align: center;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--color-gray-dark) !important;
}

.scrollModalMetodos-ajustes{
    padding-right: 5px;
    padding-left: 5px;
    height: 23rem !important;
    overflow-y: scroll;
    overflow-x: hidden;
    position: relative;
}

.scrollModalMetodos-ajustes.custom-scroll::-webkit-scrollbar {
    width: 5px;
    padding: 0.8rem;
}
.scrollModalFecha-ajustes{
    height: 18rem !important;
        overflow-y: scroll;
        overflow-x: hidden;
        position: relative;
}
.ps-10 {
    padding-right: 10px;
}

.scrollModalDirection-ajustes{
    height: 13rem !important;
    overflow-y: scroll;
    overflow-x: hidden;
    position: relative;
}

    .size-mensajeVerificar{
  max-width:30rem !important;
}

.bordeMetodos-ajustes{
    cursor: pointer;
    box-shadow: 0 .2rem .4rem #dddddc;
    transition: box-shadow 0.3s ease;
    border-radius: 0.9rem;
    height: 9.2rem !important;
}

.bordeMetodos-ajustes:hover{
    /* Sombra más fuerte al hacer hover */
   box-shadow: 0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);
   box-shadow:  0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);
}

.pencilButton-ajustes{
    width: 18px;
    height: 18px;
}

.pencilButtonPerfil-ajustes{
    border: none;
    margin-top: 0.8px;
    width: 17px;
    height: 17px;
}

.checkPerfil-ajustes{
    width: 1.1rem;
    fill:url(#lgrad-1);
}

.pencilButtonPerfil-ajustes:hover{
    transform: scale(1.2);
    transition: all 0.5s
}

.logoMetodoButton-ajustes{
    width: 3rem;
    height: 3rem;
}

.logoMetodoButton-ajustes.btn:first-child:active, .pencilButton-ajustes.btn:first-child:active{
    color: transparent;
    background-color: transparent;
    border-color: transparent;
}

.textAliasMetodos-ajustes{
    background-color:#e0e0e0;
    border-radius:1rem;
    color: var(--color-p) !important;;
    font-size: 0.75rem !important;
}


.widthModalVerificarDatos-ajustes{
    max-width: 42rem !important;
    min-width: 20rem
}

.widthModalMetodos-ajustes{
    max-width: 35rem;
    min-width: 20rem
}

.widthImgAcordeon-ajustes{
    width: 40px;
    height: 40px;
}

.accordion-button::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cg transform='matrix(14.925373, 0, 0, 14.925373, 0, 36.763283)' style=''%3E%3Cpath class='st0' d='M6.7,0v1.8H0V0H6.7z' style=''%3E%3C/path%3E%3C/g%3E%3C/svg%3E") !important;
    background-size: 38%;
    background-position: center;
}

.accordion-button.collapsed::after {
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cg transform='matrix(7.069156, 0, 0, 6.71141, 0, 0)' style=''%3E%3Cpath class='st0' d='M7.9,0v6.6h6.2v1.7H7.9v6.6H6.2V8.2H0V6.6h6.2V0H7.9z' style=''%3E%3C/path%3E%3C/g%3E%3C/svg%3E") !important;
    background-size: 55%;
    background-position: right;
}

/* div.modalMetodos .accordion-item:hover {
    background-color: #fff !important;
    border-color: #67B13A !important;
    box-shadow: 0 0 0 0.25rem rgba(103, 177, 58, 0.25);
} */

div:is(.modalMetodos,.modalMetodosCalculadora) .accordion-button:focus{
    box-shadow: none;
}

div:is(.modalMetodos,.modalMetodosCalculadora) .accordion-item{
    border: none !important;
}

div:is(.modalMetodos,.modalMetodosCalculadora) .accordion-button:not(.collapsed){
    color: var(--color-gray-dark);
    background-color: white;
    box-shadow: none;
}

div:is(.modalMetodos,.modalMetodosCalculadora) .sompraAcordeon-ajustes:hover{
    --webkit-box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.14), 0 2px 8px 0 rgba(0, 0, 0, 0.12), 0 3px 12px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.14), 0 2px 8px 0 rgba(0, 0, 0, 0.12), 0 3px 12px 0px rgba(0, 0, 0, 0.3);
    position: relative;
    z-index: 1;
    border-radius: 8px !important;
}

.accordion-button[aria-expanded="false"] svg.widthImgAcordeon-ajustes{
    fill: var(--color-gray-dark);
}


.accordion-button[aria-expanded="true"] svg.widthImgAcordeon-ajustes{
    fill:url(#lgrad-1)
}

.svgCustomFillGradient{
    fill:url(#lgrad-1);
}

.h-dropdown-ajustes {
    height: 46px;
}

.margenMetodosAcordeones-ajustes{
    padding: 1rem 1.25rem !important;
    border-radius: 0px;
    /* border-bottom: 2px solid #f0f0f0 !important; */
    width: 100%;
    cursor: pointer;
}


.fontsizeAcordeonInterno-ajustes{
    font-size: 0.9rem !important;
}

.widthImgAcordeon2-ajustes{
    width: 2rem !important;
    height: 2rem !important;
}

.buttonAtrasMetodos-ajustes:hover{
    fill: var(--color-green);
}

.buttonAtrasMetodos-ajustes{
    fill: var(--color-gray-dark);
    cursor: pointer;
    width: 20px !important;
    height: 30px !important;
}

.imagenMetodoGrande-Ajustes{
    width: 6rem !important;
    height: 6rem !important;
}

.widthTextMetodos-ajustes{
    width: 8rem !important;
}

.videoMetodos-ajustes{
    height: 260px !important;
    width: 85% !important;
    border-radius: 10px;
}

.ytmCuedOverlayHost {
    border: 1px solid #000 !important;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, .16) !important;
}

.imgPaisSelect-ajustes{
    width: 1.5rem;
    height: 1.5rem;
}

.btnGeneralBlue-ajustes{
    font-size: 0.9rem;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    background-color: var(--color-blue);
    color: white;
}

.btnGeneralBlue-ajustes,
.btnGeneralBlue-ajustes:active,
.btnGeneralBlue-ajustes:focus{
    font-size: 1rem;
    padding-top: 0.8rem !important;
    padding-bottom: 0.8rem !important;
    --bs-btn-color:var(--color-white) !important;
    --bs-btn-bg:var(--color-blue) !important;
    --bs-btn-border-color:var(--color-blue) !important;
    --bs-btn-hover-color:var(--color-white) !important;
    --bs-btn-hover-bg:var(--color-blue) !important;
    --bs-btn-hover-border-color:var(--color-blue) !important;
    background-color: var(--color-blue) !important;
    color: white !important;
    transition: all .5s;
    box-shadow: var(--shadow-primary-btn) !important;
}



.sizeInputCodeGeneral:focus {
    outline: none; /* Remueve el borde azul predeterminado */
    box-shadow: 0 0 5px var(--color-gray); /* Efecto de sombra al enfocar */
}
.sizeInputCodeGeneral:hover {

  color: var(--color-black2) !important;
}
.sizeInputCodeGeneral {

  color: var(--color-black2) !important;
}

.sizeTextModalGeneral{
    font-size: var(--font-size-input-general-mobile);
}


.sizeMensajeModalGeneral{
    width: 95%;
    font-size: var(--font-size-mensaje-general);
}

.miniMensajes{
    font-size: 0.8rem;
    color: var(--color-gray-light);
    line-height: 15px;
}

.svgAvisosGeneral{
    fill: var(--color-gray-dark);
    width: 25px;
    height: 25px;
}

.sizeSicoCode-ajustes{
    width: 8rem;
}

.heightVerification-ajustes{
        display: flex;
        flex-direction: column;
        justify-content: center;
        flex-grow: 1;
        height: 65vh;
    }

.sizeTitleModalGeneral {
    color: var(--color-black2) !important;
}
  .lineaSeguridad2 {
    position: relative;
}

.lineaSeguridad2::before {
    content: '';
    position: absolute;
    left: -1px;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 85%;
    background-color: #CDFFE0;
    border-radius: 2px;
}
/*
@media (max-width: 992px) {
    .bordeMetodos-ajustes {
        height: 10rem !important;
    }

} */

@media screen and (max-width: 768px) {
     .sizeCameraPerfil-ajustes {
        width: 41px;
        height: 36px;
        top: 5px;
        right: 1px;


    }
    .buttonImgPerfil-ajustes{
    width: 3rem;
    height: 3rem;
  }
    .paddingAcordeonMetodos-ajustes {
        padding-top: 0.8rem !important;
        padding-left: 0rem !important;
        padding-right: 0rem !important;
        padding-bottom: 0.8rem !important;
        border-radius: 8px !important;
    }
    .maxHeightModal-2factor-ajustes {
        max-height: 90% !important;
        height: 90% !important;
    }
     .fixed-bottom-mobile {
            position: fixed;
            bottom: 0;
            left: 0;
            right: 0;
            background: white;
            padding: 15px;
            box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
            z-index: 1000;
        }

    .containerModalVerificacion-ajustes {
        max-height: 95% !important;
        height: 95% !important;
    }
}
@media screen and (max-width: 576px) {
    .sizeImgDocumento-ajustes {
    max-width: 45px;
    max-height: 35px;
    min-width: 24px;
    }

    .ms-custom {
    margin-left: 0rem !important;
}
.sizeImgDocumentoCamara-ajustes {
    max-width: 45px;
    max-height: 35px;
    min-width: 24px;
}



     .titleMessage-ajustes {
  font-size: 1.1rem;
  max-width: 228px;

 }
 .size-icons-parametros-ajustes {
    margin-top: 60px;
    height: 8rem;
 }
    .icons-trash-ajustes
{
    font-size: 18px;

    margin-top: 2px;


}

.pencilButton-ajustes {
    width: 18px;
    height: 18px;
}
        .buttonImgPerfil-ajustes{
    width: 3rem;
    height: 3rem;
  }

    .sizeCameraPerfil-ajustes {
        width: 41px;
        height: 36px;
        top: 5px;
        right: 1px;

    }
.sizeTextMetodos-ajustes {
    font-size: 1rem !important;
}

.btn-secondary-settings  {
    border-radius: 10px !important;
    height: 47px;
    margin-top: 3px;
    width: 50px;
}

.sizeInputCodeGeneral2fac{
        min-width: 38px;
        max-width: 38px;
        width: 12%;
        height: 38px;
        /* border-radius: 0.5rem; */
        border: 0.5px solid var(--color-black);
        color: var(--color-black2) !important;
        text-align: center;
}
.sizeInputCodeGeneral2fac:focus {
   color: var(--color-black2) !important;
}

.paddingAcordeonMetodos-ajustes{
    padding-top: 0.8rem !important;
    padding-left: 0rem !important;
    padding-right: 0rem !important;
    padding-bottom: 0.8rem !important;
    border-radius: 8px !important;
}

input[placeholder="Escribe el usuario de tu red social"]::placeholder{
    font-size: 0.7rem !important;
}

input[placeholder="Escribe el usuario de tu red social"]{
    font-size: 0.7rem !important;
}

    .sizeSicoCode-ajustes{
    width: 7rem;
}

    .pencilButtonPerfil-ajustes {

        width: 15px;
         height: 15px;
    }
    .mt-pencilButtonPerfil {
        margin-top: 3px;
    }

    .checkPerfil-ajustes{
        width: 1rem;
        fill: url(#lgrad-1);
    }

    .widthNumber-ajustes{
        min-width: 8rem;
        max-width: 10rem;
    }

    .accordion-button.collapsed::after {
         background-size: 47%;
     }

     .accordion-button::after {
        background-size: 30%;
    }

    .sizeInputCodeGeneral{
        min-width: 38px;
        max-width: 38px;
        width: 16%;
        height: 16%;
        min-height: 38px;
        max-height: 38px;
    /* border-radius: 0.5rem; */
    border: 0.5px solid var(--color-black);
    text-align: center;
}

.miniMensajes{
    font-size: 0.7rem;
}

.svgAvisosGeneral{
    fill: var(--color-gray-dark);
    width: 20px;
    height: 20px;
}

    .sizeMensajeModalGeneral{
        font-size: var(--font-size-mensaje-general-mobile);
    }

    .displayCarousel-ajustes{
    display: none;
}
    .buttonAtrasMetodos-ajustes{
        width: 15px !important;
        height: 25px !important;
    }

    .widthImgAcordeon-ajustes{
        width: 30px !important;
        height: 30px !important;
    }

    .size-mensajeVerificar{
     width: calc(100vw - 6rem) !important;
   }

   .sizeTitleTwoFactor-ajustes{
       font-size: 0.8rem;
   }

   .sizeTextOptionTwoFact-ajustes{
       font-size: 0.6rem !important;
       line-height: 15px;
   }

       .sizeImg-tituloTabsAjustes{
     width: 1.6rem;
   }
   .sizeSubtitleVerifi-ajustes{
       font-size: 1.4rem;
   }

   .sizeSubtitulo-ajustes{
       font-size: 1.1rem;
   }

   .sizeNoteVerifi-ajustes{
       font-size: 1rem;
       width: 20rem;
   }

   .sizeButtonVerificacion-ajustes{
       width: 8rem;
       font-size: 1rem;
   }

   .sizeButtonTwofac-ajustes{
       width: 11rem;
       font-size: 1rem;
   }

   .sizeImgPerfil-ajustes{
       width: 8rem !important;
       height: 8rem !important;
      }
      .sizeImgPerfil-principal-ajustes {
        width: 8rem ;
        height: 8rem ;
      }
      .size-mobile-sizeImgPerfil-ajustes {
          width: 7.5rem !important;
       height: 7.5rem !important;
      }
      .sizeEstatusImg-ajustes {
    width: 2.3rem;
    height: 2.3rem;
}

      .size-tituloTabsAjustes{
       font-size: 0.7rem;

     }
     .buttonSecondary-ajustes {
        height: 32px;
        line-height: 8px;
     }

     .sizeCorreosSecundarios-ajustes{
       font-size: 0.85rem;
     }
     .sizeTitleDocumentos-ajustes{
       font-size: 0.7rem;
       font-family: 'Myriad Pro Bold', arial !important;
   }

   .sizeImgDocumentoConfirm-ajustes{
       max-width: 2rem;
       max-height: 2rem;
   }

   .sizeImgRedSocial-ajustes{
    max-width: 1.5rem;
    max-height: 1.5rem;
}

   .scrollModalMetodos-ajustes{

           overflow-y: scroll;
           overflow-x: hidden;
           position: relative;
   }

   .sizeTitleModalGeneral{
       font-size: var(--font-size-title-modal-mobile) !important;
   }

   .sizeSubtitleModalGeneral{
       font-size: var(--font-size-subtitle-modal-mobile) !important;
   }

   .sizeTextModalGeneral{
       font-size: var(--font-size-input-general-mobile);
   }

   .fontsizeAcordeonInterno-ajustes{
       font-size: 0.8rem !important;
   }

   .scrollSettingModal{
    height: calc(100vh - 29rem) !important;
        overflow-y: OVERLAY;
        overflow-x: hidden;
        position: relative;
        width: 100%;
  }

  .sizeTextAgregar-ajustes{
    font-size: 0.9rem !important;
  }

    .sizeImgPerfil-userg{
    width: 2.5rem !important;
    height: 2.5rem !important;
}
   }

   @media (min-width:576px) and (max-width:768px) {
    .sizeInputCodeGeneral2fac{
        min-width: 60px;
        max-width: 65px;
        height: 60px;
        width: 12%;
        height: 12%;
        min-width: 60px;
        max-width: 65px;
        /* border-radius: 0.5rem; */
        border: 0.5px solid var(--color-black);
        text-align: center;
}
    .sizeInputCodeGeneral2fac:focus {
       color: var(--color-gray-dark);
    }

    .sizeInputCodeGeneral{
    width: 50px;
    height: 50px;
    /* border-radius: 0.5rem; */
    border: 0.5px solid var(--color-black);
    color: var(--color-black) !important;
    text-align: center;
}
    .widthNumber-ajustes{
        width: 10rem;
    }
    .displayCarousel-ajustes{
    display: none;
}
       .sizeImg-tituloTabsAjustes{
     width: 1.6rem;
   }

   .sizeTitleTwoFactor-ajustes{
       font-size: 1rem;
   }

   .sizeTextOptionTwoFact-ajustes{
       font-size: 0.7rem !important;
       line-height: 15px
   }

   .sizeSubtitulo-ajustes{
       font-size: 1.1rem;
   }

   .sizeNoteVerifi-ajustes{
       font-size: 1rem;
       width: 20rem;
   }

   .sizeSubtitleVerifi-ajustes{
       font-size: 1.4rem;
   }

   .sizeButtonVerificacion-ajustes{
       width: 8rem;
       font-size: 1rem;
   }


   .sizeButtonTwofac-ajustes{
       width: 11rem;
       font-size: 1rem;
   }

   .sizeImgPerfil-ajustes{
       width: 9rem !important;
       height: 9rem !important;
      }

      .sizeTitleDocumentos-ajustes{
       font-size: 1rem;
       font-family: 'Myriad Pro Bold', arial !important;
   }

   .scrollSettingModal{
    height: calc(100vh - 29rem) !important;
        overflow-y: OVERLAY;
        overflow-x: hidden;
        position: relative;
        width: 100%;
  }

  .sizeTextAgregar-ajustes{
    font-size: 0.9rem !important;
  }

  .sizeImgPerfil-userg{
    width: 2.4rem !important;
    height: 2.4rem !important;
}

   }

   @media (min-width:768px) and (max-width:992px){


    .heightSection-ajustes{
        height: 627px !important;
    }

    .heightVerification-ajustes{
        display: flex;
        flex-direction: column;
        justify-content: center;
        flex-grow: 1;
        height: 65vh;
    }

    .sizeInputCodeGeneral{
        width: 55px;
        height: 55px;
    /* border-radius: 0.5rem; */
    border: 0.5px solid var(--color-black);
    text-align: center;
}
    .widthNumber-ajustes{
        width: 10rem;
    }
    .displayCarousel-ajustes{
    display: none;
}
       .sizeImg-tituloTabsAjustes{
     width: 1.4rem;
   }

   .size-tituloTabsAjustes{
       font-size: 0.8rem;
     }
     .sizeInputCodeGeneral2fac{
        min-width: 38px !important;
        max-width: 38px !important;
        width: 12% !important;
        height: 38px;
    }

    .heightSettingModal-userg{
        min-height: 41.5rem;
      }

      .sizeTextAgregar-ajustes{
        font-size: 1rem !important;
      }

      .sizeImgPerfil-userg{
    width: 2.5rem !important;
    height: 2.5rem !important;
}

   }

   @media (min-width:992px) {
    .heightSeguridad-ajustes{
    display: flex;
        flex-direction: column;
        justify-content: start;
        flex-grow: 1;
        height: 71vh;
}

.sizeImgPerfil-userg{
    width: 2.5rem !important;
    height: 2.5rem !important;
}

    .heightSection-ajustes{
        height: 627px;
    }

    .heightVerification-ajustes{
        display: flex;
        flex-direction: column;
        justify-content: center;
        flex-grow: 1;
        height: 65vh;
    }

    .sizeInputCodeGeneral{
        width: 55px;
        height: 55px;
    /* border-radius: 0.5rem; */
    border: 0.5px solid var(--color-black);
    text-align: center;
}

.sizeInputCodeGeneral2fac{
    min-width: 38px !important;
    max-width: 38px !important;
    width: 12% !important;
    height: 38px;
}


    .widthNumber-ajustes{
        width: 10rem;
    }
           .lineaSeguridad {
           border-left: 1px solid #CDFFE0 !important;
       }



       .borderUser-ajustes{
       border-right: 1px solid #CDFFE0 !important;;
   }

   .heightSettingModal-userg{
    min-height: 41.5rem;
  }

  .sizeTextAgregar-ajustes{
    font-size: 0.8rem !important;
  }

   }

   @media (min-width:1140px){
    .sizeTextMetodos-ajustes{
        font-size: 1rem !important;
      }
   }

   @media (min-width:1140px){
    .sizeTextMetodos-userg{
        font-size: 1.125rem !important;
      }
      .heightSettingModal-userg{
        min-height: 41.5rem;
      }
   }

/* GESTIÓN DE USUARIOS */

.buttonDesactivate-userg:not(.active){
    background-color: white !important;
    color: var(--color-gray-light) !important;
    border: 2px solid var(--color-green-light) !important;
    height: 46px;
     box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.13), 0 1px 1px 0 rgba(0, 0, 0, 0.11);
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.13), 1px 1px 1px 0 rgba(0, 0, 0, 0.11);
    -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.13), 1px 1px 1px 0 rgba(0, 0, 0, 0.11);
}

.widthEyeModal-userg{
    border:none !important;
    width: 40px !important
}

.buttonDesactivate-userg:not(.active){
    background-color: white !important;
    color: var(--color-gray-light) !important;
    border: 2px solid var(--color-green-light) !important;
    height: 46px;
     box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.13), 0 1px 1px 0 rgba(0, 0, 0, 0.11);
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.13), 1px 1px 1px 0 rgba(0, 0, 0, 0.11);
    -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.13), 1px 1px 1px 0 rgba(0, 0, 0, 0.11);
}

.buttonDesactivate-userg.active{
    background-color: var(--color-blue) !important;
    border: none !important;
    --bs-btn-color: white !important;
    --bs-btn-border-color: var(--color-blue) !important;
    --bs-btn-hover-color: white !important;
    --bs-btn-hover-bg: var(--color-blue) !important;
    --bs-btn-hover-border-color: var(--color-blue) !important;
    --bs-btn-active-color:white !important;
    --bs-btn-active-bg:var(--color-blue) !important;
    --bs-btn-active-border-color:var(--color-blue) !important;
    --bs-btn-disabled-color:white !important;
    --bs-btn-disabled-bg:var(--color-blue) !important;
    --bs-btn-disabled-border-color:var(--color-blue) !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    height: 46px;
     box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.13), 0 1px 1px 0 rgba(0, 0, 0, 0.11);
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.13), 1px 1px 1px 0 rgba(0, 0, 0, 0.11);
    -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.13), 1px 1px 1px 0 rgba(0, 0, 0, 0.11);
}

.borderBottomNone{
    border: none !important;
    border-bottom: transparent !important;
}

tbody.borderTableSinHead-verde {
        border-collapse: collapse;
        border-radius: 1rem;
        border-style: hidden;
        box-shadow: 0 0 0 2px var(--color-green-light) !important;
    }

.heightItemTable{
    height: 5rem;
}

.statusCircle{
    width: 16px;
    height: 16px;
    border-radius: 50%;
    box-shadow: 0px 0 15px 3px #afabab66;
}

.statusUserCircle{
    width: 12px;
    height: 12px;
    border-radius: 50%;
    box-shadow: 0px 0 15px 3px #afabab66;
}

.statusSuccess{
    background-color: var(--color-green);
}

.statusCancel{
    background-color: var(--color-danger);
}

.statusGray{
    background-color: var(--color-gray);
}

.sizeEstatusImg-userg{
    width: 15px;
    height: 15px;
}

.estatusdoImg-userg{
    width: 15px;
    position: absolute;
    right: 0px;
    height: 15px;
    bottom: 6px;
}

.estatusdoUserImg-userg{
    width: 12px;
    position: absolute;
    right: 0px;
    height: 12px;
    bottom: 3px;
}

.statusImgPerfil-userg{
    width: 3.5rem;
    height: 3.5rem;
}

.blockedImgPerfil-userg{
    width: 2.3rem;
    height: 2.3rem;
}

.blockedImgPerfilBg-userg{
    width: 2.3rem;
    height: 2.3rem;
    bottom: 5px !important;
    right: 13px !important;
    background-color: #ffffff;
}

.widthButtonSocial-userg{
    width: 7rem;
}

.widthSelectLevel-userg{
    width: 16rem;
    min-width: 13rem;
}

.widthModalDocument-userg{
    width: 39rem !important;
}

.widthModalBlocked-userg{
    max-width: 28.375rem;
}

.widthModalSelfie-userg{
    width: 32rem !important;
}

.maxHeightModalSelfie{
    max-height: 40rem !important;
}

.documentFImg-userg{
    max-width: 16rem;
    height: 100%;
}

.borderImgDocument-userg{
    border: 1px solid var(--color-gray-light);
    border-radius: 10px;
}

.sizeflechaAnterior-userg{
    width: 1.5rem;
    height: 100%;
}

.sizepencilChange-userg{
    width: 2rem;
    height: 100%;
}

.volverButton-userg{
    color: var(--color-gray-light);
}

.volverButton-userg:is(:hover,:active){
    color: var(--color-green);
}

/* The switch - the box around the slider */
.switch-userg {
  position: relative;
  display: inline-block;
  width: 43px;
  height: 26px;
}

/* Hide default HTML checkbox */
.switch-userg input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider-userg {
      position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--color-gray);
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 5rem;
    height: 22.9px;
    width: 45px;
}

.slider-userg:before {
    position: absolute;
    content: "";
    height: 22px;
    width: 22px;
    top: 0.9px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 5rem;
    border: 1px var(--color-gray) solid;
}

input:checked + .slider-userg {
  background-color: var(--color-blue);
}

input:focus + .slider-userg {
  box-shadow: 0 0 1px var(--color-blue);
}

input:checked + .slider-userg:before {
  -webkit-transform: translateX(30px);
  -ms-transform: translateX(30px);
  transform: translateX(22px);
}

.toggle-modal-trigger.checked+.slider-userg {
    background-color: var(--color-blue);
}

.toggle-modal-trigger.unchecked+.slider-userg {
    background-color: var(--color-gray);
}

.slider-userg.active:before {
    transform: translateX(22px);
}


.sizeImgProfile-userg{
       width: 10rem;
    height: 10rem;
}

.sizeImgPerfilModal-userg{
    width: 6.5rem !important;
    height: 6.5rem !important;
}

.sizeStatusPerfil-userg{
    width: 3.5rem;
    height: 3.5rem;
    padding: 0.5rem;
    left: 3.5rem;
    top: 3.5rem;
  }
/* Bloquear scroll cuando el calendario está abierto */




/* button gradiente general */

.gradient-btn {
    position: relative;
    z-index: 10;
    background: linear-gradient(92.46deg, #17b030 0.41%, #0083ff 99.59%);
    color: white;
    border: none;
    color: #FFF;
    height: 51px;
    font-family: "Myriad Pro";
    font-size: 1.12rem;
    font-style: normal;
    /* font-weight: 700; */
    line-height: 13.337px; /* 74.094% */
    padding: 17.783px 35.565px;
    border-radius: 10px;
    transition: transform 0.2s;
    /* box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.55) !important; */
    }

    .gradient-btn:hover {
    color: #ffff !important;
    transform: scale(1.05);
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.55) !important;
    }

.btn-gradient-custon {
    background: linear-gradient(92.46deg, #17b030 0.41%
    0.41%
    , #0083ff 99.59%);
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        border-radius: 10px !important;
}


.text-modal-verify-segurity {
    color: #000 !important;
    text-align: center;
    font-family: "Myriad Pro";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    max-width: 345px;
    line-height: 100%;

}
/* inputs */


.input-with-icon-session {
    position: relative;
    display: flex;
    align-items: center;
}

.input-icon-session{
    color: var(--color-green-light) !important;
    fill: var(--color-green-light) !important;
    position: absolute;
    left: 15px;
    z-index: 2;
    display: flex;
    align-items: center;
    pointer-events: none;
}


.floating-input-session {
    height: 46px;
    width: 100%;
    border: 2px solid #e1e5e9;
    border-radius: 6px;
    font-size: 1rem;
    background: transparent;
    transition: all 0.3s ease;
    outline: none;
    padding-left: 45px;
    padding-right: 15px;
}

.floating-input-password {
    padding-right: 50px;
}

.floating-label {
    position: absolute;
    left: 45px;
    top: 54%;
    transform: translateY(-50%);
    background: white;
    padding: 0 5px;
    color: #C4C4C4;
    font-size: 0.9rem;
    pointer-events: none;
    transition: all 0.3s ease;
    z-index: 1;
}

/* Cuando el input tiene contenido o está enfocado */
.floating-input-session:focus+.floating-label,
.floating-input-session:not(:placeholder-shown)+.floating-label,
.floating-input-session.has-content+.floating-label {
    top: 0;
    transform: translateY(-50%);
    font-size: 12px;
    color: #17B030;
    font-weight: 500;
    left: 10px;
    background: white;
    padding: 0 8px;
}


/* Íconos cuando el input tiene contenido pero NO está enfocado */
.input-with-icon-session:has(.floating-input-session:not(:placeholder-shown):not(:focus)) .icon-email::before,
.input-with-icon-session:has(.floating-input-session:not(:placeholder-shown):not(:focus)) .icon-password::before,
.input-with-icon-session:has(.floating-input-session:not(:placeholder-shown):not(:focus)) .icon-persona::before,
.input-with-icon-session:has(.floating-input-session:not(:placeholder-shown):not(:focus)) .icon-fecha::before,
.input-with-icon-session:has(.floating-input-session:not(:placeholder-shown):not(:focus)) .icon-alias::before,
.input-with-icon-session:has(.floating-input-session:not(:placeholder-shown):not(:focus)) .icon-drag_Indicator::before,
.input-with-icon-session:has(.floating-input-session:not(:placeholder-shown):not(:focus)) .icon-sitio::before,
.input-with-icon-session:has(.floating-input-session:not(:placeholder-shown):not(:focus)) .icon-search::before,
.input-with-icon-session:has(.floating-input-session:not(:placeholder-shown):not(:focus)) .icon-id::before,
.input-with-icon-session:has(.floating-input-session:not(:placeholder-shown):not(:focus)) .icon-pais::before,
.input-with-icon-session:has(.floating-input-session:not(:placeholder-shown):not(:focus)) .icon-telefono::before,
.input-with-icon-session:has(.floating-input-session:not(:placeholder-shown):not(:focus)) .icon-wallet::before,
.input-with-icon-session:has(.floating-input-session:not(:placeholder-shown):not(:focus)) .icon-redCripto::before,
.input-with-icon-session:has(.floating-input-session:not(:placeholder-shown):not(:focus)) .icon-id::before{
    color: var(--color-green-light);
}

/* Efecto hover y focus */
.floating-input-session:hover {
    border-color: #adb5bd;
    padding-left: 45px;
    padding-right: 15px;
}

.floating-input-password:hover {
    padding-right: 50px;
}

.floating-input-session:focus {
    border-color: #17B030;
}

/* Placeholder */
.floating-input-session:focus::placeholder,
.floating-input-session:not(:placeholder-shown)::placeholder,
.floating-input-session.has-content::placeholder {
    color: #adb5bd;
    opacity: 1;
}

.floating-input-session::placeholder {
    opacity: 0;
    transition: opacity 0.3s ease;
}

.floating-input-session:focus:not(:placeholder-shown)::placeholder {
    opacity: 1;
}


.position-error-password,
.form-control.is-invalid.input-password-session,
.was-validated .form-control.input-password-session:invalid {
    background-position: right calc(.375em + 3.1675rem) center;

}


.password-toggle-icon-session {
    position: absolute;
    right: 15px;
    z-index: 2;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all 0.3s ease;
    padding: 5px;
}

.password-toggle-icon:hover {
    opacity: 0.7;
}

.password-toggle-icon-session {
    position: absolute;
    right: 15px;
    z-index: 2;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all 0.3s ease;
    padding: 5px;
}

/* Cuando el select está enfocado/abierto */

.form-group-primary .select2:has(.select2-selection__rendered[title]:not([title=""]))~.floating-label,
.form-group-primary .select2:has(.select2-selection__rendered:not(:empty))~.floating-label {
    top: 0;
    transform: translateY(-50%);
    font-size: 12px;
    color: #17B030;
    font-weight: 500;
    left: 10px;
    background: white;
    padding: 0 8px;
}

/* Estados focus y open (estos ya funcionan) */
.form-group-primary .select2.select2-container--focus~.floating-label,
.form-group-primary .select2.select2-container--open~.floating-label {
    top: 0;
    transform: translateY(-50%);
    font-size: 12px;
    color: #17B030;
    font-weight: 500;
    left: 10px;
    background: white;
    padding: 0 8px;
}


.form-group-primary.has-selected-value .icon-pais::before {
    content: "" !important;
}


/* Iconos */


.icon-email::before {
    content: "\e158";
    font-family: 'Material Symbols Outlined';
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    line-height: 1;
    font-size: 24px;
    text-transform: none;

    -webkit-font-smoothing: antialiased;
}

.icon-search::before {
    content: "\e8b6";
    font-family: 'Material Symbols Outlined';
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    line-height: 1;
    font-size: 24px;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
}

.icon-password::before {
    content: "\e897";
    font-family: 'Material Symbols Outlined';
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    font-size: 24px;
    line-height: 1;
    text-transform: none;

    -webkit-font-smoothing: antialiased;
}
.icon-persona::before {
    content: "\e7fd";
    font-family: 'Material Symbols Outlined';
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    line-height: 1;
    font-size: 24px;
    text-transform: none;

    -webkit-font-smoothing: antialiased;
}

.icon-fecha::before {
    content: "\e935";
    font-family: 'Material Symbols Outlined';
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    line-height: 1;
    font-size: 24px;
    text-transform: none;

    -webkit-font-smoothing: antialiased;
}

.icon-alias::before {
    content: "\f454";
    font-family: 'Material Symbols Outlined';
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    line-height: 1;
    font-size: 24px;
    text-transform: none;

    -webkit-font-smoothing: antialiased;
}

.icon-drag_Indicator::before {
    content: "\e945";
    font-family: 'Material Symbols Outlined';
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    line-height: 1;
    font-size: 24px;
    text-transform: none;

    -webkit-font-smoothing: antialiased;
}

.icon-pais::before {
    content: "\e894";
    font-family: 'Material Symbols Outlined';
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    line-height: 1;
    font-size: 24px;
    text-transform: none;

    -webkit-font-smoothing: antialiased;
}
.icon-sitio::before {
    content: "\e55e";
    font-family: 'Material Symbols Outlined';
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    line-height: 1;
    font-size: 24px;
    text-transform: none;

    -webkit-font-smoothing: antialiased;
}

.icon-telefono::before {
    content: "\e0b0";
    font-family: 'Material Symbols Outlined';
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    line-height: 1;
    font-size: 24px;
    text-transform: none;

    -webkit-font-smoothing: antialiased;
}

.tooltipGeneral-icon {
    position: relative;
    cursor: pointer;
    display: inline-flex;
}

.tooltipGeneral-icon:hover::after {
    opacity: 1;
    visibility: visible;
}

.tooltipGeneral-icon::after {
    content: attr(data-tooltip);
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    background: var(--color-gray-dark);
    color: white;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 12px;
    white-space: nowrap;
    opacity: 0;
    visibility: visible;
    transition: opacity 0.3s, visibility 0.3s;
    margin-bottom: 5px;
    width: 146px;
    text-wrap: wrap;
    z-index: 999;
    overflow: visible;
    text-align: center;
    line-height: 1.1;
}

.copy-icon {
    position: relative;
    cursor: pointer;
    display: inline-flex;
}

.copy-icon::after {
    content: attr(data-tooltip);
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    background: var(--color-gray-dark);
    color: white;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 12px;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s, visibility 0.3s;
    margin-bottom: 5px;
}

.copy-icon:hover::after {
    opacity: 1;
    visibility: visible;
}
.color-ckeck  {
     accent-color:  var(--color-green-light);
    border-color:  var(--color-green);
    border:2px var(--color-green) solid;
}
.color-ckeck:checked {
    background-color: var(--color-green);
    border-color: var(--color-green);
}

/* Cuando está en focus (al hacer clic) */
.color-ckeck:focus {
    border-color: var(--color-green) !important;
    box-shadow:var(--shadow-input-green) !important;
    outline: 0 !important;
}

.form-check-input.is-invalid,
.was-validated .form-check-input:invalid {
    border: 2px solid var(--bs-form-invalid-border-color);
    border-color: var(--bs-form-invalid-border-color);
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}

/* Animación de feedback al copiar */
@keyframes fadeTooltip {
    0% {
        opacity: 0;
    }

    20% {
        opacity: 1;
    }

    80% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.copy-icon.copied::after {
    animation: fadeTooltip 2s ease-out;
}

/* Cambia el color del icono cuando el input está en focus */
.input-with-icon-session:focus-within .icon-email::before,
.input-with-icon-session:focus-within .icon-password::before,
.input-with-icon-session:focus-within .icon-persona::before,
.input-with-icon-session:focus-within .icon-fecha::before,
.input-with-icon-session:focus-within .icon-alias::before,
.input-with-icon-session:focus-within .icon-pais::before,
.input-with-icon-session:focus-within .icon-sitio::before,
.input-with-icon-session:focus-within .icon-search::before,
.input-with-icon-session:focus-within .icon-id::before,
.input-with-icon-session:focus-within .icon-telefono::before,
.input-with-icon-session:focus-within .icon-wallet::before,
.input-with-icon-session:focus-within .icon-redCripto::before,
.input-with-icon-session:focus-within .icon-id::before{
    color: var(--color-green) !important;
}


/* Estilo base (gris por defecto) */
.icon-email::before,
.icon-password::before,
.icon-persona::before,
.icon-fecha::before,
.icon-alias::before,
.icon-pais::before,
.icon-sitio::before,
.icon-id::before,
.icon-search::before,
.icon-telefono::before,
.icon-wallet::before,
.icon-redCripto::before,
.icon-id::before{
    color: var(--color-green-light);
}

.input-with-icon-session:has(.floating-input-session:not(:placeholder-shown)) .icon-email::before,
.input-with-icon-session:has(.floating-input-session:not(:placeholder-shown)) .icon-password::before,
.input-with-icon-session:has(.floating-input-session:not(:placeholder-shown)) .icon-persona::before,
.input-with-icon-session:has(.floating-input-session:not(:placeholder-shown)) .icon-fecha::before,
.input-with-icon-session:has(.floating-input-session:not(:placeholder-shown)) .icon-alias::before,
.input-with-icon-session:has(.floating-input-session:not(:placeholder-shown)) .icon-drag_Indicator::before,
.input-with-icon-session:has(.floating-input-session:not(:placeholder-shown)) .icon-sitio::before,
.input-with-icon-session:has(.floating-input-session:not(:placeholder-shown)) .icon-search::before,
.input-with-icon-session:has(.floating-input-session:not(:placeholder-shown)) .icon-id::before,
.input-with-icon-session:has(.floating-input-session:not(:placeholder-shown)) .icon-telefono::before,
.input-with-icon-session:has(.floating-input-session:not(:placeholder-shown)) .icon-wallet::before,
.input-with-icon-session:has(.floating-input-session:not(:placeholder-shown)) .icon-redCripto::before,
.input-with-icon-session:has(.floating-input-session:not(:placeholder-shown)) .icon-id::before {
    color: var(--color-green);
}

/* Verde cuando está en focus (incluso vacío) */
.input-with-icon-session:focus-within .icon-email::before,
.input-with-icon-session:focus-within .icon-password::before,
.input-with-icon-session:focus-within .icon-persona::before,
.input-with-icon-session:focus-within .icon-fecha::before,
.input-with-icon-session:focus-within .icon-alias::before,
.input-with-icon-session:focus-within .icon-sitio::before,
.input-with-icon-session:focus-within .icon-search::before,
.input-with-icon-session:focus-within .icon-id::before,
.input-with-icon-session:focus-within .icon-drag_Indicator::before,
.input-with-icon-session:focus-within .icon-telefono::before,
.input-with-icon-session:focus-within .icon-wallet::before,
.input-with-icon-session:focus-within .icon-redCripto::before,
.input-with-icon-session:focus-within .icon-id::before  {
    color: var(--color-green);
}

.icon-email::before,
.icon-password::before,
.icon-persona::before,
.icon-fecha::before,
.icon-alias::before,
.icon-pais::before,
.icon-sitio::before,
.icon-search::before,
.icon-id::before,
.icon-drag_Indicator::before,
.icon-telefono::before,
.icon-wallet::before,
.icon-redCripto::before,
.icon-id::before{
    transition: color 0.5s ease !important;
}

.form-control.is-invalid, .was-validated .form-control:invalid
.input-with-icon-session:focus-within .icon-email::before,
.input-with-icon-session:focus-within .icon-password::before,
.input-with-icon-session:focus-within .icon-persona::before,
.input-with-icon-session:focus-within .icon-fecha::before,
.input-with-icon-session:focus-within .icon-alias::before,
.input-with-icon-session:focus-within .icon-sitio::before,
.input-with-icon-session:focus-within .icon-search::before,
.input-with-icon-session:focus-within .icon-id::before,
.input-with-icon-session:focus-within .icon-drag_Indicator::before,
.input-with-icon-session:focus-within .icon-telefono::before,
.input-with-icon-session:focus-within .icon-wallet::before,
.input-with-icon-session:focus-within .icon-redCripto::before,
.input-with-icon-session:focus-within .icon-id::before{
     color: var(--bs-form-invalid-border-color);
    }





.text-title-message-succes {
    font-family: Myriad Pro;
    font-weight: 700;
    font-size: 24px;
    line-height: 120%;
    letter-spacing: 0%;
    text-align: center;
    color: #606060;
}

.text-desc-message-succes {
    color: #606060;
    text-align: center;
    font-family: "Myriad Pro";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;

}

.buton-continue-message-succes {
    background: linear-gradient(127deg, #17B030 43.17%, #0083FF 57.46%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 1.2rem;
}

.text-color-degradado {
    background: linear-gradient(127deg, #17B030 43.17%, #0083FF 57.46%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;

}


.max-w-code-input-modal {
    max-width: 500px;
}

.size-animation-check {
    width: 200px;
    height: auto;
}
.lineHeight0 {
    line-height: 0px !important;
}

.input-with-icon-session:focus-within .input-icon-session,
.input-with-icon-session input:not(:placeholder-shown) + .floating-label + .input-icon-session {
    color: var(--color-green) !important;
    fill: var(--color-green) !important;
}


.input-with-icon-session input:not(:placeholder-shown) ~ .icon-email::before,
.input-with-icon-session input:not(:placeholder-shown) ~ .icon-password::before,
.input-with-icon-session input:not(:placeholder-shown) ~ .icon-persona::before,
.input-with-icon-session input:not(:placeholder-shown) ~ .icon-fecha::before,
.input-with-icon-session input:not(:placeholder-shown) ~ .icon-alias::before,
.input-with-icon-session input:not(:placeholder-shown) ~ .icon-pais::before,
.input-with-icon-session input:not(:placeholder-shown) ~ .icon-sitio::before,
.input-with-icon-session input:not(:placeholder-shown) ~ .icon-id::before,
.input-with-icon-session input:not(:placeholder-shown) ~ .icon-search::before,
.input-with-icon-session input:not(:placeholder-shown) ~ .icon-telefono::before,
.input-with-icon-session input:not(:placeholder-shown) ~ .icon-wallet::before,
.input-with-icon-session input:not(:placeholder-shown) ~ .icon-redCripto::before,
.input-with-icon-session input:not(:placeholder-shown) ~ .icon-id::before{
    color: var(--color-green) !important;
}


/* modal select */
.contain-mdl-select-pm-landing {
    height: auto !important;
    max-width: 35rem;
    min-width: 20rem;
}

@media (max-width: 768px) {

    /* revisar esta clase */
.scrollModalMetodos-ajustes {
    max-height: 90vh !important;
    height: auto !important;
    padding-left: 20px;
    padding-right: 15px;
}
    /* revisar esta clase */
.contain-mdl-select-pm-landing {
    height: auto !important;
     max-height: 87vh !important;
}

    .max-h-modalIdVerify {
    max-height: 67vh !important;
}
    .max-w-code-input-modal {
        max-width: 450px;
    }
}

@media (max-width: 576px) {
    .max-w-code-input-modal {
        max-width: 324px;
    }

    .size-animation-check {
        width: 135px;

    }
    .gradient-btn{
        height: 48px !important;
        font-size: 17px !important;
    }

    .floating-input-session {
        font-size: 0.875rem;
    }
}
/* FOOTER FAQS */
/* ============================================================== */

/* BTN SIZE   */
.size-bton-settings{
    height: 51.2px !important;
    width: 176px !important;
    line-height: revert !important;
    text-align: center !important;
    font-family: 'Myriad Pro', arial !important;
}

/* ============================================================== */

.borderFooter-faqs{
    color: white;
    height: 5rem;
    width: 4px;
    opacity: 1;
    border-radius: 1rem;
    align-self: center !important;
}

.borderFooterMobile-faqs{
    border: 2px solid white;
    border-radius: 1rem;
    width: 7rem;
    opacity: 1;
}

.textTitleFooter-faqs{
    font-family: "Montserrat-ExtraBold", Arial !important;
    font-size: 1.1rem;
}

.textcontentFooter-faqs{
    font-size: 0.8rem;
}
.size-icon-verify-setting {
    width: 1.5rem;
    height: 1.5rem;
}
@media screen and (max-width: 576px) {

    .size-icon-verify-setting {
    width: 2rem;
    height: 2rem;
}
    .widthEyeModal-userg{
    border:none !important;
    width: 30px !important
}
 .sizeLogoFooter-faqs{
    height: 4rem !important;
 }

 .sizeWebFooter-faqs{
    height: 6rem !important;
 }

 .textTitleFooter-faqs{
    font-size: 1.3rem;
}

.sizeMensajeFooter-faqs{
    height: 3.5rem;
}
}

@media (min-width:576px) and (max-width:768px) {
      .widthEyeModal-userg{
    border:none !important;
    width: 35px !important
}
     .sizeLogoFooter-faqs{
    height: 5rem !important;
 }

  .textTitleFooter-faqs{
    font-size: 1.3rem;
}

.sizeMensajeFooter-faqs{
    height: 3.5rem;
}

.sizeWebFooter-faqs{
    height: 6rem !important;
 }
}

@media (min-width:768px) and (max-width:992px){
     .sizeLogoFooter-faqs{
    height: 5rem !important;
 }

 .sizeMensajeFooter-faqs{
    height: 3.5rem;
}

.sizeWebFooter-faqs{
    height: 5rem !important;
 }

}

@media (min-width:992px){

.sizeWebFooter-faqs{
    height: 4.5rem !important;
 }

 .heightSection1-userg{
    height: 30.125rem;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}
}


/* anchos */

.w-90 {
    width: 90% !important;
}

/* ==================================================== */
/* new stules components */

/* ==================================================== */

    /* Botón para abrir modal */
    .tw-touchs-modal {
        width: 100%;
        height: 80px;
        position: absolute;
        top: 0%;
        right: 0%;
        z-index: 1000;
    }


    .tw-modal-handle {
        width: 50px;
        height: 4px;
        background-color: #ccc;
        border-radius: 2px;
        cursor: pointer;
        transition: all 0.2s ease;

        position: absolute;
        top: 8px;
        /* Or your preferred vertical position */
        left: 50%;
        /* Positions the left edge at the center */
        transform: translateX(-50%);
        /* Moves the element back by half its own width to truly center it */

        display: block;
        /* Ensures it behaves as a block element */
    }

    .tw-btn {
        height: 51.2px !important;
        width: 176px !important;
        box-shadow: var(--shadow-primary-btn) !important;
        border-color: transparent !important;
        padding :12.8px 12px !important;
        font-size: 1rem;
        background-color: var(--color-green);
        color: white;
        border-radius: 30px;
        font-size: 1rem;
        font-family: 'Myriad Pro', arial !important;
        cursor: pointer;
    }

    .tw-btn-settigs-file {
        height: 45px !important;
        width: 170px !important;
        line-height: 15px;

    }



    .open-modal-btn {
        background: #22c55e;
        color: white;
        border: none;
        padding: 12px 24px;
        border-radius: 8px;
        font-size: 16px;
        font-weight: 500;
        cursor: pointer;
        box-shadow: 0 2px 8px rgba(34, 197, 94, 0.3);
        transition: all 0.2s ease;
    }

    /* Estilos del Modal */
    .modal.tw-modal {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #111111bd;
        display: flex;
        opacity: 0;
        pointer-events: none;
        transition: opacity .3s .5s;
        --transform: translateY(-100vh);
        --transition: transform .3s;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .modal.tw-show-modal {
        opacity: 1;
        pointer-events: unset;
        transition: opacity .6s;
        --transform: translateY(0);
        --transition: transform .3s .3s;
    }

    .tw-modal-container {
        margin: auto;
        width: 100%;
        max-width: 57rem;
        max-height: calc(100vh - 4rem);
        background-color: #fff;
        border-radius: 1rem;
        padding: 1em 1em 2em 1rem;
        place-items: center;
        transform: translateY(100%);
        max-width: 40rem;
        scrollbar-width: none;
        -ms-overflow-style: none;
        overflow: hidden;
        transition: transform 0.4s cubic-bezier(0.28, 0.11, 0.32, 1), opacity 0.3s ease;
        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
    }


    /* Asegurar que el contenido interno pueda hacer scroll */
    .tw-modal-content {
        overflow-y: auto;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
        /* Scroll suave en iOS */
        scrollbar-width: none;
        /* Para Firefox */
        -ms-overflow-style: none;
        /* Para IE y Edge */
        max-height: 310px;
        scrollbar-width: thin;
        flex-grow: 1;
        padding: 0.5rem 1rem;
    }





    .tw-modal-header {
        text-align: center;
        position: relative;
    }

    .tw-modal-footer {
        text-align: center;
        flex-shrink: 0;
    }

    .tw-modal-close {
        position: absolute;
        right: 2%;
        top: 2%;
        width: 1.6rem;
        height: 1.6rem;
        border-radius: 50%;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 0.2s ease;
        z-index: 1000;

    }

    .tw-modal-close:hover {
        background: #e5e7eb;
        color: #6b7280;
    }


    .tw-modal-icon svg {
        width: 8rem;
    }



    .tw-modal-content {
        padding: 0 24px 0px 24px;
    }
    .size-input-modal-component {
        font-size: 1.5rem;
    }


     .tw-conten-modal-2-col {
            max-width: 46rem;
            min-height: 37rem;
            padding: 2em 1em 2em 1rem;
        }

        .MaxheightModalcont-ajustes {
            max-height: 39rem
        }

        .maxHeightRetirar-inicio{
             max-height: 25.5rem
        }

        .max-h-verifiDataUser {
            max-height: 409px;
        }

        .seccionBalance-inicio{
            border-radius: 50px;
            border: 2px solid #CDFFE0;
            box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.25);
            padding: 8px 16px;
        }


         .contente-3-steps-inicio {
            width: 132px;
            height: 98px;
        }

        .contente-2-steps {
            width: 125px;
            height: 98px;
        }

         .contente-1-steps-inicio {
            width: 85px;
            height: 98px;
        }

                .icon-perfil-verify-ajustes {
            max-width: 5rem;
            margin-left: 0.2rem !important
        }
.max-h-home-modal-select-pm-landing {
    max-height: 26.5rem !important;
    }


    .sizeImgPerfil-principal-ajustes {
    width: 10rem;
    height: 10rem;
}
.height-laptop-modal-edit-payment-method-ajustes {
     scrollbar-width: none !important;
}
/* Desktop Large - XL (≥1280px) */
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
    .tw-modal-content {
        max-height: 290px;

    }
    .tw-modal-icon {
        margin-top: 0px !important;
    }

    .sizeImgDocumento-ajustes {
        max-width: 4rem;
        max-height: 4rem;

    }

    .sizeImgDocumentoCamara-ajustes {
    max-width: 4rem;
    max-height: 3rem;
    min-width: 2.5rem;
}
.pt-lp-2 {
    padding-top: 0.5rem !important;
}
.sizeTitleDocumentos-ajustes {
    font-size: 1.2rem;

}

.containerModalVerificacion-ajustes {
    max-width: 54rem !important;
    max-height: calc(100vh - 3rem) !important;
}

.sizeTitleModalGeneral-ajustes {
    font-size: 1.3rem;
}

.sizeImgDocumentoConfirm-ajustes {
    max-width: 2rem;
    max-height: 2rem;
}

    .ms-custom {
    margin-left: 0.2rem !important;
}
.maxHeightRetirar-inicio {
    max-height: 21rem !important;
}
    .size-bton-settings  {
        height: 42px !important;
        width: 150px !important;
    }
    .sizeButtonVerificacion-ajustes {
        font-size: 1rem;
        line-height: 15px !important;
    }

    .sizeImg-tituloTabsAjustes {
        width: 1.3rem;
    }

    .size-tituloTabsAjustes {
    font-size: 0.9rem;
    }

    .icon-perfil-verify-ajustes {
        margin-left: auto;
        margin-right: auto;

        max-width: 4rem;
    }

    .sizeButtonTwofac-ajustes {
        margin-top: 1px;
        font-size: 1rem;
        line-height: 15px !important;
    }

    .max-h-modalIdVerify {
    max-height: 27rem !important;
    }
    .contain-btn-lp-verify-ajustes {
       height: 64px;
    }
    .tw-conten-modal-2-col {
    max-width: 46rem;
    min-height: 33rem;
    padding: 2em 1em 2em 1rem;
    }
    .MaxheightModalcont-ajustes {
    max-height: 20rem !important;
}

    .maxHeightModal-adverts {
    max-height: calc(100vh - 4.5rem) !important;
    }

.tw-btn {
            height: 45px !important;
        width: 150px !important;
        line-height: 15px !important;
 }

    .tw-modal-container {
        max-width: 44rem; /* 704px */
        max-height: calc(100vh - 4.5rem);
    }
    .title-paym-method-ajustes {
        font-size: 1rem;
    }
    .container-check-acount-type-ajustes {
        width: 300px;
        max-height: 33px ;
    }
    .title-check-laptop {
        font-size: 0.8rem;
    }
    .height-laptop-modal-edit-payment-method-ajustes {
        max-height: 348px !important;
    }
    .p1-xl {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }

    .contain-mdl-select-pm-landing {
        height: 600px !important;
    }
    .imagenMetodoGrande-Ajustes {
    width: 5rem !important;
    height: 5rem !important;
}
    .tw-modal-icon svg {
        margin-top: 0.5rem !important;
        width: 6.5rem;
        height: 112px;
    }
    .tw-modal-title  {
         margin-top: 0.5rem !important;
    }

    .sizeImgPerfil-ajustes {
    width: 7rem !important;
    height: 7rem !important;
}
    .estatusdoImg-ajustes {
        width: 3.5rem;
        position: absolute;
        right: -16px;
        height: 3.5rem;
        top: 73px;
    }
    .sizeImgPerfil-principal-ajustes {
    width: 10rem;
    height: 10rem;
}
.size-mobile-sizeImgPerfil-ajustes{
    width: 7rem !important;
    height: 7rem !important;
}

    .sizeEstatusImg-ajustes {
        width: 2.2rem;
        height: 2.2rem;
    }

.sizeCameraPerfil-ajustes {
           cursor: pointer;
    width: 50px;
    height: 45px;
    padding: 0.5rem;
    top: 6%;
    right: -1%;
    position: absolute;
}


.buttonImgPerfil-ajustes {

    width: 3.3rem;
    height: 3.3rem;
    border: 0.1rem solid var(--color-blue) !important;
}

.blue-border {
    border: 0.1rem solid #007bff !important;
    border-radius: 50%;
    max-height: 104px;
}

}




    @media (max-width: 768px) {
        .modal.tw-modal {
            align-items: flex-end;
            background-color: rgba(0, 0, 0, 0.5);
            transition: opacity 0.3s;
        }

         .MaxheightModalcont-ajustes {
                max-height: 24.5rem;
                min-width: 309px;
                max-width: 500px;

            }

            .maxHeightRetirar-inicio{
             max-height: 240px;
                min-width: 309px;
                max-width: 500px;
        }

                .h-modal-2factor{
                    max-height: 50rem !important;
                    height: 600px;
                }

            .widthModalVerificarDatos-ajustes {
                max-width: 48rem !important;
                min-width: 20rem;
            }
        .tw-modal-container {
            width: 100%;
            max-width: 100%;
            min-height: auto;
            border-radius: 16px 16px 0 0;
            transform: translateY(100%);
            max-height: 92vh;
            padding: 1.5em 1em 1em 1em;
            margin: 0;
        }

        .modal.tw-show-modal .tw-modal-container {
            transform: translateY(0);
        }

        .tw-modal-close {
            top: 12px;
            right: 12px;
        }
    }
  @media (max-width: 576px) {

    .step-text-mobile {
        font-size: 1rem;
        margin-top: 2px;
    }
    .height-laptop-modal-edit-payment-method-ajustes {
        max-height: 420px !important;
          scrollbar-width: none !important; /* Firefox */
    -ms-overflow-style: none !important; /* IE/Edge */
    }

        .contain-mdl-select-pm-landing {
        height: auto !important;
        max-height: 95vh !important;
    }

  }


    .accept-button:hover {
        background: #16a34a;
    }

    .accept-button:disabled {
        background: #d1d5db;
        cursor: not-allowed;
    }


    .modal.tw-show-modal .tw-modal-container {
        /* Estado abierto */
        transform: translateY(0);
        opacity: 1;
    }

    /* Para la animación de cierre */
    .modal.tw-modal.closing .tw-modal-container {
        transform: translateY(100%);
        opacity: 0;
    }



    /* Para pantallas pequeñas */
    @media (max-width: 768px) {
        .container {
            width: 95%;
            padding: 10px;
        }

        .tw-modal-icon {
            margin-top: 10px;
        }


    }

@media screen and (max-width: 576px) {


         .MaxheightModalcont-ajustes {
                max-height: 250px;

            }

            .maxHeightRetirar-inicio{
             max-height: 300px;
        }

     .tw-btn {
        height: 45px !important;
        width: 150px !important;
        line-height: 15px !important;

        }

   .tw-modal-icon svg {
    width: 7rem;
    height: 7rem;
    }

       .size-input-modal-component {
        font-size: 1rem;
    }

    .size-bton-settings {
    height: 45px !important;
    width: 150px !important;
    font-family: 'Myriad Pro', arial !important;

    }

.copy-icon::after {
    left: -2px;
    width: auto;
    min-width: 50px; /* Ancho mínimo opcional */
    white-space: nowrap;
}
.tooltipGeneral-icon::after {
    left: -11px;
    min-width: 130px;

}
.widthFlechaDropdown {
    width: 10px !important;
    height: 20px !important;
}
}
/* custom check payment methodo */




.wallet-option {
    cursor: pointer;
    transition: all 0.3s ease;
    padding-left: 15px;
    padding-right: 50px;
    position: relative;
    display: flex;
    align-items: center;
    min-height: 50px;
    border-radius: 0px;
    margin: 4px 0;
}

.wallet-option:hover {
    background-color: #f8f9fa;
}

/* Ocultar los radio buttons nativos */
.wallet-radio {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}


/* Efecto hover en el checkbox */
.wallet-option:hover .wallet-checkbox {
    border-color: #999;
}

/* Cambiar estilo cuando está seleccionado */
.wallet-radio:checked~.wallet-checkbox {
    background-color: #fff;
    border-color:  var(--color-green);
    border-width: 2px;

}

/* Punto central animado */
.wallet-checkbox::after {
    content: "";
    position: absolute;
    display: none;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 0.5rem;
    height: 0.5rem;
    background-color: var(--color-green);
    border-radius: 50%;
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.wallet-radio:checked~.wallet-checkbox::after {
    display: block;
    transform: translate(-50%, -50%) scale(1);
}

.scrollModalMetodos-ajustes::-webkit-scrollbar-track {
    margin: 20px 0;
    /* Ajusta estos valores para controlar el largo */
}

/* INICIO */

.sizePasosIcon-inicio{
    min-width: 26.26px;
    height: 24.91px;
    fill: var(--color-green) !important;
}

.sizeUSDTImg-inicio{
    min-width: 40px;
    height: 40px;
}

.sizeIconMovimientos-inicio{
        min-width: 22px;
    height: 29px;
    fill: var(--color-gray-light);
}

.sizeFlechaIcon-inicio{
    min-width: 10px;
    max-width: 19px;
    height: 38px;
    transform: rotate(180deg);
}

.cardPasos-inicio{
    border-radius: 12px;
    background: var(--color-white);
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.35);
}

.circuloPasosConfirm-inicio{
    display: flex;
width: 40px;
height: 40px;
padding: 10px;
flex-direction: column;
justify-content: center;
align-items: center;
border-radius: 50px;
background:var(--color-green);
}

.circuloPasos-inicio{
    display: flex;
width: 40px;
height: 40px;
padding: 10px;
flex-direction: column;
justify-content: center;
align-items: center;
border-radius: 50px;
background: var(--color-gray);
}

.cardGreenInicio{
  height: 8px;
  background: var(--color-green);
}

.cardGrayInicio{
  height: 8px;
  background: var(--color-gray);
}

.widthButtonPasos-inicio{
    min-width: 203px !important;
}

.buttonPequeñoGeneral{
    display: flex;
padding: 10px 40px;
align-items: center;
border-radius: 50px;
background: var(--color-blue);
box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.35);
color: var(--color-white);
border: none;
}

.buttonNew-inicio{
width: 116px;
padding: 15px 30px;
flex-direction: column;
align-items: center;
border-radius: 12px;
border: 1px solid var(--color-green-light);
background: var(--color-white);
box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25);
}

.buttonNew-inicio:hover{
    transform: scale(1.05);
    z-index: 2;
}

.sizeNewButtonIcon-inicio{
    width: auto;
    max-height: 23px;
    fill: var(--color-gray-dark) !important;
}

.avisoButtonNew-inicio{
    position: absolute;
    display: inline-flex;
padding: 4px 8px;
justify-content: center;
align-items: center;
flex-shrink: 0;
top: -10px;
left: 32px;
border-radius: 50px;
background: var(--color-green-light);
box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.25);
}

.buttonFunciones-inicio{
    padding: 20px 30px;
    border-radius: 20px;
border: 1px solid var(--color-green-light);
background: var(--color-white);
box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.35);
height: 146px !important;
max-height: 150px !important;
}

.buttonFunciones-inicio:hover{
    background: var(--color-green);
    transform: scale(1.03);
}

.buttonFunciones-inicio:hover svg{
    fill: var(--color-white) !important;
}

.buttonFunciones-inicio:hover h3, .buttonFunciones-inicio:hover h5{
    color: var(--color-white) !important;
}

.sizeFuncionesIcon-inicio{
    min-width: 54px !important;
    width: 54px !important;
    min-height: 54px !important;
    height: 54px !important;
    fill: var(--color-gray-dark);
}

.dropdownEstatus-inicio{
    margin-right: 5rem;
    width: auto;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.35);
    border: 1px solid var(--color-green-light);
    border-radius: 5px !important;
}

.imgMetodo-inicio{
width: 24px;
height: 24px;
filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.25));
}

.imgPerfilTable-inicio{
    width: 35px;
    height: 35px;
    aspect-ratio: 1/1;
    border: 1px solid var(--color-blue) !important;
    fill: var(--color-gray-dark);
  }

.estatusTableImg-inicio {
    width: 16px;
    position: absolute;
    right: 4px;
    height: 15px;
    bottom: 9px;
}

.sizeEstatusTableImg-inicio{
    width: 15px;
    height: 15px;
}

.imgPais-inicio{
    width: 15px;
    height: 15px;
}

.imgRedirection-inicio{
    width: 20px;
    height: 20px;
}

.starIcon-inicio{
    width: 15px;
    height: 14px;
}

.minWidthTipoTable-inicio{
    min-width: 100px;
}

.minWidthEnviarTable-inicio{
    min-width: 170px;
}

.minWidthSocioTable-inicio{
    min-width: 250px;
}

.cardResponsiveTable-inicio{
    border-radius: 5px;
box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
padding: 15px;
}

.headerDropdown-notification{
    border-radius: 8px 8px 0 0;
border-bottom: 1px solid var(--color-green-light);
background: var(--color-white);
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.20);
padding: 16px 24px;
}

.footerDropdown-notification{
    border-radius: 0px 0px 8px 8px;
border-top: 1px solid var(--color-green-light);
background: var(--color-white);
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.20);
padding: 16px 24px;
}

.textBold{
    font-family: 'Myriad Pro Bold', arial !important;
}

.sliderSmall-userg{
        height: 18px !important;
    width: 34px !important;
}

.switchSmall-userg{
        height: 18px !important;
    width: 40px !important;
}

input:checked + .sliderSmall-userg:before {
        -webkit-transform: translateX(18px);
    -ms-transform: translateX(18px);
    transform: translateX(18px);
}

.sliderSmall-userg::before{
    height: 19px !important;
    width: 19px !important;
    top: -1px;
    left: 0px;
}

.buttonMarcar-inicio{
    display: flex;
    border-radius: 50px;
border: 1px solid var(--color-green-light);
box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.35);
padding: 8px 20px;
justify-content: center;
align-items: center;
background: var(--color-white);
}

.dropdownNotification-item{
    padding: 12px 24px;
border-bottom: 1px solid var(--color-green-light);
}

.dropdownNotificationView-item{
background: var(--color-white);
}

.imgPerfilNotification1-inicio{
    width: 40px;
    height: 40px;
    aspect-ratio: 1/1;
    border: 1px solid var(--color-blue) !important;
    fill: var(--color-gray-dark);
}

  .estatusImgNotification1-inicio{
        width: 18px;
    position: absolute;
    right: -2px;
    height: 18px;
    bottom: 0px;
}

.sizeEstatusNotification1-inicio{
    width: 18px;
    height: 18px;
}

.maxWidthDescription-notification1{
    width: 173px !important;
    text-wrap: wrap;
}

.qrModal-inicio{
    border-radius: 12.155px;
border: 4.052px solid #17B030;

box-shadow: 0 0 6.483px 0 rgba(0, 0, 0, 0.25);
width: 15rem;
height: 15rem;
}

.buttonMaxInput-inicio{
    height: 28px;
    font-size: 1rem;
    background-color: var(--color-blue) !important;
    color:var(--color-white) !important;
    transition: all .5s;
    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.35) !important;
    line-height: 15px;
}
/* Dropdown */

 .wallet-dropdown-container {
    position: relative !important;
    width: 100%;
}

/* INPUT CONTAINER */

/* CONTENEDOR DE BOTONES DERECHA */
.wallet-actions {
    position: absolute !important;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    gap: 5px;
    align-items: center;
    z-index: 10;
}

/* BOTÓN FLECHA */
.wallet-dropdown-btn {
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 5px;
    display: flex;
    align-items: center;
    color: #007bff;
}

.sizeImgCerrardropdown {
    width: 16px;
    height: 16px;
}
/* BOTÓN LIMPIAR */
.clear-selection-btn-billetera {
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 5px;
    display: none;
    color: #999;
    margin-right: 7px;
}

.clear-selection-btn-billetera.active {
    display: flex;
}

/* DROPDOWN MENU - POSICIONAMIENTO ABSOLUTO */
.wallet-dropdown-menu {
    position: absolute;
    top: calc(100% + 5px);
    /* Se posiciona justo debajo del input */
    left: 0;
    right: 0;
    background: white;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.35);
    border: 1px solid var(--color-green-light) !important;
    border-radius: 5px !important;
    max-height: 300px;
    overflow-y: auto;
    z-index: 1000;
    display: none;
}

.dropdown-filter {
    padding: 0.25rem 1rem !important;
}

.wallet-dropdown-menu.show {
    display: block;
}

/* ITEMS DEL DROPDOWN */
.wallet-dropdown-item {
    padding: 12px 15px;
    cursor: pointer;
    border-bottom: 1px solid #f0f0f0;
    transition: background 0.2s;
}

.wallet-dropdown-item:last-child {
    border-bottom: none;
}

.wallet-dropdown-item:hover {
    background: #f8f9fa;
}

.wallet-address {
    font-size: 14px;
    color: #333;
    margin: 0 0 4px 0;
    word-break: break-all;
    font-weight: 500;
}

.wallet-date {
    font-size: 12px;
    color: #999;
    margin: 0;
}

/* AJUSTES PARA EL INPUT EXISTENTE */
#direccion-modal[readonly] {
    cursor: not-allowed;
    background-color: #f5f5f5;
}

.widthFlechaDropdown{
    width: 0.7rem;
    height: 22px;
    margin-right: 10px;
}

.dropdwon-inicio {
    min-width: 520px;
    position: absolute;
    inset: 0px 0px auto auto;
    margin: 0px;
    transform: translate3d(12px, 43px, 0px) !important;
}

.cardDetalleRetiro-inicio{
    border-radius: 8px;
    background: #FFF;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.25);
    padding: 12px;
}

.lineaDetalleRetiro-inicio{
    border: 1.5px var(--color-green-light) solid;
}

.dropdown-item.active, .dropdown-item:active{
    background: var(--color-green-light) !important;
    color: var(--color-gray-dark);
}

.bgTable-inicio::after {
    content: ""; /* Necesario para que el pseudo-elemento se renderice */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 90%;
    background-image: url("../assets/icons/transactionNone-icon.svg");
    background-size: 8rem;
    background-position: center;
    background-repeat: no-repeat;
    z-index: -1; /* Coloca el fondo detrás del contenido */
    pointer-events: none; /* Permite interactuar con el contenido */
}
.bgTable-inicio::before {
    content: "Aún no tienes transacciones";
    position: absolute;
    top: 247px;
    left: calc(50% - 57px);
    color: var(--color-gray-light);
    font-size: 18px;
    width: 114px;
    line-height: 1;
}

     .bgNoNotification-notifications::after {
    content: ""; /* Necesario para que el pseudo-elemento se renderice */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 90%;
    background-image: url("../assets/icons/notificationNone-icon.svg");
    background-size: 8rem;
    background-position: center;
    background-repeat: no-repeat;
    z-index: -1; /* Coloca el fondo detrás del contenido */
    pointer-events: none; /* Permite interactuar con el contenido */
}

.bgNoNotification-notifications::before {
    content: "Aún no tienes notificaciones";
    position: absolute;
    top: 365px;
    left: calc(50% - 47px);
    color: var(--color-gray-light);
    font-size: 18px;
    width: 114px;
    line-height: 1;
}

.maxWidthDescription-notification2{
    max-width: 200px !important;
    text-wrap: wrap;
}

.imgPerfilNotification2-inicio {
    width: 70px;
    height: 70px;
    aspect-ratio: 1 / 1;
    border: 1px solid var(--color-blue) !important;
    fill: var(--color-gray-dark);
    margin-right: 15px;
}

.estatusImgNotification2-inicio {
    width: 30px;
    position: absolute;
    right: 10px;
    height: 18px;
    bottom: 7px;
}

.sizeEstatusNotification2-inicio{
    width: 30px;
    height: 30px;
}

.cardNotifications-item {
    padding: 24px 40px;
    border-bottom: 1px solid var(--color-green-light);
}

.backgroundNewNotification-inicio{
    background: var(--color-gray-light3);
}

.backgroundNewNotification-inicio h3{
    font-family: 'Myriad Pro Bold', arial !important;
}

.backgroundOldNotification-inicio h3{
    font-family: 'Myriad Pro', arial !important;
}

.backgroundOldNotification-inicio{
    background: var(--color-white);
}

.sizeFlechaIcon-notification{
    min-width: 30px;
    max-width: 35px;
    height: 32px;
    transform: rotate(270deg);
}

.sizeAnimationCargando-notification {
    min-width: 75px;
    max-width: 80px;
    height: 70px;
}

.buttonSimpleWhite{
    background: var(--color-white);
    border: none;
}

@media (min-width: 992px) {
     .bgTable-inicio {
    position: relative;
    z-index: 1;
    height: 380px;
    width: 100%;
}

     .bgNoNotification-notifications {
    position: relative;
    z-index: 1;
    height: 650px;
    width: 100%;
}

.borderTableVerde-inicio{
    border: 2px solid var(--color-green-light) !important;
    border-radius: 1rem;
}
    }


@media screen and (max-width: 576px) {
.maxWidthMobilePasos-inicio{
    max-width: 260px;
}

.buttonNew-inicio{
    width: 29.3%;
    padding: 15px 15px;
}


   }

@media screen and (max-width: 768px) {

    .avisoButtonNew-inicio{
        top: -10px !important;
    left: 50% !important;
    transform: translateX(-25px) !important;
    }

    .sizeUser-sidebar-mobile {
        width: 1rem;
        height: 1rem;
        left: 36px !important;
        bottom: 11px !important;
    }

    .switchSmall-userg {
    height: 18px !important;
    width: 38px !important;
}

.sliderSmall-userg {
    height: 18px !important;
    width: 37px !important;
}

    .sliderSmall-userg::before{
    height: 19px !important;
    width: 19px !important;
    top: -1px;
}

.buttonFunciones-inicio{
    padding: 20px 30px;
height: auto !important;
max-height: 140px !important;
}

.maxWidthDescription-notification2{
    max-width: 180px !important;
    width: auto;
    text-wrap: wrap;
}

.imgPerfilNotification2-inicio {
    width: 55px;
    height: 55px;
    aspect-ratio: 1 / 1;
    border: 1px solid var(--color-blue) !important;
    fill: var(--color-gray-dark);
    margin-right: 8px;
}

.estatusImgNotification2-inicio {
            width: 22px;
        position: absolute;
        right: 7px;
        height: 18px;
        bottom: 2px;
}

.sizeEstatusNotification2-inicio{
    width: 22px;
    height: 22px;
}

.sizeFlechaIcon-notification {
    min-width: 15px;
    max-width: 23px;
    height: 22px;
    transform: rotate(270deg);
}

.sizeAnimationCargando-notification {
    min-width: 60px;
    max-width: 65px;
    height: 55px;
}

    }


@media screen and (max-width: 992px) {
        .lineaSeguridad2::before {
        display: none;
    }

.buttonFunciones-inicio{
    padding: 20px 30px;
height: auto !important;
max-height: 140px !important;
min-height: 138px !important;
}

     .bgTable-inicio {
    position: relative;
    z-index: 1;
    height: 280px;
    width: 100%;
}

.bgTable-inicio::before {
    content: "Aún no tienes transacciones";
    position: absolute;
    top: 200px;
    left: calc(50% - 57px);
    color: var(--color-gray-light);
    font-size: 16px;
    width: 114px;
    line-height: 1;
}

     .bgNoNotification-notifications {
    position: relative;
    z-index: 1;
    height: 625px;
    width: 100%;
}

.bgNoNotification-notifications::before {
    content: "Aún no tienes transacciones";
        position: absolute;
        top: 352px;
        left: calc(50% - 34px);
        color: var(--color-gray-light);
        font-size: 16px;
        width: 114px;
        line-height: 1;
}

    }

@media screen and (max-width: 576px) {



.buttonFunciones-inicio:active{
    background: var(--color-green);
    transform: scale(1.03);
}

.buttonFunciones-inicio:active svg{
    fill: var(--color-white) !important;
}

.buttonFunciones-inicio:active h3, .buttonFunciones-inicio:active h5{
    color: var(--color-white) !important;
}
.buttonFunciones-inicio {

    border-radius: 15px;

}
}