/**
 * Puente de tema para la landing: refuerza variables --gold / --gold-aXX
 * generadas por UiThemeService (cargar antes del bloque :root del tema).
 */

/* —— Header y navegación —— */
.landing-page .site-header,
.landing-page .site-header.is-scrolled {
    border-bottom-color: var(--gold-a12);
}

.landing-page .site-logo span,
.landing-page .section-label,
.landing-page .gal-caption-title,
.landing-page .auth-logo span {
    color: var(--gold-light);
}

.landing-page .main-nav a:hover,
.landing-page .main-nav a.active {
    background: var(--gold-a15);
    color: var(--gold-light);
}

.landing-page .nav-cta-pill {
    background: var(--gradient-gold);
    border-color: var(--gold);
    box-shadow: 0 4px 20px var(--gold-a35);
    color: var(--dark) !important;
}

.landing-page .nav-cta-pill:hover,
.landing-page .nav-cta-pill:focus-visible,
.landing-page .nav-cta-pill:active {
    background: var(--gradient-gold);
    color: var(--dark) !important;
}

.landing-page .nav-more-btn {
    border-color: var(--gold-a55);
    background: linear-gradient(135deg, var(--gold-a22), var(--gold-a08));
    color: var(--gold-light);
    box-shadow: 0 4px 18px var(--gold-a25);
}

.landing-page .nav-more-btn-icon {
    background: var(--gold-a25);
    color: var(--gold-light);
}

.landing-page .nav-more-btn:hover,
.landing-page .nav-more-btn.is-open {
    border-color: var(--gold);
    background: linear-gradient(135deg, var(--gold-a38), var(--gold-a18));
    box-shadow: 0 8px 24px var(--gold-a40);
    color: #fff;
}

.landing-page .nav-more-menu {
    border-color: var(--gold-a35);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.55), 0 0 0 1px var(--gold-a08);
}

.landing-page .nav-more-menu li a:hover {
    background: var(--gold-a12);
    color: var(--gold-light);
}

.landing-page .menu-toggle span {
    background: var(--gold);
}

/* —— Botones y CTAs —— */
.landing-page .btn-gold,
.landing-page .btn-primary-gold,
.landing-page .hero-cta-primary,
.landing-page .booking-submit,
.landing-page .subscribe-form button,
.landing-page .mkt-btn--gold,
.landing-page .loyalty-cta-btn,
.landing-page .testimonial-form-submit,
.landing-page .booking-welcome-start {
    background: var(--gradient-gold);
    border-color: var(--gold);
    box-shadow: 0 8px 24px var(--gold-a35);
    color: var(--dark) !important;
}

.landing-page .btn-gold:hover,
.landing-page .btn-gold:focus-visible,
.landing-page .btn-primary-gold:hover,
.landing-page .btn-primary-gold:focus-visible,
.landing-page .hero-cta-primary:hover,
.landing-page .hero-cta-primary:focus-visible,
.landing-page .booking-submit:hover,
.landing-page .booking-submit:focus-visible,
.landing-page .subscribe-form button:hover,
.landing-page .subscribe-form button:focus-visible,
.landing-page .mkt-btn--gold:hover,
.landing-page .mkt-btn--gold:focus-visible,
.landing-page .loyalty-cta-btn:hover,
.landing-page .loyalty-cta-btn:focus-visible,
.landing-page .testimonial-form-submit:hover,
.landing-page .testimonial-form-submit:focus-visible,
.landing-page .booking-welcome-start:hover,
.landing-page .booking-welcome-start:focus-visible {
    background: var(--gradient-gold);
    color: var(--dark) !important;
    filter: brightness(1.08);
    transform: translateY(-1px);
    box-shadow: 0 10px 28px var(--gold-a40);
}

.landing-page .btn-gold:active,
.landing-page .btn-primary-gold:active,
.landing-page .hero-cta-primary:active,
.landing-page .booking-submit:active,
.landing-page .subscribe-form button:active,
.landing-page .mkt-btn--gold:active,
.landing-page .loyalty-cta-btn:active,
.landing-page .testimonial-form-submit:active,
.landing-page .booking-welcome-start:active {
    background: var(--gradient-gold);
    color: var(--dark) !important;
    filter: brightness(0.94);
    transform: translateY(0);
    box-shadow: 0 4px 16px var(--gold-a25);
}

.landing-page .btn-outline-gold,
.landing-page .btn-ghost-gold {
    border-color: var(--gold-a45);
    color: var(--gold-light);
}

.landing-page .btn-outline-gold:hover,
.landing-page .btn-ghost-gold:hover {
    background: var(--gold-a12);
    border-color: var(--gold);
}

.landing-page .divider-gold,
.landing-page .divider-gold::after {
    background: var(--gradient-gold);
}

/* —— Preloader y footer —— */
.landing-page .preloader-scissors {
    border-color: var(--gold);
    border-top-color: transparent;
}

.landing-page .preloader-inner span {
    color: var(--gold);
}

.landing-page .site-footer {
    border-top-color: var(--gold-a15);
}

.landing-page .footer-social a:hover {
    color: var(--gold-light);
    border-color: var(--gold-a35);
    background: var(--gold-a08);
}

/* —— Widgets flotantes —— */
.landing-page .stylebot-fab,
.landing-page .va-fab-avatar {
    background: var(--gradient-gold);
    box-shadow: 0 8px 32px var(--gold-a40), 0 0 0 1px var(--gold-a35);
}

.landing-page .va-fab-text {
    border-color: var(--gold-a35);
}

.landing-page .va-fab-text span {
    color: var(--gold-light);
}

.landing-page .stylebot-header {
    border-bottom-color: var(--gold-a22);
    background: linear-gradient(135deg, var(--gold-a12), rgba(0, 0, 0, 0.35));
}

/* WhatsApp: mantener colores oficiales de la marca */
.landing-page .wa-contact-fab-pulse {
    background: rgba(37, 211, 102, 0.35);
}

.landing-page .wa-contact-fab-icon {
    color: #fff;
    background: linear-gradient(145deg, #25d366 0%, #128c7e 100%);
    box-shadow:
        0 6px 24px rgba(37, 211, 102, 0.45),
        0 0 0 1px rgba(255, 255, 255, 0.15) inset;
}

.landing-page .wa-contact-fab[aria-expanded="true"] .wa-contact-fab-icon {
    background: linear-gradient(145deg, #128c7e 0%, #075e54 100%);
}

.landing-page .wa-contact-header {
    background: linear-gradient(135deg, #075e54, #128c7e);
    color: #fff;
}

.landing-page .wa-contact-submit {
    background: linear-gradient(135deg, #25d366, #128c7e);
    color: #fff;
    box-shadow: 0 4px 16px rgba(37, 211, 102, 0.35);
}

.landing-page .wa-contact-submit:hover:not(:disabled) {
    box-shadow: 0 6px 20px rgba(37, 211, 102, 0.45);
}

/* —— Tarjetas generales —— */
.landing-page .service-card-front,
.landing-page .team-card,
.landing-page .review-card,
.landing-page .pricing-card {
    border-color: var(--gold-a18);
}

.landing-page .service-card-front:hover,
.landing-page .team-card:hover,
.landing-page .review-card:hover {
    border-color: var(--gold-a35);
    box-shadow: 0 12px 32px var(--gold-a18);
}

.landing-page .swiper-pagination-bullet-active {
    background: var(--gold);
}

/* —— Reserva / booking —— */
.landing-page .booking-welcome-card {
    border-color: var(--gold-a35);
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.45), 0 0 0 1px var(--gold-a08);
}

.landing-page .booking-welcome-icon-wrap {
    background: var(--gold-a15);
    border-color: var(--gold-a40);
    color: var(--gold);
}

.landing-page .booking-welcome-steps-mini i {
    color: var(--gold);
}

.landing-page .booking-step-indicator.active .step-num,
.landing-page .booking-step-indicator.done .step-num {
    background: var(--gold);
    border-color: var(--gold);
}

.landing-page .booking-step-indicator.active span {
    color: var(--gold-light);
}

.landing-page .cal-day:hover:not(:disabled) {
    background: var(--gold-a20);
}

.landing-page .cal-day.selected {
    background: var(--gold);
    color: var(--dark);
    border-color: var(--gold);
    box-shadow: 0 0 0 1px var(--gold-a45);
}

.landing-page .cal-day.today {
    box-shadow: inset 0 0 0 1px var(--gold);
}

.landing-page .time-slot-btn:hover,
.landing-page .time-slot-btn.selected,
.landing-page .time-slot.selected {
    border-color: var(--gold);
    background: var(--gold-a15);
    color: var(--gold-light);
}

.landing-page .booking-summary {
    background: linear-gradient(160deg, var(--gold-a12), rgba(0, 0, 0, 0.3));
    border-color: var(--gold-a20);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.25), inset 0 1px 0 var(--gold-a08);
}

.landing-page .booking-pick-intro,
.landing-page .booking-pick-intro i {
    color: var(--gold-light);
}

/* —— Testimonios —— */
.landing-page .testimonials-bg-glow {
    background: radial-gradient(ellipse at center, var(--gold-a12) 0%, transparent 70%);
}

.landing-page .testimonial-card {
    border-color: var(--gold-a22);
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.28), inset 0 1px 0 var(--gold-a08);
}

.landing-page .testimonial-card:hover {
    border-color: var(--gold-a45);
    box-shadow: 0 24px 48px rgba(0, 0, 0, 0.35), 0 0 0 1px var(--gold-a08);
}

.landing-page .testimonial-card-shine {
    background: linear-gradient(90deg, transparent, var(--gold-a55), transparent);
}

.landing-page .star-rating i.is-filled {
    color: var(--star-color);
    text-shadow: 0 0 12px var(--star-glow);
}

.landing-page .testimonial-rating-num,
.landing-page .testimonial-verified i,
.landing-page .testimonial-avatar {
    color: var(--gold-light);
}

.landing-page .testimonial-rating-num {
    background: var(--gold-a12);
    border-color: var(--gold-a25);
}

.landing-page .testimonial-avatar {
    background: linear-gradient(135deg, var(--gold-a25), var(--gold-a08));
    border-color: var(--gold-a35);
}

.landing-page .btn-testimonial-cta {
    border-color: var(--gold-a45);
    background: linear-gradient(135deg, var(--gold-a18), var(--gold-a08));
    color: var(--gold-light);
}

.landing-page .btn-testimonial-cta:hover {
    border-color: var(--gold);
    box-shadow: 0 12px 28px var(--gold-a20);
}

.landing-page .btn-testimonial-cta-icon {
    background: var(--gold-a20);
    color: var(--star-color);
}

.landing-page .testimonial-slider .testimonial-nav {
    border-color: var(--gold-a35);
    color: var(--gold-light);
}

.landing-page .testimonial-slider .testimonial-nav:hover {
    background: var(--gold-a20);
}

.landing-page .testimonial-slider .swiper-pagination-bullet-active {
    background: var(--gold);
}

.landing-page .testimonials-impact-card {
    background: linear-gradient(145deg, var(--gold-a14), rgba(255, 255, 255, 0.04));
    border-color: var(--gold-a28);
}

.landing-page .testimonials-impact-count {
    color: var(--gold-light);
}

.landing-page .testimonial-modal-dialog {
    border-color: var(--gold-a25);
}

.landing-page .testimonial-modal-badge {
    color: var(--star-color);
}

/* —— Cupones VIP —— */
.landing-page .loyalty-bg-glow {
    background: radial-gradient(ellipse at center, var(--gold-a10) 0%, transparent 70%);
}

.landing-page .loyalty-stat-pill.gold {
    border-color: var(--gold-a35);
    background: var(--gold-a10);
}

.landing-page .loyalty-stat-pill.gold strong {
    color: var(--gold-light);
}

.landing-page .loyalty-stat-pill.active {
    border-color: var(--gold-a35);
    background: var(--gold-a08);
}

.landing-page .loyalty-stat-pill.active strong {
    color: var(--gold-light);
}

.landing-page .loyalty-rules-card {
    border-color: var(--gold-a18);
}

.landing-page .loyalty-rules-card h3,
.landing-page .loyalty-coupon-discount,
.landing-page .loyalty-coupon-meta i,
.landing-page .loyalty-coupon-reason {
    color: var(--gold-light);
}

.landing-page .loyalty-coupon-card {
    border-color: var(--gold-a35);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35), 0 0 0 1px var(--gold-a08);
}

.landing-page .loyalty-coupon-head {
    background: var(--gradient-gold);
    color: var(--dark);
}

.landing-page .loyalty-coupon-body {
    border-top-color: var(--gold-a35);
}

/* —— App móvil —— */
.landing-page .app-topbar-btn.gold,
.landing-page .app-tabbar-fab {
    background: var(--gradient-gold);
    box-shadow: 0 6px 24px var(--gold-a45);
}

.landing-page .app-tabbar-item.active,
.landing-page .app-menu-icon {
    color: var(--gold-light);
}

.landing-page .app-sheet-panel,
.landing-page .nav-more-menu,
.landing-page .app-sheet-panel {
    border-color: var(--gold-a25);
}

.landing-page .mkt-spotlight-card,
.landing-page .mkt-card {
    border-color: var(--gold-a22);
}

.landing-page .mkt-spotlight-card {
    background: linear-gradient(135deg, var(--gold-a12), rgba(18, 18, 18, 0.95));
}

.landing-page input:focus,
.landing-page textarea:focus,
.landing-page select:focus {
    border-color: var(--gold-a45) !important;
    box-shadow: 0 0 0 3px var(--gold-a12);
}

/* —— Login admin —— */
.auth-page .auth-logo span,
.auth-page .auth-label,
.auth-page .auth-features li i {
    color: var(--gold-light);
}

.auth-page .auth-brand-panel {
    border-bottom-color: var(--gold-a15);
    border-right-color: var(--gold-a12);
}

.auth-page .btn-gold,
.auth-page .auth-submit {
    background: var(--gradient-gold);
    border-color: var(--gold);
    box-shadow: 0 8px 24px var(--gold-a35);
    color: var(--dark) !important;
}

.auth-page .btn-gold:hover,
.auth-page .btn-gold:focus-visible,
.auth-page .auth-submit:hover,
.auth-page .auth-submit:focus-visible,
.auth-page .btn-auth-submit:hover:not(:disabled),
.auth-page .btn-auth-submit:focus-visible {
    background: var(--gradient-gold);
    color: var(--dark) !important;
    filter: brightness(1.08);
    transform: translateY(-1px);
}

.auth-page .btn-gold:active,
.auth-page .auth-submit:active,
.auth-page .btn-auth-submit:active:not(:disabled) {
    background: var(--gradient-gold);
    color: var(--dark) !important;
    filter: brightness(0.94);
    transform: translateY(0);
}

.auth-page .form-control:focus {
    border-color: var(--gold-a45);
    box-shadow: 0 0 0 3px var(--gold-a12);
}

.auth-page .auth-link {
    color: var(--gold-light);
}

.auth-page .confirm-dialog {
    border-color: var(--gold-a28);
    box-shadow: 0 24px 64px rgba(0, 0, 0, 0.6), 0 0 40px var(--gold-a08);
}

.auth-page .ui-btn-confirm {
    background: var(--gradient-gold);
    box-shadow: 0 4px 16px var(--gold-a25);
}