*,::after,::before{box-sizing:border-box}
body,html{height:100%;overflow-x:hidden;margin:0}

:root {

    --ds-purple: #513688; --ds-purple-rgb: 81, 54, 136;
    --ds-lila: #AC44EE; --ds-lila-rgb: 172,68,238;

    --ds-green: #0E402D;  --ds-green-rgb: 14,64,45;
    --ds-red: #C5283D; --ds-red-rgb: 197,40,61;
    --ds-yellow: #fbc403; --ds-yellow-rgb: 251, 196, 3;
    --ds-blue: #3066be; --ds-blue-rgb: 48, 102, 190;

    --ds-success: var(--ds-green); --ds-success-rgb: var(--ds-green-rgb);
    --ds-danger: var(--ds-red); --ds-danger-rgb: var(--ds-red-rgb);
    --ds-warning: var(--ds-yellow); --ds-warning-rgb: var(--ds-yellow-rgb);
    --ds-info: var(--ds-blue); --ds-info-rgb: var(--ds-blue-rgb);

    --ds-white: #fff; --ds-white-rgb: 255, 255, 255;
    --ds-light: #fff; --ds-light-rgb: 255, 255, 255;

    --ds-black: #000; --ds-black-rgb: 0, 0, 0;
    --ds-dark: #000; --ds-dark-rgb: 0, 0, 0;

    --ds-ground-black: #071013; --ds-ground-black-rgb: 7, 16, 19;
    --ds-ground-white: #fff; --ds-ground-white-rgb: 255, 255, 255;

    --ds-ground-dark: #071013; --ds-ground-dark-rgb: 7, 16, 19;
    --ds-ground-light: #fff; --ds-ground-light-rgb: 255, 255, 255;

    --ds-font: "Poppins";

    --ds-star: var(--ds-purple); --ds-star-rgb: var(--ds-purple-rgb);
    --ds-alt: var(--ds-lila); --ds-alt-rgb: var(--ds-lila-rgb);

    --ds-iphone-white: url('../IMAGENES/iphonelight.svg');
    --ds-iphone-black: url('../IMAGENES/iphonedark.svg');
    
    --ds-iphone-light: var(--ds-iphone-white);
    --ds-iphone-dark: var(--ds-iphone-black);
}

/* ALERTS */
.ds-alerts-container {
    position: fixed;
    z-index: 3020;
    right: 0;
    bottom: 0;
}

.ds-group-alert {
    display: flex;
    flex-direction: column;
    position: absolute;
    bottom: 0;
    right: 0;
}

.ds-alert {
    --height-alert: 64px;
    display: flex;
    align-items: center;
    min-width: 396px;
    height: var(--height-alert);
    background-color: var(--ds-light);
    border-radius: 12px;
    box-shadow: 0 0 4px rgba(var(--ds-dark-rgb), .2);
    margin: 16px;
    padding: 0 16px;
}

.ds-type-alert {
    width: 48px;
    height: 48px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.ds-alert-body {
    width: 0;
    height: var(--height-alert);
    flex: 1;
    padding: 6px 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.ds-alert-body code {
    font-family: var(--ds-font);
    font-size: 1rem;
    padding: 0;
    margin: 0;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
}

.ds-alert-close {
    width: 48px;
    height: 48px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.ds-alert-timer {
    width: 0%;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: var(--ds-dark);
    animation-name: ds-alert-key;
    animation-timing-function: ease-in;
}

.ds-alert:hover .ds-alert-timer {
    display: none;
}

@keyframes ds-alert-key {
    to {
        width: 100%
    }
}

.ds-ring-alert {
    position: absolute;
    bottom: 7.5px;
    right: 16px;
    border-radius: 50%;
    border: 4.8px solid var(--ds-danger);
    animation-name: progress-1tucza;
    animation-timing-function: ease;
    width: 48px;
    height: 48px;
    z-index: -1;
}

@keyframes progress-1tucza {
    0% {
        clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);
    }

    25% {
        clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0);
    }

    50% {
        clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%);
    }

    75% {
        clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%);
    }

    100% {
        clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0);
    }
}

.ds-alert.ds-danger>.ds-type-alert>.ds-icono {
    border-radius: 50%;
    background-color: rgba(var(--ds-danger-rgb), .1);
}


/* COLORS */
.ds-purple{color:var(--ds-purple)!important}
.ds-lila{color:var(--ds-lila)!important}

.ds-green{color:var(--ds-green)!important}
.ds-blue{color:var(--ds-blue)!important}
.ds-yellow{color:var(--ds-yellow)!important}

.ds-danger{color:var(--ds-danger)!important}
.ds-success{color:var(--ds-success)!important}
.ds-info{color:var(--ds-info)!important}
.ds-warning{color:var(--ds-warning)!important}

.ds-star{color:var(--ds-star)!important}
.ds-alt{color:var(--ds-alt)!important}

.ds-light{color:var(--ds-light)!important}
.ds-white{color:var(--ds-white)!important}

.ds-dark{color:var(--ds-dark)!important}
.ds-black{color:var(--ds-black)!important}


/* BACKGROUNDS */
.ds-purple-bg{background-color:var(--ds-purple)!important}
.ds-lila-bg{background-color:var(--ds-lila)!important}

.ds-red-bg {background-color:var(--ds-red)!important}
.ds-green-bg {background-color:var(--ds-green)!important}
.ds-blue-bg {background-color:var(--ds-blue)!important}
.ds-yellow-bg {background-color:var(--ds-yellow)!important}

.ds-danger-bg {background-color:var(--ds-danger)!important}
.ds-success-bg {background-color:var(--ds-success)!important}
.ds-info-bg {background-color:var(--ds-info)!important}
.ds-warning-bg {background-color:var(--ds-warning)!important}

.ds-light-bg{background-color:var(--ds-ground-light)!important}
.ds-white-bg{background-color:var(--ds-ground-white)!important}

.ds-dark-bg{background-color:var(--ds-ground-dark)!important}
.ds-black-bg{background-color:var(--ds-ground-black)!important}

.ds-star-bg{background-color:var(--ds-star)!important}
.ds-alt-bg{background-color:var(--ds-alt)!important}

.ds-font{font-family:var(--ds-font)!important}



@media (max-width: 575.98px) { .ds-alert { width: 296px }}

/* ICONOS */
.ds-icono{width:48px;height:48px;display:inline-flex;flex-direction:column;justify-content:center;align-items:center;align-content:center;font-size:1.25rem;overflow:hidden;position:relative}
.ds-icono svg{display:inline-block;font-size:inherit;overflow:hidden;vertical-align:baseline;width:100%;height:1em;transform-origin:center}
.ds-icono svg,svg.ds-kimerkia circle:not([fill=none]),svg.ds-kimerkia path:not([fill=none]),svg.ds-kimerkia rect:not([fill=none]){fill:currentColor}
.ds-circle,.ds-icono.ds-circle,.ds-icono.ds-circle img{border-radius:50%}
.ds-icono.ds-xxs{width:24px;height:24px;font-size:.75rem}
.ds-icono.ds-xs{width:32px;height:32px;font-size:1rem}
.ds-icono.ds-sm{width:56px;height:56px;font-size:1.5rem}
.ds-icono.ds-md{width:64px;height:64px;font-size:2.5rem}
.ds-icono.ds-lg{width:96px;height:96px;font-size:3.5rem}
.ds-icono.ds-xl{width:128px;height:128px;font-size:5rem}
.ds-icono.ds-xxl{width:256px;height:256px;font-size:10rem}
.ds-icono img{width:100%;height:100%;object-fit:cover}
.ds-ring{box-shadow:0 0 0 4px}
.ds-icono.ds-hover-action{cursor:pointer;transition:background-color .3s,color .3s}
.ds-icono.ds-hover-action:hover{background-color:var(--ds-star)!important;color:var(--ds-white)!important}
svg.ds-kimerkia{height:1em;overflow:visible;vertical-align:-.125em}

/* Listas */
.ds-lista-items{list-style:none;display:flex;flex-direction:row;margin:0;padding:0;flex-wrap:wrap;overflow:visible}
.ds-lista-items .ds-item{position:relative;display:flex;flex-direction:column}
.ds-lista-items .ds-link{font-family:var(--ds-font);align-items:center}
.ds-lista-items .ds-link{text-decoration:none;color:rgb(0 0 0 / .8);display:inline-flex;font-size:16px;margin:0;padding:3px 18px}
.ds-lista-items .ds-link .ds-tag{display:inline-flex}


/* FORMS */
.ds-form{position:relative;display:flex;width:100%;flex-direction:column;padding:16px}
.ds-form .ds-form-group{margin-bottom:16px;position:relative}
.ds-form-group label:not(.ds-checkbox){font-family:var(--ds-font);font-size:16px;font-weight:bolder;color:rgb(0 0 0 / 80%);margin:4px;cursor:pointer;width:100%;display:inline-flex;padding:3px 12px;user-select:none}
.ds-form-group.ds-group-inline{display:flex;align-items:flex-end;width:100%}
.ds-input-box{position:relative;display:flex;flex-direction:column-reverse;align-items:center}
.ds-input-box.box-inline{display:inline-flex;width:100%}
.ds-input-area,.ds-input-box input,.ds-input-box textarea,.ds-input-text{width:100%;margin:0 4px;outline:0;border: 1px solid rgba(var(--ds-black-rgb),.2);border-radius: 4px;height: 48px;box-sizing:border-box;transition:.3s;resize:none;font-family:var(--ds-font);background-color: transparent;padding:6px 16px}
.ds-input-area:focus,.ds-input-box input:focus,.ds-input-box textarea:focus,.ds-input-text:focus{outline:0;box-shadow:0 0 0 3px var(--ds-star);border-color:transparent}
.ds-input-box input:focus~label,.ds-input-box textarea:focus~label{animation:.4s ease-out fadeInUp;color:var(--ds-star)}

.ds-input-area,
.ds-input-box textarea {
    height: auto;
    border-radius: 4px;
}

.ds-button.ds-button-rounded,
.ds-button.ds-button-rounded.ds-button-inverted::after,
.ds-input-box.ds-border-round {
    border-radius: 48px
}

.ds-counter {
    position: absolute;
    bottom: -24px;
    right: 0;
    font-family: var(--ds-font);
    font-size: 14px;
    opacity: .6;
    width: 24px;
    height: 24px;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #000
}

.ds-button,
.ds-checkbox{
    position: relative;
    overflow: hidden
}

.ds-counters .ds-input-box input:focus~.ds-counter,
.ds-counters .ds-input-box textarea:focus~.ds-counter {
    color: var(--ds-star);
    opacity: 1
}

.ds-counter.ds-counter-animation {
    animation: .9s flipInY
}

.ds-form-check {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    flex-direction: row
}

.ds-form-check>label:not(.ds-checkbox) {
    width: auto;
    transition: background-color .3s ease-out
}

.ds-form-check>label:hover {
    background-color: rgba(var(--ds-black-rgb), .05)
}

.ds-checkbox {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 6px;
    box-shadow: 0 0 0 2px var(--ds-star);
    cursor: pointer
}

.ds-checkbox.ds-xs {
    width: 12px;
    height: 12px
}

.ds-form-check .ds-checkbox::before {
    content: "";
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    position: absolute;
    inset: 0;
    margin: auto;
    animation: .3s cubic-bezier(.68, -.55, .27, 1.55) fadeOutUp;
    animation-fill-mode: forwards !important;
    display: inline-flex
}

.ds-form-check.ds-check-pulse input[type=checkbox]:checked~.ds-checkbox,
.ds-form-check.ds-check-pulse input[type=radio]:checked~.ds-checkbox {
    animation: .1s shadow-pulse
}

.ds-form-check input[type=checkbox]:checked~.ds-checkbox::before,
.ds-form-check input[type=radio]:checked~.ds-checkbox::before {
    animation: .3s cubic-bezier(.68, -.55, .27, 1.55) fadeInUp
}

.ds-checkbox-toggler {
    display: inline-block !important;
    width: 48px !important;
    height: 24px;
    box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
    border-radius: 32px;
    cursor: pointer;
    position: relative;
    backdrop-filter: blur(21px);
    border: 0 !important;
}

.ds-checkbox-toggler::before {
    content: '';
    width: 24px;
    height: 24px;
    position: absolute;
    top: 0;
    right: 24px;
    border-radius: 50%;
    box-shadow: 0 0 9px rgb(0 0 0 / 40%);
    transition: .3s cubic-bezier(.18, .89, .32, 1.28);
    background-color: #fff
}

.ds-form-check-toggler input[type=checkbox]:checked~.ds-checkbox-toggler::before,
.ds-form-check-toggler input[type=radio]:checked~.ds-checkbox-toggler::before {
    right: 0;
    background-color: var(--ds-star);
    box-shadow: 0 0 16px var(--ds-star)
}

/* COLLAPSE */
.ds-collapse {
    position: relative;
    display: none;
    width: 100%;
    height: 0;
    margin: 0;
    padding: 0;
    overflow: hidden
}

.ds-collapse.ds-collapsing {
    display: block;
    transition: height ease-in;
    overflow: hidden
}

.ds-collapse.ds-show {
    overflow: visible
}

.ds-collapse.ds-height-calculate,
.ds-collapse.ds-show {
    display: block;
    height: auto !important
}

.ds-show-transition {
    height: 0 !important
}

.ds-button-box {
    display: flex;
    width: 100%;
    justify-content: center;
    text-align: center
}

.ds-button {
    padding: 9px 16px;
    border: 0;
    font-size: 17px;
    font-weight: 400;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: .3s;
    border-radius: 40px;
    word-break: normal !important;
    height: 48px;
    background-color: var(--ds-star);
    text-decoration: none;
    font-family: var(--ds-font);
    flex-wrap: wrap;
}

.ds-gradient-button {
    background: linear-gradient(90deg, #fd1d1d 50%, #fcb045 100%)
}

.ds-button:focus,
.ds-button:hover {
    outline: 0
}

.ds-button:focus .ds-icono,
.ds-button:hover .ds-icono {
    animation: .3s ease-in-out fadeInUp
}

.ds-button .ds-tag {
    display: inline-flex;
    min-height: 48px;
    align-items: center
}

.ds-button.ds-gray-bg-10,
.ds-button.ds-gray-bg-15,
.ds-button.ds-gray-bg-25,
.ds-button.ds-gray-bg-5,
.ds-button.ds-light-bg,
.ds-button.ds-transparent-bg,
.ds-button.ds-warning-bg,
.ds-button.ds-white-bg,
.ds-button.ds-yellow-bg {
    color: #000
}

.ds-button.ds-button-inverted {
    background-color: transparent !important;
    color: var(--ds-dark);
    transition: .3s ease-in-out
}

.ds-blue-A-bg.ds-button-inverted,.ds-blue-A-bg.ds-button-inverted::after{color:var(--ds-blue-A)!important}
.ds-gray-bg.ds-button-inverted,
.ds-gray-bg.ds-button-inverted::after{color:var(--ds-gray)}

.ds-button-shadow::before,
.ds-button.ds-button-inverted::after {
    content: "";
    position: absolute;
    color: var(--ds-star);
    left: 0;
    width: 100%;
    height: 100%;
    top: 0
}

.ds-button.ds-button-inverted::after{box-shadow:inset 0 0 0 3px; border-radius: inherit;}

.ds-button.ds-button-inverted:focus,
.ds-button.ds-button-inverted:hover {
    background-color: var(--ds-star) !important;
    color: var(--ds-black) !important;
}

.ds-button.ds-button-inverted.ds-not-fill:hover {
    background-color: transparent !important;
    color: var(--ds-star) !important
}

.ds-button.ds-button-rect,
.ds-button.ds-button-rect.ds-button-inverted::after {
    border-radius: 3px!important;
}

.ds-button.ds-circle,
.ds-button.ds-circle::after {
    border-radius: 50% !important;
    padding: 0 !important
}

.ds-button.ds-shadow-color {
    background-color: transparent;
    box-shadow: 0 0 0 3px;
    font-weight: bolder
}

.ds-button-shadow::before {
    background-color: transparent;
    box-shadow: 0 0 12px 1px;
    transition: box-shadow .3s
}

.ds-button-shadow:focus::before,
.ds-button-shadow:hover::before {
    box-shadow: 0 0 40px 1px
}

.ds-button:focus {
    box-shadow: 0 0 0 4px rgba(var(--ds-star-rgb), .4)
}

input.ds-error {
    border-color: var(--ds-red) !important;
    box-shadow: 0 0 0 2px var(--ds-red) !important
}

/* MODAL */

.ds-modal {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #000;
    background-color: rgb(0 0 0 / 60%);
    padding: 24px
}

.ds-modal.ds-component-blur.ds-show~* {
    filter: blur(9px);
    opacity: .3
}

.ds-modal.ds-modal-transition {
    overflow: hidden !important;
    animation: .3s fadeOut
}

.ds-modal-content {
    background-color: #fff;
    margin: auto;
    padding: 0;
    border: 0;
    width: 95%;
    position: relative;
    animation-duration: .3s;
    animation-fill-mode: forwards !important;
    border-radius: 6px
}

.ds-modal-close,
.ipay-logo-app.ipay-xxs {
    width: 40px;
    height: 40px
}

.ds-modal.ds-show {
    display: block;
    display: flex;
    z-index: 3020;
    animation: .3s fadeIn
}

.ds-modal.ds-show.ds-modal-center {
    justify-content: center;
    align-items: center
}

.ds-modal-close,
.ds-negocios-items {
    justify-content: center
}

.ds-modal-body,
.ds-modal-header {
    position: relative;
    padding: 16px
}

.ds-modal-header .ds-h5 {
    font-size: 2rem;
    font-weight: 300;
    text-align: center
}

.ds-modal-footer {
    position: relative;
    padding: 1rem
}

.ds-modal-close {
    float: right;
    font-weight: 700;
    position: absolute;
    top: 0;
    right: 0;
    margin: 8px;
    cursor: pointer;
    border-radius: 50%;
    transition: background-color .3s;
    display: inline-flex;
    align-items: center;
    font-size: 1.2rem;
    z-index: 1
}

.ds-modal-close i {
    color: var(--ds-red);
    filter: drop-shadow(0 0 0 #fff) drop-shadow(0 0 0 #fff)
}

.ds-button.ds-close {
    display: flex;
    background-color: transparent;
    border: 0;
    margin: 0 0 0 auto;
    padding: 0;
    color: var(--ds-red)
}

/* UTILS */

.ds-d-inline{display:inline!important}
.ds-d-inline-block{display:inline-block!important}
.ds-d-block{display:block!important}
.ds-d-grid{display:grid!important}
.ds-d-table{display:table!important}
.ds-d-table-row{display:table-row!important}
.ds-d-table-cell{display:table-cell!important}
.ds-d-flex{display:flex!important}
.ds-d-inline-flex{display:inline-flex!important}
.ds-flex-fill{flex:1 1 auto!important}
.ds-flex-row{flex-direction:row!important}
.ds-flex-column{flex-direction:column!important}
.ds-flex-row-reverse{flex-direction:row-reverse!important}
.ds-flex-column-reverse{flex-direction:column-reverse!important}
.ds-flex-grow-0{flex-grow:0!important}
.ds-flex-grow-1{flex-grow:1!important}
.ds-flex-shrink-0{flex-shrink:0!important}
.ds-flex-shrink-1{flex-shrink:1!important}
.ds-flex-wrap{flex-wrap:wrap!important}
.ds-flex-nowrap{flex-wrap:nowrap!important}
.ds-flex-wrap-reverse{flex-wrap:wrap-reverse!important}
.ds-justify-content-start{justify-content:flex-start!important}
.ds-justify-content-end{justify-content:flex-end!important}
.ds-justify-content-center{justify-content:center!important}
.ds-justify-content-between{justify-content:space-between!important}
.ds-justify-content-around{justify-content:space-around!important}
.ds-justify-content-evenly{justify-content:space-evenly!important}
.ds-align-items-start{align-items:flex-start!important}
.ds-align-items-end{align-items:flex-end!important}
.ds-align-items-center{align-items:center!important}
.ds-align-items-baseline{align-items:baseline!important}
.ds-align-items-stretch{align-items:stretch!important}
.ds-align-content-start{align-content:flex-start!important}
.ds-align-content-end{align-content:flex-end!important}
.ds-align-content-center{align-content:center!important}
.ds-align-content-between{align-content:space-between!important}
.ds-align-content-around{align-content:space-around!important}
.ds-align-content-stretch{align-content:stretch!important}
.ds-align-self-auto{align-self:auto!important}
.ds-align-self-start{align-self:flex-start!important}
.ds-align-self-end{align-self:flex-end!important}
.ds-align-self-center{align-self:center!important}
.ds-align-self-baseline{align-self:baseline!important}
.ds-align-self-stretch{align-self:stretch!important}
.ds-order-first{order:-1!important}
.ds-order-0{order:0!important}
.ds-order-1{order:1!important}
.ds-order-2{order:2!important}
.ds-order-3{order:3!important}
.ds-order-4{order:4!important}
.ds-order-5{order:5!important}
.ds-order-last{order:6!important}
.ds-m-0{margin:0!important}
.ds-m-1{margin:.25rem!important}
.ds-m-2{margin:.5rem!important}
.ds-m-3{margin:1rem!important}
.ds-m-4{margin:1.5rem!important}
.ds-m-5{margin:3rem!important}
.ds-m-auto{margin:auto!important}
.ds-mx-0{margin-right:0!important;margin-left:0!important}
.ds-mx-1{margin-right:.25rem!important;margin-left:.25rem!important}
.ds-mx-2{margin-right:.5rem!important;margin-left:.5rem!important}
.ds-mx-3{margin-right:1rem!important;margin-left:1rem!important}
.ds-mx-4{margin-right:1.5rem!important;margin-left:1.5rem!important}
.ds-mx-5{margin-right:3rem!important;margin-left:3rem!important}
.ds-mx-auto{margin-right:auto!important;margin-left:auto!important}
.ds-my-0{margin-top:0!important;margin-bottom:0!important}
.ds-my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}
.ds-my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}
.ds-my-3{margin-top:1rem!important;margin-bottom:1rem!important}
.ds-my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}
.ds-my-5{margin-top:3rem!important;margin-bottom:3rem!important}
.ds-my-auto{margin-top:auto!important;margin-bottom:auto!important}
.ds-mt-0{margin-top:0!important}
.ds-mt-1{margin-top:.25rem!important}
.ds-mt-2{margin-top:.5rem!important}
.ds-mt-3{margin-top:1rem!important}
.ds-mt-4{margin-top:1.5rem!important}
.ds-mt-5{margin-top:3rem!important}
.ds-mt-auto{margin-top:auto!important}
.ds-me-0{margin-right:0!important}
.ds-me-1{margin-right:.25rem!important}
.ds-me-2{margin-right:.5rem!important}
.ds-me-3{margin-right:1rem!important}
.ds-me-4{margin-right:1.5rem!important}
.ds-me-5{margin-right:3rem!important}
.ds-me-auto{margin-right:auto!important}
.ds-mb-0{margin-bottom:0!important}
.ds-mb-1{margin-bottom:.25rem!important}
.ds-mb-2{margin-bottom:.5rem!important}
.ds-mb-3{margin-bottom:1rem!important}
.ds-mb-4{margin-bottom:1.5rem!important}
.ds-mb-5{margin-bottom:3rem!important}
.ds-mb-auto{margin-bottom:auto!important}
.ds-ms-0{margin-left:0!important}
.ds-ms-1{margin-left:.25rem!important}
.ds-ms-2{margin-left:.5rem!important}
.ds-ms-3{margin-left:1rem!important}
.ds-ms-4{margin-left:1.5rem!important}
.ds-ms-5{margin-left:3rem!important}
.ds-ms-auto{margin-left:auto!important}
.ds-p-0{padding:0!important}
.ds-p-1{padding:.25rem!important}
.ds-p-2{padding:.5rem!important}
.ds-p-3{padding:1rem!important}
.ds-p-4{padding:1.5rem!important}
.ds-p-5{padding:3rem!important}
.ds-px-0{padding-right:0!important;padding-left:0!important}
.ds-px-1{padding-right:.25rem!important;padding-left:.25rem!important}
.ds-px-2{padding-right:.5rem!important;padding-left:.5rem!important}
.ds-px-3{padding-right:1rem!important;padding-left:1rem!important}
.ds-px-4{padding-right:1.5rem!important;padding-left:1.5rem!important}
.ds-px-5{padding-right:3rem!important;padding-left:3rem!important}
.ds-py-0{padding-top:0!important;padding-bottom:0!important}
.ds-py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}
.ds-py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}
.ds-py-3{padding-top:1rem!important;padding-bottom:1rem!important}
.ds-py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}
.ds-py-5{padding-top:3rem!important;padding-bottom:3rem!important}
.ds-pt-0{padding-top:0!important}
.ds-pt-1{padding-top:.25rem!important}
.ds-pt-2{padding-top:.5rem!important}
.ds-pt-3{padding-top:1rem!important}
.ds-pt-4{padding-top:1.5rem!important}
.ds-pt-5{padding-top:3rem!important}
.ds-pe-0{padding-right:0!important}
.ds-pe-1{padding-right:.25rem!important}
.ds-pe-2{padding-right:.5rem!important}
.ds-pe-3{padding-right:1rem!important}
.ds-pe-4{padding-right:1.5rem!important}
.ds-pe-5{padding-right:3rem!important}
.ds-pb-0{padding-bottom:0!important}
.ds-pb-1{padding-bottom:.25rem!important}
.ds-pb-2{padding-bottom:.5rem!important}
.ds-pb-3{padding-bottom:1rem!important}
.ds-pb-4{padding-bottom:1.5rem!important}
.ds-pb-5{padding-bottom:3rem!important}
.ds-ps-0{padding-left:0!important}
.ds-ps-1{padding-left:.25rem!important}
.ds-ps-2{padding-left:.5rem!important}
.ds-ps-3{padding-left:1rem!important}
.ds-ps-4{padding-left:1.5rem!important}
.ds-ps-5{padding-left:3rem!important}
.ds-text-lighter{font-weight:lighter!important}
.ds-text-normal{font-weight:400!important}
.ds-text-bolder{font-weight:bolder!important}
.ds-text-start{text-align:start!important}
.ds-text-center{text-align:center!important}
.ds-text-end{text-align:end!important}
.ds-text-justify{text-align:justify!important}
.ds-w-25{width:25%!important}
.ds-w-50{width:50%!important}
.ds-w-75{width:75%!important}
.ds-w-100{width:100%!important}
.ds-h-25{height:25%!important}
.ds-h-50{height:50%!important}
.ds-h-75{height:75%!important}
.ds-h-100{height:100%!important}
.ds-mw-25{min-width:25%!important}
.ds-mw-50{min-width:50%!important}
.ds-mw-75{min-width:75%!important}
.ds-mw-100{min-width:100%!important}
.ds-mh-25{min-height:25%!important}
.ds-mh-50{min-height:50%!important}
.ds-mh-75{min-height:75%!important}
.ds-mh-100{min-height:100%!important}
.ds-w-auto{width:auto!important}
.ds-h-auto{height:auto!important}
.ds-mw-0{min-width:0!important}
.ds-mh-0{min-height:0!important}
.ds-container,.ds-container-fluid,.ds-container-lg,.ds-container-md,.ds-container-sm,.ds-container-xl,.ds-container-xxl{width:100%;padding-right:var(--bs-gutter-x,.75rem);padding-left:var(--bs-gutter-x,.75rem);margin-right:auto;margin-left:auto}
@media (min-width:576px){.ds-container,.ds-container-sm{max-width:540px}}
@media (min-width:768px){.ds-container,.ds-container-md,.ds-container-sm{max-width:720px}}
@media (min-width:992px){.ds-container,.ds-container-lg,.ds-container-md,.ds-container-sm{max-width:960px}}
@media (min-width:1200px){.ds-container,.ds-container-lg,.ds-container-md,.ds-container-sm,.ds-container-xl{max-width:1140px}}
@media (min-width:1400px){.ds-container,.ds-container-lg,.ds-container-md,.ds-container-sm,.ds-container-xl,.ds-container-xxl{max-width:1320px}}

.ds-position-relative { position: relative!important }
.ds-position-absolute { position: absolute!important }
.ds-overflow-hidden { overflow: hidden!important }
.ds-object-contain { object-fit: contain!important }

.ds-fixed-top{position:fixed!important;top:0!important;right:0!important;left:0!important;z-index:1030!important}
.ds-sticky-top{position:-webkit-sticky!important;position:sticky!important;top:0!important;z-index:1020!important}
.ds-loading-box{width:100%;position:relative;min-height:320px}
.ds-button-locked~*,.ds-d-none,.ds-hidden,.ds-loading-box:not(.ds-hidden)~*,.ds-panel-tab:not(.ds-active){display:none!important}

.ds-text-shadow{text-shadow:2px 2px rgba(0,0,0,.25),2px 2px rgba(0,0,0,.5),2px 2px rgba(0,0,0,.25)!important}

.ds-h1,.ds-h2,.ds-h3,.ds-h4,.ds-h5,.ds-link,.ds-text {
    margin: 0;
    padding: 0;
    word-wrap: break-word !important;
    word-break: break-word !important;
    font-family: var(--ds-font);
    color: rgba(var(--ds-dark-rgb), .8);
    text-decoration: none;
    font-weight: 400
}

.ds-h5,.ds-link{font-weight:600}
.ds-h1{font-size:56px!important}
.ds-h2{font-size:40px!important}
.ds-h3{font-size:32px!important}
.ds-h4{font-size:24px!important}
.ds-h5{font-size:16px!important}

.ds-text{font-family:var(--ds-font);font-size:20px;color: rgba(var(--ds-dark-rgb),.8);}
.ds-link{display:inline-block;text-decoration:none;color:rgb(0 0 0 / .8)}
.ds-disabled{opacity:.7}

.ds-box-relative { display: block; position: relative; z-index: 0 }
.ds-absolute-center { position: absolute; inset: 0; margin: auto; }

.ds-grayscale-filter{ filter: grayscale(1)!important;}

/* ANIMATIONS */
.fade-in{-webkit-animation:1.2s cubic-bezier(.39,.575,.565,1) both fade-in;animation:1.2s cubic-bezier(.39,.575,.565,1) both fade-in}
@-webkit-keyframes fade-in{0%{opacity:0}100%{opacity:1}}
@keyframes fade-in{0%{opacity:0}100%{opacity:1}}

.fade-in-fwd{-webkit-animation:.6s cubic-bezier(.39,.575,.565,1) both fade-in-fwd;animation:.6s cubic-bezier(.39,.575,.565,1) both fade-in-fwd}
@-webkit-keyframes fade-in-fwd{0%{-webkit-transform:translateZ(-80px);transform:translateZ(-80px);opacity:0}100%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}
@keyframes fade-in-fwd{0%{-webkit-transform:translateZ(-80px);transform:translateZ(-80px);opacity:0}100%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}

.fade-in-bottom{-webkit-animation:.6s cubic-bezier(.39,.575,.565,1) both fade-in-bottom;animation:.6s cubic-bezier(.39,.575,.565,1) both fade-in-bottom}
@-webkit-keyframes fade-in-bottom{0%{-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}
@keyframes fade-in-bottom{0%{-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}

.fade-in-top{-webkit-animation:.6s cubic-bezier(.39,.575,.565,1) both fade-in-top;animation:.6s cubic-bezier(.39,.575,.565,1) both fade-in-top}
@-webkit-keyframes fade-in-top{0%{-webkit-transform:translateY(-50px);transform:translateY(-50px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}
@keyframes fade-in-top{0%{-webkit-transform:translateY(-50px);transform:translateY(-50px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}

.fade-in-left{-webkit-animation:.6s cubic-bezier(.39,.575,.565,1) both fade-in-left;animation:.6s cubic-bezier(.39,.575,.565,1) both fade-in-left}
@-webkit-keyframes fade-in-left{0%{-webkit-transform:translateX(-50px);transform:translateX(-50px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}
@keyframes fade-in-left{0%{-webkit-transform:translateX(-50px);transform:translateX(-50px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}

.fade-in-right{-webkit-animation:.6s cubic-bezier(.39,.575,.565,1) both fade-in-right;animation:.6s cubic-bezier(.39,.575,.565,1) both fade-in-right}
@-webkit-keyframes fade-in-right{0%{-webkit-transform:translateX(50px);transform:translateX(50px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}
@keyframes fade-in-right{0%{-webkit-transform:translateX(50px);transform:translateX(50px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}

.fade-out{-webkit-animation:1s ease-out both fade-out;animation:1s ease-out both fade-out}
@-webkit-keyframes fade-out{0%{opacity:1}100%{opacity:0}}
@keyframes fade-out{0%{opacity:1}100%{opacity:0}}

.fade-out-bottom{-webkit-animation:.7s cubic-bezier(.25,.46,.45,.94) both fade-out-bottom;animation:.7s cubic-bezier(.25,.46,.45,.94) both fade-out-bottom}
@-webkit-keyframes fade-out-bottom{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}100%{-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0}}
@keyframes fade-out-bottom{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}100%{-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0}}

.fade-out-fwd{-webkit-animation:.7s cubic-bezier(.25,.46,.45,.94) both fade-out-fwd;animation:.7s cubic-bezier(.25,.46,.45,.94) both fade-out-fwd}
@-webkit-keyframes fade-out-fwd{0%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}100%{-webkit-transform:translateZ(80px);transform:translateZ(80px);opacity:0}}
@keyframes fade-out-fwd{0%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}100%{-webkit-transform:translateZ(80px);transform:translateZ(80px);opacity:0}}

.fade-out-top{-webkit-animation:.7s cubic-bezier(.25,.46,.45,.94) both fade-out-top;animation:.7s cubic-bezier(.25,.46,.45,.94) both fade-out-top}
@-webkit-keyframes fade-out-top{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}100%{-webkit-transform:translateY(-50px);transform:translateY(-50px);opacity:0}}
@keyframes fade-out-top{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}100%{-webkit-transform:translateY(-50px);transform:translateY(-50px);opacity:0}}

.fade-out-left{-webkit-animation:.7s cubic-bezier(.25,.46,.45,.94) both fade-out-left;animation:.7s cubic-bezier(.25,.46,.45,.94) both fade-out-left}
@-webkit-keyframes fade-out-left{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(-50px);transform:translateX(-50px);opacity:0}}
@keyframes fade-out-left{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(-50px);transform:translateX(-50px);opacity:0}}

.fade-out-right{-webkit-animation:.7s cubic-bezier(.25,.46,.45,.94) both fade-out-right;animation:.7s cubic-bezier(.25,.46,.45,.94) both fade-out-right}
@-webkit-keyframes fade-out-right{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(50px);transform:translateX(50px);opacity:0}}
@keyframes fade-out-right{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(50px);transform:translateX(50px);opacity:0}}

@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
@keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}

.flip-horizontal-bottom{-webkit-animation:flip-horizontal-bottom .4s cubic-bezier(.455,.03,.515,.955) both;animation:flip-horizontal-bottom .4s cubic-bezier(.455,.03,.515,.955) both}
@-webkit-keyframes flip-horizontal-bottom{0%{-webkit-transform:rotateX(0);transform:rotateX(0)}100%{-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg)}}@keyframes flip-horizontal-bottom{0%{-webkit-transform:rotateX(0);transform:rotateX(0)}100%{-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg)}}

.ds-animation-spin{-webkit-animation-name:fa-spin;animation-name:fa-spin;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}
.ds-time{animation-duration:1s!important}
.ds-time-infinite{animation-iteration-count:infinite!important}
.ds-time-xxs{animation-duration:150ms!important}
.ds-time-xs{animation-duration:.3s!important}
.ds-time-sm{animation-duration:.6s!important}
.ds-time-md{animation-duration:.9s!important}
.ds-time-lg{animation-duration:1.2s!important}
.ds-time-xl{animation-duration:3s!important}
.ds-time-xxl{animation-duration:5s!important}
.ds-delay-time{animation-delay:1s!important}
.ds-delay-time-xxs{animation-delay:150ms!important}
.ds-delay-time-xs{animation-delay:.3s!important}
.ds-delay-time-sm{animation-delay:.6s!important}
.ds-delay-time-md{animation-delay:.9s!important}
.ds-delay-time-lg{animation-delay:1.2s!important}
.ds-delay-time-xl{animation-delay:3s!important}
.ds-delay-time-xxl{animation-delay:5s!important}
.ds-text-uppercase{text-transform:uppercase!important}

.ds-label {
    font-family: var(--ds-font) !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    margin-bottom: .6rem !important
}

.ds-title-flex,
.ds-title-text {
    font-family: var(--ds-font);
    font-size: 1.75rem;
    font-weight: 600;
    color: var(--ds-black)
}

.ds-label.ds-flex {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important
}

.ds-flexbox-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.ds-box-carousel {
    position: relative;
    z-index: 0;
    overflow: hidden;
}

.ds-simple-carousel .ds-item:not(.ds-active) {
    opacity: 0;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
}

.ds-simple-carousel .ds-item.ds-active+.ds-item {
    opacity: .3 !important;
}

.ds-simple-carousel .ds-item.ds-active {
    position: relative;
    animation: fade-in .3s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    z-index: 1;
}

.ds-simple-carousel>.ds-item>img {
    pointer-events: none !important;
    user-select: none !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
}

.ds-lista-items.ds-dots {
    justify-content: center;
}

.ds-button-dot {
    padding: 0;
    min-height: unset;
    min-width: unset;
    max-width: unset;
    width: 12px;
    height: 12px;
    margin: 3px;
}

.ds-button-dot:not(.ds-active) {
    filter: grayscale(1);
    opacity: .4;
}

@keyframes ds-slide-progress {
    to {
        width: 100%;
    }
}

.ds-carousel-timer {
    width: 0%;
    height: 2px;
    position: absolute;
    background-color: var(--ds-star);
    bottom: 0;
    left: 0;
    animation-name: ds-slide-progress;
    animation-timing-function: ease-in;
}

.ds-simple-carousel .ds-item:not(.ds-active) .ds-carousel-timer,
.ds-simple-carousel.ds-carousel-paused .ds-carousel-timer {
    display: none !important;
}

.ds-layout-box{position:relative;z-index:0; width: 400px; overflow: hidden;}

.ds-layout-box.ds-w-xxs{width:200px}
.ds-layout-box.ds-w-xs{width:280px}
.ds-layout-box.ds-w-sm{width:400px}
.ds-layout-box.ds-w-md{width:600px}
.ds-layout-box.ds-w-lg{width:720px}
.ds-layout-box.ds-w-xl{width:900px}
.ds-layout-box.ds-w-xxl{width:1200px}

.ds-height-layout {height: 400px}

.ds-height-layout.ds-h-xxs{height:200px}
.ds-height-layout.ds-h-xs{height:280px}
.ds-height-layout.ds-h-sm{height:400px}
.ds-height-layout.ds-h-md{height:600px}
.ds-height-layout.ds-h-lg{height:720px}
.ds-height-layout.ds-h-xl{height:900px}
.ds-height-layout.ds-h-xxl{height:1200px}

.ds-flex-inline {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
}

.ds-icono-box {
    display: inline-flex;
    position: relative;
    z-index: 0;
}

.ds-icono-box .ds-icono:not(.ds-selection) {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
}

.ds-icono.ds-selection {
    color: var(--ds-gun-metal);
    width: 40px;
    height: 40px;
    font-size: 1rem;
    z-index: 0;
}

.ds-input-not-round { border-radius: 4px!important }
.ds-filter-invert { filter: invert(1) }

.ds-flex-media {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

.ds-flex-media-el {
    width: 600px;
    min-height: 600px;
    position: relative;
    z-index: 0;
    overflow: hidden;
}

.ds-transform-25 { transform: scale(.25)!important }
.ds-transform-50 { transform: scale(.5)!important }
.ds-transform-75 { transform: scale(.75)!important }

.ds-input-error {
    border-color: var(--ds-red)!important;
    box-shadow: 0 0 0 3px rgba(var(--ds-red-rgb), .3)!important;
}

.ds-button-locked ~ * {
    display: none !important
}

.ds-button-locked {
    background-color: transparent;
    color: rgba(var(--ds-black-rgb), .8);
    overflow: hidden;
    position: relative;
    z-index: 0;
}

.ds-button-media {
    position: absolute;
    bottom: -40px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 72px;
    height: 72px;
    background-color: var(--ds-star);
    z-index: 1;
    border: 0;
    border-radius: 50%;
    box-shadow: 0 0 0 9px #fff;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


.ds-button-media .ds-button-carousel {
    position: absolute;
    inset: 0;
    margin: auto;
}
.ds-button-carousel {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    border: 0;
    background-color: var(--ds-star);
    color: #fff;
    cursor: pointer;
    overflow: hidden;
}

.ds-button-media .ds-button-carousel:not(.ds-active){ display: none!important; }

/* SLIDER CAROUSEL */
.ds-slider-carousel {
    width: 100%;
    height: 640px;
    overflow: hidden;
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 1;
    flex-wrap: wrap
}

.ds-slider-image{width:100%;height:100%}
.ds-slider-item {
    user-select: none;
    position: relative;
    left: 0;
    width: 100%;
    height: 100%;
}

.ds-slider-item .ds-slider-image {
    object-fit: cover;
    object-position: center;
    background-color: #000;
    pointer-events: none;
    user-select: none;
}

.ds-slider-timer {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
    background-color: var(--ds-star);
    animation: key-timer-image 5s ease-in;
    animation-fill-mode: forwards;
    z-index: 3;
    display: inline-block
}

@keyframes key-timer-image{from{width:0%}to{width:100%}}
.ds-slider-item:not(.ds-is-active) .ds-slider-timer{display:none!important}
/* SELECTBOX */
.ds-lista-options-select {
    width: 100%;
    position: relative;
    max-height: 240px;
    overflow-y: auto;
    background-color: #fff;
    margin: 0;
    margin-top: 0;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    flex-wrap: nowrap;
}

.ds-lista-options-select .ds-link {
    width: 100%;
    height: 48px;
    display: flex;
    align-items: center;
    transition: all .15s ease;
}

.ds-lista-options-select .ds-link.ds-active,.ds-lista-options-select .ds-link:hover{background-color:rgba(var(--ds-star-rgb),.4)}
.ds-lista-options-select .ds-link:focus,.ds-lista-options-select .ds-link:hover{box-shadow:inset 0 0 0 3px rgba(var(--ds-star-rgb),.8)}

.ds-option-badge {
    max-width: 96px;
    display: inline-flex;
    height: 24px;
    border-radius: 24px;
    background-color: var(--ds-star);
    color: var(--ds-black);
    justify-content: center;
    align-items: center;
    margin: 2px;
}

.ds-option-badge .ds-text {
    font-family: var(--ds-font);
    font-size: 0.65rem;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--ds-dark);
    font-weight: bolder;
    padding: 0 6px;
}

.ds-close-badge {
    width: 24px;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border: 0;
    background-color: var(--ds-black);
    color: var(--ds-star);
    cursor: pointer;
}

.ds-close-badge .ds-icono {
    color: var(--ds-star);
    width: 24px !important;
    height: 24px !important;
}

.ds-title-button {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    background-color: transparent;
    border: 0;
}

.ds-options-selected:not(.ds-hidden)+.ds-title-select{display:none!important}

.ds-reset-select {
    font-size: 1rem;
    color: rgba(var(--ds-dark-rgb), .8);
    position: relative;
    background-color: transparent;
    border: 0;
    outline: 0;
    margin: 0;
    padding: 0;
    cursor: pointer;
}

.ds-reset-select::before {
    content: '';
    width: 1px;
    height: 24px;
    position: absolute;
    background-color: #000;
    opacity: .2;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto 0;
}

.ds-title-button:not(.ds-active)~.ds-box-options-select{display:none!important}

.ds-box-options-select {
    width: calc(100% - 18px);
    position: absolute;
    top: 64px;
    z-index: 1020;
    background-color: #fff;
    animation: .25s cubic-bezier(.39, .575, .565, 1) both fade-in-bottom;
    margin: 0 9px;
    box-shadow: 0 0 9px rgb(0 0 0 / 30%);
}

.ds-done-select-box {
    display: flex;
    justify-content: flex-end;
    padding: 9px;
}

.ds-done-select-box .ds-button-done {
    height: 42px;
    color: var(--ds-black);
    border-radius: 0;
    font-weight: 400;
}

.ds-searc-select-box{width:100%;padding:9px}

.ds-select-filtro,
.ds-radio-filtro {
    width: 100%;
    height: 100%;
    box-shadow: inset 0 0 0 1px rgb(0 0 0 / 20%);
}

.ds-select-filtro select{display:none!important}

.ds-title-box {
    width: 100%;
    height: 48px;
    display: flex;
    align-items: center;
}

.ds-title-select {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 4px 9px;
    width: 100%;
    height: 100%;
    border: 0;
    background-color: transparent;
    outline: 0;
    margin: 0;
    cursor: pointer;
}

.ds-title-select .ds-title {
    font-family: var(--ds-font);
    display: inline-flex;
    width: 100%;
    height: 100%;
    align-items: center;
    flex-wrap: wrap;
}
.ds-title-select .ds-icono{--size-icono:32px;width:var(--size-icono);height:var(--size-icono)}

/* LOGO */
.ds-icono-logo {
    background-color: var(--ds-star);
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 6px;
    font-family: var(--ds-font);
    font-weight: 600;
    font-size: 1.25rem;
    color: var(--ds-white);
    border-radius: 6px;
    margin: 4px;
}
.us-icono-logo {
    background-color: var(--ds-star);
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-family: var(--ds-font);
    font-weight: 600;
    font-size: 2.25rem;
    color: var(--ds-white);
    border-radius: 6px;
    margin: 6px;
}

.ds-icono-logo::before {
    content: 'U';
}
.uslugen-app-logo {
    width: 120px;
    height: 48px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-end;
    padding: 0;
    margin: 9px;
    position: relative;
    z-index: 1;
    font-family: var(--ds-font);
    font-size: 1.25rem;
    color: var(--ds-star);
}

.uslugen-app-logo::before {
    content: 'U';
    position: relative;
    display: inline-flex;
    width: 48px;
    height: 48px;
    border-radius: 6px;
    justify-content: flex-end;
    align-items: center;
    background-color: var(--ds-star);
    padding: 9px;
    font-weight: bold;
    font-size: 1.25rem;
    margin-right: 6px;
    color: var(--ds-light);
}

.uslugen-app-logo::after {
    content: 'slugen';
    position: relative;
    display: block;
    padding-bottom: 3px;
    font-weight: 500;
}

.uslugen-app-logo.ds-logo-light::before{background-color:var(--ds-white)}
.uslugen-app-logo.ds-logo-light::after{color:var(--ds-white)}
.ds-logo-kimerkia{position:relative;z-index:1;width:48px;height:48px;display:inline-block}

.ds-logo-kimerkia .ds-icono{position:absolute;inset:0;margin:auto}

use[href="#kmk-internal-layer"]{transform-origin:center;transform:rotate(22.5deg)}
use[href="#kmk-external-layer"]{transform-origin:center;transform:rotate(81.5deg)}

.ds-logo-kimerkia.ds-xxs .ds-icono{width:24px;height:24px;font-size:.75rem}
.ds-logo-kimerkia.ds-xs .ds-icono{width:32px;height:32px;font-size:1rem}
.ds-logo-kimerkia.ds-sm .ds-icono{width:56px;height:56px;font-size:1.5rem}
.ds-logo-kimerkia.ds-md .ds-icono{width:64px;height:64px;font-size:2.5rem}
.ds-logo-kimerkia.ds-lg .ds-icono{width:96px;height:96px;font-size:3.5rem}
.ds-logo-kimerkia.ds-xl .ds-icono{width:128px;height:128px;font-size:5rem}
.ds-logo-kimerkia.ds-xxl .ds-icono{width:256px;height:256px;font-size:10rem}

.ds-header-site {
    --height-item: 48px;
    position: relative;
    z-index: 1;
    width: 100%;
    min-height: var(--height-item);
    flex-wrap: wrap;
    flex-direction: row;
}

.ds-header-site .ds-link {
    height: var(--height-item);
    display: flex;
    align-items: center;
    padding: 6px 16px;
}

.ds-header-site .ds-item {
    position: relative;
    z-index: 1;
}

.ds-header-site .ds-item:not(:last-child)::after {
    content: "/";
    font-size: 1.75rem;
    position: absolute;
    width: 9px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    right: -4px;
    color: rgba(var(--ds-dark-rgb), .4);
}

.ds-ground-loading{
    position: absolute;
    inset: 0;
    margin: auto;
    border-radius: inherit;
    background-color: transparent;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.ds-ground-loading::before{
    content: "";
    width: 104px;
    height: 100%;
    position: absolute;
    background-image: linear-gradient(90deg,transparent, rgba(var(--ds-star-rgb), .05), transparent);
    top: 0;
    left: 0;
    animation: animation-ground-loading 1.5s infinite ease;
    animation-fill-mode: forwards;
    transform: scale(2);
    opacity: .6;
}

@keyframes animation-ground-loading { to { left: 100%;} }


.ds-load-item {
    position: relative;
    z-index: 1;
    box-shadow: inset 0 0 0 1px rgba(var(--ds-dark-rgb), 0.2);
    overflow: hidden;
}

.ds-load-item:empty:before {
    content: "";
    width: 104px;
    height: 100%;
    position: absolute;
    background-image: linear-gradient(90deg, transparent, rgba(var(--ds-star-rgb), .05), transparent);
    top: 0;
    left: 0;
    animation: animation-ground-loading 1.5s infinite ease;
    animation-fill-mode: forwards;
    transform: scale(2);
    opacity: .1;
    z-index: -1;
}

.ds-frame-phone {
    width: 160px;
    height: 300px;
    position: relative;
    z-index: 0;
    background-image: var(--ds-iphone-light);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-origin: content-box;
    padding: 9px;
    overflow: hidden;
}