/* Didomi: mismos estilos que dlocal.com (assets/css/fixed/components.didomi-popup-new.css),
   con rem pasados a px (dlocal.com usa html{font-size:62.5%}) y sus variables definidas acá. */
#didomi-host{
  --color-neutral-100:#FFF;--color-neutral-100-hsl:0 0% 100%;--color-neutral-200-hsl:0 0% 91%;
  --color-neutral-300:#D8D8D8;--color-neutral-400-hsl:218 11% 65%;--color-neutral-500:#67707F;
  --color-neutral-600:#525866;--color-neutral-700:#2D3139;--color-neutral-800:#121417;
  --color-primary-100:#3272F0;--color-primary-1000:#070420;--color-primary-1000-hsl:246 78% 7%;
  --color-primary-400:#1043FA;--color-primary-400-hsl:227 96% 52%;--color-primary-500:#0228B9;
  --color-primary-700-hsl:241 83% 28%;--color-secondary-400:#21A35B;
  --font:'Roboto dLocal',Roboto,sans-serif;--section-y:clamp(50px,11vh,80px);--wrapper-x:16px}
@media (min-width:24.375rem){#didomi-host{--wrapper-x:20px}}
@media (min-width:48rem){#didomi-host{--wrapper-x:60px;--section-y:clamp(80px,15vh,140px)}}
@media (min-width:61.25rem){#didomi-host{--wrapper-x:max(64px,8.333vw)}}
@media (min-width:105rem){#didomi-host{--wrapper-x:104px;--section-y:clamp(80px,17.5vh,160px)}}
#didomi-host{font-family:Roboto,sans-serif}
#didomi-host {
    font-family: Roboto, sans-serif;
}

#didomi-host .didomi-popup-footer{
    border-radius: 0 0 16px 16px !important;
}

#didomi-host .didomi-popup-backdrop {
    background-color: hsl(var(--color-primary-700-hsl)/90%) !important;
    backdrop-filter: blur(4px) !important;
}

#didomi-notice {
    padding: 24px 32px 24px !important;
    left: var(--wrapper-x) !important;
    right: var(--wrapper-x) !important;
    bottom: 16px !important;
    font-size: 11px !important;
    color: var(--color-primary-1000) !important;
    background: hsl(var(--color-neutral-100-hsl) / 95%) !important;
    backdrop-filter: blur(5px);
    border: none !important;
    border-radius: 16px !important;
    box-shadow: 0 0 0 1px hsl(var(--color-primary-1000-hsl) / 10%), 0px 10px 14px -8px hsl(var(--color-primary-1000-hsl) / 20%) !important;
    /* pointer-events: initial !important; */
    /* margin-inline: auto !important; */
}

#didomi-notice .didomi-notice__interior-border {
    padding: 0 !important;
    border: none !important;
    flex-direction: column !important;
}

#didomi-host #didomi-notice.didomi-regular-notice{
    line-height: 1.4em;
}

#didomi-notice #text {
    margin-right: 0 !important;
    opacity: .7;
}

#didomi-notice #text>* {
    display: inline !important;
    margin-right: 1em !important;
}

:root:root #didomi-host a:not(.didomi-no-link-style) {
    color: var(--color-primary-400) !important;
}

#didomi-host a:not(.didomi-no-link-style) span {
    color: var(--color-primary-400) !important;
}

#didomi-notice #buttons {
    margin-top: 16px !important;
}

#didomi-host .didomi-button {
    /* height: 3.3em !important; */
    border-radius: 0.5em !important;
    font-weight: 500 !important;
    font-size: 0.92em !important;
    padding-block: 0.6em !important;
    height: auto !important;
}

#didomi-host .didomi-button-highlight {
    background-color: var(--color-primary-400) !important;
    border-radius: 40px !important;
    font-size: 11px !important;
}

#didomi-host #didomi-notice-disagree-button.didomi-button-highlight{
    border-color: var(--color-primary-400) !important;
    background: transparent !important;
    color: var(--color-primary-400) !important;
    border-radius: 40px !important;
}

/* #didomi-host .didomi-button-standard {
    border-color: var(--color-primary-400) !important;
    background: transparent !important;
    color: var(--color-primary-400) !important;
    border-radius: 40px !important;
} */

#didomi-host .didomi-button-standard {
    border: none !important;
    background: transparent !important;
    color: var(--color-primary-400) !important;
    text-decoration: underline !important;
    text-underline-offset: .2em;
    border-radius: 0 !important;
    font-size: 11px !important;
}

/* Popup  */

#didomi-consent-popup {
    font-family: var(--font) !important;
    padding: calc(var(--section-y)*.4) var(--wrapper-x) !important;
}


#didomi-consent-popup .didomi-popup-container.didomi-consent-popup__dialog {
    border: none !important;
    border-radius: 16px;
}

#didomi-host .didomi-consent-popup-body {
    padding: 0 var(--_px) var(--_py) !important;
}

#didomi-consent-popup .didomi-exterior-border {
    --_px: 20px !important;
    --_py: 20px !important;
}

#didomi-consent-popup .didomi-consent-popup-header.didomi-popup-header {
    padding: var(--_py) var(--_px) !important;
}

#didomi-host a.didomi-no-link-style {
    color: var(--color-neutral-600) !important;
}

#didomi-host .didomi-consent-popup-body .didomi-consent-popup-body__title {
    color: var(--color-neutral-500) !important;
}

#didomi-host .didomi-consent-popup-preferences .didomi-consent-popup-data-processing {
    margin-bottom: 1em !important;
}

#didomi-host .didomi-components-accordion .label-click {
    position: relative !important;
    font-weight: 500 !important;
    color: var(--color-neutral-700) !important;
    padding-left: 1.2em !important;
    line-height: 1.4 !important;
}

#didomi-host .didomi-components-accordion .trigger-icon {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
}

#didomi-host .didomi-components-accordion .didomi-consent-popup-data-processing__purpose[aria-expanded="true"] {
    color: var(--color-primary-400) !important;
}

#didomi-host .didomi-consent-popup-preferences .didomi-consent-popup-data-processing .didomi-consent-popup-data-processing-illustrations {
    border-radius: 0.6em !important;
    padding: 1.6em !important;
    margin-inline: -2px !important;
    line-height: 1.5 !important;
    font-size: 11px !important;
    border: none !important;
    background: hsl(var(--color-neutral-400-hsl) / 8%) !important;
}

#didomi-host .didomi-components-radio__option:first-child {
    margin-right: 0.8em;
}

#didomi-host .didomi-components-radio__option:last-child {
    color: var(--color-primary-400) !important;
    border: 1px solid hsl(var(--color-primary-400-hsl)/50%) !important;
}

#didomi-host .didomi-components-radio__option {
    box-shadow: none !important;
    height: auto !important;
    padding: 0.8em 2em 0.9em !important;
    border-radius: 0.6em !important;
    font-weight: 500 !important;
    color: var(--color-neutral-500) !important;
    border: 1px solid hsl(var(--color-neutral-400-hsl)/60%) !important;
    border-radius: 30px !important;
}

#didomi-host .didomi-components-radio__option.didomi-components-radio__option--agree {
    padding: 0.8em 1.3em 0.9em !important;
    color: var(--color-neutral-100) !important;
    background: var(--color-secondary-400) !important;
}

#didomi-host .didomi-components-radio__option.didomi-components-radio__option--disagree {
    padding: 0.8em 1.4em 0.9em !important;
    color: var(--color-neutral-100) !important;
    background: #f32c2c !important;
    border-color: #f32c2c !important;
}

#didomi-host .didomi-mobile .didomi-consent-popup-preferences-purposes .didomi-consent-popup-data-processing__purpose_actions .didomi-consent-popup-data-processing__purpose_actions_title {
    font-weight: 500 !important;
    opacity: .6 !important;
}

#didomi-host .didomi-consent-popup-preferences-purposes .didomi-consent-popup-view-vendors-list .didomi-consent-popup-view-vendors-list-link {
    box-shadow: none !important;
    padding: .8em 1em 0.9em !important;
    border-radius: 0.5em !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    color: hsl(var(--color-primary-400-hsl) /90%) !important;
    border-color: hsl(var(--color-primary-400-hsl) /50%) !important;
    border-radius: 30px !important;
}

#didomi-host .didomi-consent-popup-preferences-purposes .didomi-consent-popup-footer .didomi-buttons-all button:last-child{
    border-radius: 30px !important;
}

#didomi-host .didomi-consent-popup-preferences-purposes .didomi-consent-popup-data-processing__essential_purpose {
    text-transform: capitalize !important;
    font-weight: 500 !important;
    font-size: 11px !important;
    color: var(--color-neutral-500) !important;
}

#didomi-host .didomi-consent-popup-preferences-purposes .didomi-consent-popup-data-processing__essential_purpose_explanation {
    font-weight: 400 !important;
    color: var(--color-neutral-500) !important;
    background: hsl(var(--color-neutral-200-hsl) /40%) !important;
    padding: 1em !important;
    line-height: 1.4 !important;
    border-radius: 8px !important;
    margin-top: -1em !important;
    margin-bottom: 1em !important;
}

#didomi-host .didomi-consent-popup-preferences-purposes .didomi-consent-popup-data-processing__purpose_actions .didomi-consent-popup-data-processing__purpose_actions_title {
    font-weight: 500 !important;
    font-size: 11px !important;
    opacity: 0.8 !important;
}

#didomi-host .didomi-consent-popup-preferences .didomi-consent-popup-purpose {
    border-bottom: 1px solid var(--color-neutral-300);
    margin-block: 1em 1em;
}

/* Partners  */

#didomi-host .didomi-first-letter-vendors-list:not(:first-of-type) {
    margin-top: 1.7em !important;
}

#didomi-host .didomi-first-letter-vendors-list {
    color: var(--color-primary-400) !important;
    font-weight: 700 !important;
    margin-bottom: 0.6em !important;
    padding-bottom: 0.6em !important;
    border-bottom: 1px solid var(--color-neutral-300) !important;
}

#didomi-host .didomi-consent-popup-body__explanation {
    opacity: 0.7;
}

#didomi-host .didomi-consent-popup-preferences-vendors .didomi-consent-popup-body_vendors-list .didomi-vendors-details-title {
    font-weight: 500 !important;
}

#didomi-host .didomi-components-accordion .didomi-content.active > *:first-child {
    margin-top: 10px !important;
}

#didomi-host .didomi-components-accordion .didomi-content.active > *:last-child {
    margin-bottom: 10px !important;
}

#didomi-host .didomi-components-accordion .didomi-content.active .didomi-components-accordion .didomi-content.active > *:first-child {
    margin-top: 0 !important;
}

#didomi-host .didomi-consent-popup-vendor__description .didomi-content ul li {
    margin-bottom: 0.5em !important;
}

#didomi-host .didomi-components-accordion .didomi-components-accordion-label-container .label-click.didomi-user-information-trigger {
    color: var(--color-secondary-400) !important;
    font-size: 11px !important;
    margin-top: 1.2em !important;
}

#didomi-host .didomi-components-accordion .didomi-components-accordion-label-container .label-click[aria-expanded="true"] {
    color: var(--color-primary-100) !important;
}

#didomi-host .didomi-consent-popup-preferences-vendors .didomi-user-information-container {
    border-radius: 10px !important;
    font-size: 11px !important;
}

#didomi-host .didomi-consent-popup-preferences-vendors .didomi-user-information-container > * {
    opacity: 0.8 !important;
}

#didomi-host .didomi-consent-popup-preferences-vendors .didomi-consent-popup-body_vendors-list{
    padding: 14px;
    border-radius: 0 0 12px 12px;
}

#didomi-host .didomi-consent-popup-preferences-vendors .didomi-consent-popup-container-click-all {
    border-radius: 10px 10px 0 0 !important;
    padding: 8px 14px !important;
    font-weight: 500 !important;
    color: var(--color-neutral-800) !important;
}


/* Mobile */

@media (max-width: 47.9375rem) {
    /* 767px */

    #didomi-notice {
        padding: calc(var(--wrapper-x) * 1.1) !important;
        padding-top: calc(var(--wrapper-x) * 1.2) !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        border-radius: 16px 16px 0 0 !important;
    }

}

/* ********************** BIG MOBILE ********************** */

@media (min-width: 24.375rem) /* 359px */ { 

     #didomi-host .didomi-screen-xsmall #didomi-notice.didomi-regular-notice #buttons.multiple{
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 0 10px !important;
    }

    :root:root #didomi-host .didomi-screen-xsmall #didomi-notice.didomi-regular-notice #buttons.multiple button{
        padding-right: .8em !important;
    }

    #didomi-host .didomi-screen-xsmall #didomi-notice.didomi-regular-notice #buttons.multiple .standard-button:first-child{
        grid-column: span 2;
    }

    #didomi-host .didomi-screen-xsmall #didomi-notice.didomi-regular-notice #buttons.multiple button:last-child{
        margin-bottom: 10px !important;
    }
}

/* ********************** MEDIA HOVER ********************** */

@media (hover: hover) { 

    #didomi-host .didomi-consent-popup-preferences-purposes .didomi-consent-popup-view-vendors-list .didomi-consent-popup-view-vendors-list-link:hover{
        background-color: transparent !important;
        color: var(--color-secondary-400) !important;
        border-color: var(--color-secondary-400) !important;
    }

    #didomi-host [dataTooltip]:hover {
        color: var(--color-secondary-400) !important;
        transition: color 200ms ease-out !important;
    }

    #didomi-host .didomi-components-radio__option:hover{
        opacity: .5 !important;
        transition: opacity 200ms ease-out !important;
    }

    #didomi-host .didomi-components-accordion .didomi-components-accordion-label-container .label-click:hover {
        color: var(--color-primary-500) !important;
    }

}


@media (min-width: 37.5rem) {
    
    #didomi-host #didomi-notice.didomi-regular-notice.shape-banner #buttons.multiple #didomi-notice-learn-more-button{
        width: min-content !important;
        margin-right: 0 !important;
        margin-left: auto !important;
    }

}


/* Large screen */

@media (min-width: 61.25rem) {
    /* 980px */

    #didomi-consent-popup .didomi-exterior-border{
        --_px: 50px !important;
        --_py: 40px !important;
    }

    #didomi-host .didomi-components-radio__option {
        cursor: pointer !important;
    }

    #didomi-notice #buttons {
        align-self: flex-end !important;
        display: inline-grid !important;
        grid-template-columns: repeat(3, 1fr);
        gap: 10px;
    }

    #didomi-host .didomi-button {
        width: 100% !important;
        min-width: none !important;
        padding-inline: 2.2em !important;
    }

    

}

@media (min-width: 75rem) {
    /* 1200px */

    #didomi-host .didomi-popup-container {
        max-width: 800px;
    }

    #didomi-notice {
        padding-inline: 44px !important;
        padding-block: 32px !important;
        font-size: 11px !important;
    }

    #didomi-host .didomi-consent-popup-preferences-purposes .didomi-consent-popup-data-processing__essential_purpose {
        margin-right: 1.9em !important;
    }
}