@font-face {font-family: 'muli_extra_light'; font-style: normal; font-weight: normal; font-display: swap; src: url('../fonts/muli_extra_light.woff2') format('woff2'), url('../fonts/muli_extra_light.ttf') format('truetype');}
@font-face {font-family: 'dancing'; font-style: normal; font-weight: normal; font-display: swap; src: url('../fonts/dancing.woff2') format('woff2'), url('../fonts/dancing.ttf') format('truetype');}

[v-cloak] {display: none !important;}
[v-cloak] > * {display: none !important;}

html, body {height: 100% !important; scrollbar-gutter: stable;}
body {margin: 0 !important; padding: 0 !important; font-family: 'muli_extra_light', sans-serif !important; font-size: 1rem !important; background: #000000 !important; color: #1B557D !important; overflow-x: hidden;}

header {width: 100%; height: 400px !important; position: relative; overflow: hidden; z-index: 1; font-weight: lighter; background: url('../images/header_back.webp') no-repeat bottom center/cover;}

a {text-decoration: none !important;}

select, input[type=text], input[type=tel], input[type=email], input[type=password], button, textarea {outline: none !important; box-shadow: none !important; -webkit-touch-callout: none; -webkit-user-select: none;}

body .form-control:focus,
body .form-select:focus {
    border-color: var(--bs-border-color);
    box-shadow: none !important;
    outline: 0 !important;
}

.dancing {font-family: 'dancing', sans-serif !important;}
.text-white-75 {--bs-text-opacity: 1; color: rgba(255, 255, 255, .75) !important;}
.text-white-50 {--bs-text-opacity: 1; color: rgba(255, 255, 255, .5) !important;}
.text-gold {color: #c9a96e;}
.text-gold-gradient {background: linear-gradient(135deg, #a08552 0%, #e2cfa0 40%, #f0ddb0 55%, #c9a96e 80%, #8f6f3a 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent;}
.text-gold-gradient span {-webkit-text-fill-color: initial; background: none; background-clip: unset; -webkit-background-clip: unset;}
.animated {transition: all 0.3s ease-in-out;}
.fs-7 {font-size: 0.75rem !important;}
.arrow-flipped {transform: rotate(180deg);}
.lang-switcher {z-index: 1000;}
.no-mp {margin: 0 !important; padding: 0 !important;}

.btn-locale-active {color: #2a1f0e !important; background: linear-gradient(135deg, #a08552 0%, #e2cfa0 40%, #f0ddb0 55%, #c9a96e 80%, #8f6f3a 100%) !important; border-color: #b8975a !important; border-radius: 0 !important;}
.btn-locale-inactive {color: #f0ddb0 !important; background: transparent !important; border: 1px solid transparent !important; border-image: linear-gradient(135deg, #a08552 0%, #e2cfa0 40%, #f0ddb0 55%, #c9a96e 80%, #8f6f3a 100%) 1 !important; border-radius: 0 !important;}

.divider-gold {height: 1px; background: linear-gradient(135deg, #a08552 0%, #e2cfa0 40%, #f0ddb0 55%, #c9a96e 80%, #8f6f3a 100%); opacity: 0.5;}
.divider-gold-fade {height: 1px; background: linear-gradient(135deg, transparent 10%, #a08552 20%, #e2cfa0 30%, #f0ddb0 50%, #c9a96e 70%, #8f6f3a 80%, transparent 90%);}

.page-container {max-width: 1440px; width: 1440px; margin: 0 auto;}

.sticky-header {position: fixed; top: 0; left: 0; transform: translateY(-100px); width: 100%; background: #000000; z-index: 1050; transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);}
.sticky-header--visible {transform: translateY(0);}
.sticky-header-inner {width: 1440px;}

.noscript-notice {text-align: center; padding: 2rem;}

.cookie-consent-bar {z-index: 1080; background: rgba(12, 12, 12, 0.97); border-top: 1px solid rgba(201, 169, 110, 0.35); backdrop-filter: blur(6px);}
#bot-cookie-open-preferences {font-size: inherit; vertical-align: baseline;}

.check {z-index: 2100 !important;}
.element-block {display: block !important; opacity: 0 !important; z-index: 100;}
.element-visible {display: block !important; opacity: 1 !important; z-index: 200;}
.element-hidden {display: block !important; opacity: 0 !important; z-index: 100;}
.element-none {display: none !important; opacity: 0 !important; z-index: 100;}

.dropdown-menu-dark {--bs-dropdown-bg: rgba(0, 0, 0, 0.8) !important;}

/* Backgrounds */
.bg-center-back1 {background: url('../images/center_back_1_desktop.webp') top center / cover no-repeat;}
.bg-center-back11 {background: url('../images/center_back_1_desktop.webp') top center / cover no-repeat fixed;}
.bg-center-back2 {background: url('../images/center_back_2.webp') bottom center / cover no-repeat;}

/* Spin */
.spin {
    animation-name: fa-spin;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-direction: normal;
}
@keyframes fa-spin {
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}

/* Buttons */
.btn-limited-editions {display: inline-block; padding: 6px 16px; font-family: 'muli_extra_light', sans-serif; font-size: 1rem; font-weight: 600; letter-spacing: 0.08em; color: #2a1f0e; background: linear-gradient(135deg, #a08552 0%, #e2cfa0 40%, #f0ddb0 55%, #c9a96e 80%, #8f6f3a 100%); border: 1px solid #b8975a; border-radius: 6px; cursor: pointer; transition: filter 0.25s ease, transform 0.2s ease, box-shadow 0.25s ease; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45), inset 0 1px 1px rgba(255, 245, 200, 0.35); text-decoration: none !important;}
.btn-limited-editions:hover {filter: brightness(1.12); transform: translateY(-1px); box-shadow: 0 6px 18px rgba(0, 0, 0, 0.55), inset 0 1px 1px rgba(255, 245, 200, 0.35);}
.btn-limited-editions:active {filter: brightness(0.95); transform: translateY(0); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4), inset 0 1px 1px rgba(255, 245, 200, 0.35);}

.btn-gold {display: inline-block; padding: 6px 16px; font-family: 'muli_extra_light', sans-serif; font-weight: 600; letter-spacing: 0.08em; border: 1px solid #b8975a; border-radius: 6px; transition: filter 0.25s ease, transform 0.2s ease, box-shadow 0.25s ease; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45), inset 0 1px 1px rgba(255, 245, 200, 0.35); text-decoration: none !important;}
.btn-gold-on {color: #2a1f0e; background: linear-gradient(135deg, #a08552 0%, #e2cfa0 40%, #f0ddb0 55%, #c9a96e 80%, #8f6f3a 100%);}
.btn-gold-off {color: #ffffff; background: #000000;}

/* Square layout */
.square-box {position: relative; overflow: hidden;}
.square-box:before {content: ''; display: block; padding-top: 100%;}
.square-content {position: absolute; top: 0; left: 0; bottom: 0; right: 0;}

/* Artwork slider */
.modal-slider-track {display: flex; transition: transform 0.4s ease-in-out; will-change: transform;}
.modal-slider-track--0 {transform: translateX(0);}
.modal-slider-track--1 {transform: translateX(-100%);}
.modal-slider-track--2 {transform: translateX(-200%);}
.modal-slider-track--3 {transform: translateX(-300%);}
.modal-slider-track--4 {transform: translateX(-400%);}
.modal-slider-track--5 {transform: translateX(-500%);}
.modal-slider-track--6 {transform: translateX(-600%);}
.modal-slide {min-width: 100%;}
.modal-slider-arrow {position: absolute; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 10; border-radius: 50%; opacity: 0.6; transition: opacity 0.3s;}
.modal-slider-arrow:hover {opacity: 1;}
.modal-slider-arrow img {width: 20px; height: 20px; filter: brightness(0) invert(1);}
.modal-slider-arrow.left {left: 12px;}
.modal-slider-arrow.right {right: 12px;}
.modal-slider-indicators {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; gap: 8px; z-index: 10;}
.modal-indicator {width: 20px; height: 6px; background: rgba(255, 255, 255, 0.4); border-radius: 3px; cursor: pointer; transition: all 0.3s; display: inline-block;}
.modal-indicator.active {background: rgba(255, 255, 255, 0.95); transform: scale(1.2);}

/* Artwork detail */
.artwork-shadow {box-shadow: 0 15px 35px rgba(0, 0, 0, 0.6), 0 5px 15px rgba(0, 0, 0, 0.3); transition: transform 0.3s ease, box-shadow 0.3s ease;}
.artwork-detail-viewer {width: 100%; max-width: 512px; margin-left: auto; margin-right: auto; aspect-ratio: 1; height: auto;}
.artwork-detail-row {max-width: 1024px; width: 100%;}
.artwork-feature-card {background: rgba(0,0,0,0.25); border: 1px solid rgba(201,168,76,0.35);}

/* Collection */
.gallery-container {max-width: 1200px; margin: 0 auto;}
.shadow-artwork {box-shadow: 0 15px 35px rgba(0, 0, 0, 0.6), 0 5px 15px rgba(0, 0, 0, 0.3); transition: transform 0.3s ease, box-shadow 0.3s ease;}
.shadow-artwork:hover {transform: scale(1.1); box-shadow: 0 20px 45px rgba(0, 0, 0, 0.9), 0 10px 20px rgba(0, 0, 0, 0.48);}
.artwork-title-overlay {box-shadow: 0 15px 35px rgba(0, 0, 0, 0.6), 0 5px 15px rgba(0, 0, 0, 0.3); background: transparent; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);}

/* Artwork deco */
.artwork-deco-row {max-width: 1200px; width: 100%;}
.artwork-deco-row .artwork-deco-thumb {max-width: min(100%, 200px); height: auto;}

/* Artwork formats */
.artwork-format-card {background: rgba(0,0,0,0.2); border: 1px solid rgba(201,168,76,0.25);}

/* Share */
.home-share-btns .home-share-btn {
    --bs-btn-bg: transparent;
    --bs-btn-color: inherit;
    --bs-btn-border-color: transparent;
    --bs-btn-hover-bg: transparent;
    --bs-btn-hover-color: inherit;
    --bs-btn-hover-border-color: transparent;
    --bs-btn-active-bg: transparent;
    --bs-btn-active-color: inherit;
    --bs-btn-active-border-color: transparent;
    display: inline-flex !important;
    align-items: center;
    gap: 0.45rem;
    border-radius: 0 !important;
    border-image: none !important;
    box-sizing: border-box !important;
    font-weight: 600 !important;
    letter-spacing: 0.05em;
    padding: 0.35rem 0.85rem !important;
    transition: filter 0.2s ease, box-shadow 0.2s ease;
}
.home-share-btns .home-share-btn .home-share-icon {width: 1.125rem; height: 1.125rem; flex-shrink: 0; vertical-align: middle;}
.home-share-btns .home-share-btn .home-share-icon--stroke {overflow: visible;}
.home-share-btns .home-share-btn:hover {filter: brightness(1.12);}
.home-share-btns .home-share-btn:focus-visible {outline: 2px solid rgba(255, 255, 255, 0.35); outline-offset: 2px;}
.home-share-btn--facebook {color: #a8cfff !important; border: 2px solid transparent !important; background: linear-gradient(#000000, #000000) padding-box, linear-gradient(135deg, #0668e1 0%, #1877f2 45%, #42a5f5 100%) border-box !important;}
.home-share-btn--x {color: #e7e9ea !important; border: 2px solid transparent !important; background: linear-gradient(#000000, #000000) padding-box, linear-gradient(125deg, #536471 0%, #e7e9ea 48%, #71767b 100%) border-box !important;}
.home-share-btn--linkedin {color: #9ccfef !important; border: 2px solid transparent !important; background: linear-gradient(#000000, #000000) padding-box, linear-gradient(135deg, #0a66c2 0%, #004182 55%, #0077b5 100%) border-box !important;}
.home-share-btn--whatsapp {color: #7fe8a8 !important; border: 2px solid transparent !important; background: linear-gradient(#000000, #000000) padding-box, linear-gradient(135deg, #25d366 0%, #128c7e 50%, #075e54 100%) border-box !important;}
.home-share-btn--email {color: #f0ddb0 !important; border: 2px solid transparent !important; background: linear-gradient(#000000, #000000) padding-box, linear-gradient(135deg, #a08552 0%, #e2cfa0 40%, #f0ddb0 55%, #c9a96e 80%, #8f6f3a 100%) border-box !important;}