/* Ron Quimbaya Skin for Age Gate - purely visual */
.age-gate__wrapper.rqag-skin-root,
.age-gate-wrapper.rqag-skin-root {
    align-items: center !important;
    background: transparent !important;
    box-sizing: border-box !important;
    display: flex !important;
    inset: 0 !important;
    justify-content: center !important;
    min-height: 100dvh !important;
    overflow: auto !important;
    padding: clamp(18px, 4vw, 52px) !important;
    position: fixed !important;
    z-index: 2147483600 !important;
    isolation: isolate !important;
}

.rqag-skin-root,
.rqag-skin-root *,
.rqag-skin-root *::before,
.rqag-skin-root *::after { box-sizing: border-box !important; }

/* Fondo nativo de Age Gate: usar la imagen aprobada en lugar del color blanco. */
.age-gate-background-color,
.age-gate__background-color {
    background-color: #c9a778 !important;
    background-image: var(--rqag-bg, url("https://ronquimbaya.com/wp-content/uploads/2026/07/fondobg.jpg")) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.rqag-skin-root .age-gate__background,
.rqag-skin-root .age-gate-background,
.rqag-skin-root .age-gate__background-colour,
.rqag-skin-root .age-gate-background-colour,
.rqag-skin-root .age-gate__background-image,
.rqag-skin-root .age-gate-background-image,
.rqag-skin-root .age-gate__image,
.rqag-skin-root .age-gate-image,
.rqag-skin-root .age-gate__video,
.rqag-skin-root .age-gate-video { display:none !important; opacity:0 !important; visibility:hidden !important; }

.rqag-skin-root .age-gate-background-color,
.rqag-skin-root .age-gate__background-color {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    position: fixed !important;
    inset: 0 !important;
    z-index: -1 !important;
    background-color: #c9a778 !important;
    background-image: var(--rqag-bg, url("https://ronquimbaya.com/wp-content/uploads/2026/07/fondobg.jpg")) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.rqag-skin__backdrop {
    position: fixed !important;
    inset: 0 !important;
    z-index: 0 !important;
    background-color: #c9a778 !important;
    background-image: linear-gradient(rgba(17, 9, 2, .08), rgba(17, 9, 2, .08)), var(--rqag-bg) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.rqag-skin__backdrop::before {
    content: '' !important;
    position: absolute !important;
    inset: -32px !important;
    background: inherit !important;
    filter: blur(14px) saturate(.92) !important;
    transform: scale(1.06) !important;
    transform-origin: center !important;
}

.rqag-skin__backdrop::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: rgba(35,20,6,.03) !important;
}

.rqag-skin__stage {
    position: relative !important;
    z-index: 2 !important;
    width: min(var(--rqag-panel-width, 840px), 88vw, calc(78dvh * 1.604)) !important;
    aspect-ratio: 1.604 / 1 !important;
    display: grid !important;
    grid-template-columns: 41fr 59fr !important;
    box-shadow: 0 18px 38px rgba(0,0,0,.28) !important;
    overflow: hidden !important;
}

.rqag-skin__people {
    grid-column: 1 !important;
    grid-row: 1 !important;
    background-color: #5e321f !important;
    background-image: var(--rqag-people) !important;
    background-position: var(--rqag-people-position, center center) !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    min-width: 0 !important;
    min-height: 0 !important;
}

.rqag-skin-root > .age-gate.rqag-skin__gate,
.rqag-skin-root .age-gate.rqag-skin__gate {
    grid-column: 2 !important;
    grid-row: 1 !important;
    align-items: center !important;
    align-self: stretch !important;
    justify-self: stretch !important;
    background-color: var(--rqag-panel-color, #006b3e) !important;
    background-image: linear-gradient(rgba(0, 78, 43, .04), rgba(0, 78, 43, .04)), var(--rqag-panel) !important;
    background-position: center center, var(--rqag-panel-position, right center) !important;
    background-repeat: no-repeat, no-repeat !important;
    background-size: cover, cover !important;
    border: 0 !important;
    box-shadow: none !important;
    color: var(--rqag-text, #fff) !important;
    display: flex !important;
    flex-direction: column !important;
    font-family: var(--rqag-font, inherit) !important;
    height: 100% !important;
    width: 100% !important;
    margin: 0 !important;
    max-width: none !important;
    min-width: 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
    padding: clamp(32px, 4.6vw, 54px) clamp(22px, 2.5vw, 36px) 30px !important;
    position: relative !important;
    text-align: center !important;
    transform: none !important;
    z-index: 1 !important;
}

.rqag-skin-root .age-gate.rqag-skin__gate > * { position: relative; z-index: 1; }

.rqag-skin__logo {
    display:block !important; flex:0 0 auto !important; width:100% !important; height:auto !important;
    max-width:min(280px,82%) !important; margin:0 auto clamp(28px,4vh,44px) !important; object-fit:contain !important; padding:0 !important;
}
.rqag-skin__seal {
    display:block !important; flex:0 0 auto !important; width:100% !important; height:auto !important;
    max-width:clamp(78px,14dvh,104px) !important; margin:clamp(18px,3vh,30px) auto 0 !important; object-fit:contain !important; padding:0 !important;
}

.rqag-skin-root .age-gate__heading,
.rqag-skin-root .age-gate-heading,
.rqag-skin-root .age-gate__headline,
.rqag-skin-root .age-gate-headline,
.rqag-skin-root .age-gate__subheadline,
.rqag-skin-root .age-gate-subheadline { display:none !important; }

.rqag-skin-root .age-gate__form,
.rqag-skin-root .age-gate-form,
.rqag-skin-root .age-gate__fields,
.rqag-skin-root .age-gate-fields,
.rqag-skin-root .age-gate__form-elements,
.rqag-skin-root .age-gate-form-elements {
    background: transparent !important; border:0 !important; box-shadow:none !important; color:inherit !important;
    margin:0 !important; max-width:none !important; padding:0 !important; width:100% !important;
}

.rqag-skin-root .age-gate__challenge,
.rqag-skin-root .age-gate-challenge {
    color: var(--rqag-text, #fff) !important;
    font-family: inherit !important;
    font-size: clamp(18px, var(--rqag-question-size, 22px), 32px) !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    margin: 0 auto 15px !important;
    padding: 0 !important;
    text-align: center !important;
    width: 100% !important;
}

.rqag-skin-root .age-gate__buttons,
.rqag-skin-root .age-gate-buttons {
    align-items:center !important; display:flex !important; flex-wrap:wrap !important; gap:clamp(20px,5vw,42px) !important;
    justify-content:center !important; list-style:none !important; margin:0 !important; padding:0 !important; width:100% !important;
}

.rqag-skin-root button.age-gate__submit--yes,
.rqag-skin-root button.age-gate__submit--no,
.rqag-skin-root button.age-gate-submit-yes,
.rqag-skin-root button.age-gate-submit-no,
.rqag-skin-root .age-gate__submit.age-gate__submit--yes,
.rqag-skin-root .age-gate__submit.age-gate__submit--no,
.rqag-skin-root .age-gate-submit.age-gate-submit-yes,
.rqag-skin-root .age-gate-submit.age-gate-submit-no {
    align-items:center !important; appearance:none !important; background:transparent !important; border:0 !important; border-radius:5px !important;
    box-shadow:none !important; color:var(--rqag-text, #fff) !important; cursor:pointer !important; display:inline-flex !important;
    font:inherit !important; font-size:17px !important; font-weight:500 !important; gap:7px !important; line-height:1 !important;
    margin:0 !important; min-height:44px !important; min-width:0 !important; padding:8px 10px !important; text-decoration:none !important;
    text-transform:none !important; width:auto !important;
}

.rqag-skin-root button.age-gate__submit--yes::before,
.rqag-skin-root button.age-gate__submit--no::before,
.rqag-skin-root button.age-gate-submit-yes::before,
.rqag-skin-root button.age-gate-submit-no::before,
.rqag-skin-root .age-gate__submit.age-gate__submit--yes::before,
.rqag-skin-root .age-gate__submit.age-gate__submit--no::before,
.rqag-skin-root .age-gate-submit.age-gate-submit-yes::before,
.rqag-skin-root .age-gate-submit.age-gate-submit-no::before {
    background:transparent !important; border:2px solid currentColor !important; border-radius:50% !important; content:'' !important;
    display:block !important; flex:0 0 17px !important; height:17px !important; width:17px !important;
}

.rqag-skin-root button.age-gate__submit--yes:hover::before,
.rqag-skin-root button.age-gate__submit--no:hover::before,
.rqag-skin-root button.age-gate__submit--yes:focus-visible::before,
.rqag-skin-root button.age-gate__submit--no:focus-visible::before,
.rqag-skin-root button.age-gate-submit-yes:hover::before,
.rqag-skin-root button.age-gate-submit-no:hover::before,
.rqag-skin-root button.age-gate-submit-yes:focus-visible::before,
.rqag-skin-root button.age-gate-submit-no:focus-visible::before {
    box-shadow: inset 0 0 0 3px var(--rqag-panel-color, #006b3e), inset 0 0 0 9px var(--rqag-accent, #d9a84e) !important;
}
.rqag-skin-root .age-gate__submit:focus-visible,
.rqag-skin-root .age-gate-submit:focus-visible { outline:2px solid var(--rqag-accent, #d9a84e) !important; outline-offset:2px !important; }
.rqag-skin-root .age-gate__remember-wrapper,
.rqag-skin-root .age-gate-remember-wrapper,
.rqag-skin-root .age-gate__additional-information,
.rqag-skin-root .age-gate-additional-information { display:none !important; }
.rqag-skin-root .age-gate__errors,
.rqag-skin-root .age-gate-errors,
.rqag-skin-root .age-gate__error,
.rqag-skin-root .age-gate-error,
.rqag-skin-root .age-gate__error-message,
.rqag-skin-root .age-gate-error-message { color:#fff !important; font-size:13px !important; line-height:1.35 !important; margin:8px 0 0 !important; padding:0 !important; }

@media (max-width:700px) {
    .age-gate__wrapper.rqag-skin-root,
    .age-gate-wrapper.rqag-skin-root { align-items:flex-start !important; padding:16px !important; }
    .rqag-skin__backdrop::before { filter: blur(8px) saturate(.94) !important; transform: scale(1.04) !important; }
    .rqag-skin__stage {
        width:min(420px,100%) !important;
        aspect-ratio:auto !important;
        grid-template-columns:1fr !important;
        grid-template-rows:auto auto !important;
        box-shadow:0 18px 38px rgba(0,0,0,.28) !important;
        overflow:hidden !important;
    }
    .rqag-skin__people {
        grid-column:1 !important;
        grid-row:1 !important;
        width:100% !important;
        min-height:0 !important;
        aspect-ratio:1.956 / 1 !important;
        background-position:var(--rqag-people-position, center center) !important;
        background-size:cover !important;
    }
    .rqag-skin-root > .age-gate.rqag-skin__gate,
    .rqag-skin-root .age-gate.rqag-skin__gate {
        grid-column:1 !important;
        grid-row:2 !important;
        height:auto !important;
        width:100% !important;
        min-height:360px !important;
    }
    .rqag-skin__logo { margin-bottom: clamp(24px,5vh,38px) !important; max-width:270px !important; }
    .rqag-skin__seal { max-width:104px !important; }
}

@media (max-width:370px), (max-width:700px) and (max-height:650px) {
    .age-gate__wrapper.rqag-skin-root,
    .age-gate-wrapper.rqag-skin-root { padding:10px !important; }
    .rqag-skin__people { aspect-ratio: 2.15 / 1 !important; }
    .rqag-skin-root > .age-gate.rqag-skin__gate,
    .rqag-skin-root .age-gate.rqag-skin__gate { min-height: 320px !important; padding: 20px 18px 16px !important; }
    .rqag-skin__logo { margin-bottom:20px !important; max-width:220px !important; }
    .rqag-skin__seal { margin-top:12px !important; max-width:82px !important; }
}

@media (prefers-reduced-motion: reduce) {
    .rqag-skin-root *, .rqag-skin-root *::before, .rqag-skin-root *::after { transition:none !important; }
}