/* ================================================================
   🕯️ Modo Refugio — Modo nocturno emocional
   NO es dark mode. Es ambiente íntimo y cálido.
   ================================================================ */

/* ─── Variables modo refugio ─────────────────────────────────── */
body.refugio {
    --cream:          #F5F0E8;
    --beige:          #E8DFD0;
    --sage:           #8B9E83;
    --sage-dark:      #6B7D63;
    --lavender:       #BDB0C4;
    --terracotta:     #C49A6E;
    --gold:           #B8955E;
    --bg-cream:       #2A2825;
    --bg-beige:       #332F2A;
    --bg-soft:        #2A2825;
    --bg-glass:       rgba(42, 40, 37, 0.88);
    --text-dark:      #E0D8CC;
    --text-medium:    #B8B0A4;
    --text-light:     #9A9286;
    --text-muted:     #6A645C;
    --shadow-soft:    0 4px 20px rgba(0,0,0,0.2);
    --shadow-medium:  0 8px 32px rgba(0,0,0,0.3);
    --shadow-strong:  0 16px 48px rgba(0,0,0,0.4);
    --shadow-glow:    0 0 40px rgba(139, 158, 131, 0.12);
    --gradient-hero: linear-gradient(135deg, #2A2825 0%, #332F2A 50%, #3A3530 100%);
    --bg-bar:         rgba(42, 40, 37, 0.82);
    --bg-hover:       rgba(139, 158, 131, 0.08);
    --bg-overlay:     rgba(42, 40, 37, 0.97);
    --bg-submenu:     rgba(51, 47, 42, 0.9);
    --bg-modal-card:  rgba(51, 47, 42, 0.9);
    --border-subtle:  rgba(139, 158, 131, 0.06);
    --border-light:   rgba(139, 158, 131, 0.08);
    --border-hover:   rgba(139, 158, 131, 0.15);
    --gradient-card: linear-gradient(180deg, rgba(42,40,37,0.95) 0%, rgba(51,47,42,0.98) 100%);
    --gradient-cta:  linear-gradient(135deg, var(--sage-dark) 0%, #5A6B54 100%);
    --gradient-sage: linear-gradient(135deg, var(--sage) 0%, var(--sage-dark) 100%);
    transition: background 0.8s ease, color 0.8s ease;
}

/* ─── Ajustes específicos ───────────────────────────────────── */
body.refugio .site-header {
    background: var(--bg-glass) !important;
    backdrop-filter: blur(12px);
}

body.refugio .hero--full {
    background-blend-mode: soft-light;
}

body.refugio img {
    filter: brightness(0.85) saturate(0.9);
    transition: filter 0.8s ease;
}

body.refugio .btn--primary {
    background: var(--gradient-sage);
    color: var(--cream);
}

body.refugio .btn--ghost {
    border-color: var(--border-hover);
    color: var(--text-medium);
}

/* ─── Textura nocturna ──────────────────────────────────────── */
body.refugio::before {
    opacity: 0.015;
    mix-blend-mode: screen;
}

/* ─── Animaciones más lentas en refugio ──────────────────────── */
body.refugio * {
    animation-duration: 1.5s !important;
    transition-duration: 0.8s !important;
}


body.refugio .hero__decoration {
    animation-duration: 10s !important;
}

/* ─── prefers-reduced-motion ───────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
    body.refugio * {
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
    }
}

/* ─── Mobile nav overlay en modo refugio ────────────────────── */
body.refugio .mobile-nav-overlay {
    background: var(--bg-overlay);
    backdrop-filter: blur(24px);
}

body.refugio .mobile-nav-overlay .main-navigation a {
    color: var(--text-dark);
}

body.refugio .mobile-nav-overlay .main-navigation a:hover,
body.refugio .mobile-nav-overlay .main-navigation .current-menu-item > a {
    color: var(--sage);
    background: var(--bg-hover);
}

body.refugio .mobile-nav-overlay .sub-menu {
    background: var(--bg-submenu);
}

body.refugio .mobile-nav-overlay .sub-menu a {
    color: var(--text-medium);
}

body.refugio .menu-toggle span {
    background: var(--text-dark, #E0D8CC);
}

body.refugio .mobile-nav-overlay .menu-item-has-children > a::after {
    color: var(--text-light);
}


/* ─── Booking modal en modo refugio ───────────────────────── */
body.refugio .damaris-modal-overlay {
    background: rgba(42, 40, 37, 0.92);
}
body.refugio .damaris-modal-container {
    background: var(--bg-glass);
    border: 1px solid var(--border-light);
}
body.refugio .damaris-modal-title {
    color: var(--text-dark);
}
body.refugio .damaris-modal-subtitle {
    color: var(--text-medium);
}
body.refugio .damaris-modal-card {
    background: var(--bg-modal-card);
    border: 1px solid var(--border-subtle);
}
body.refugio .damaris-modal-card h3 {
    color: var(--cream, #F5F0E8);
}
body.refugio .damaris-modal-card p {
    color: var(--text-medium);
}
body.refugio .damaris-modal-close {
    color: var(--text-light);
}
body.refugio .damaris-modal-card .damaris-modal-cta {
    color: var(--cream, #F5F0E8);
    font-weight: 600;
}


/* ─── Pillar cards en modo refugio ───────────────────────── */
body.refugio .pillar-card {
    background: var(--bg-beige, #332F2A);
    border-color: var(--border-subtle);
}
body.refugio .pillar-card__title,
body.refugio .pillar-card h3 {
    color: var(--cream, #F5F0E8);
}
body.refugio .pillar-card p,
body.refugio .pillar-card .pillar-card__text {
    color: var(--text-dark, #E0D8CC);
}
body.refugio .pillars-section .section-header__title {
    color: #F5F0E8;
}
body.refugio .pillars-section .section-header__text {
    color: #E0D8CC;
}
body.refugio .pillar-card__icon {
    opacity: 0.9;
}


/* ─── Blog cards en modo refugio ───────────────────────────── */
body.refugio .blog-card,
body.refugio .post-card,
body.refugio article.type-post {
    background: var(--bg-beige, #332F2A) !important;
    border-color: var(--border-subtle) !important;
    color: var(--text-medium) !important;
}
body.refugio .blog-card h2,
body.refugio .blog-card h3,
body.refugio .blog-card h2 a,
body.refugio .blog-card h3 a,
body.refugio .blog-card__title,
body.refugio .blog-card__title a,
body.refugio .post-card h2,
body.refugio .post-card h3,
body.refugio .post-card h2 a,
body.refugio .post-card h3 a,
body.refugio article.type-post h2,
body.refugio article.type-post h3,
body.refugio article.type-post h2 a,
body.refugio article.type-post h3 a,
body.refugio .entry-title,
body.refugio .entry-title a {
    color: var(--text-dark, #E0D8CC) !important;
}
body.refugio .blog-card p,
body.refugio .post-card p,
body.refugio article.type-post p {
    color: var(--text-medium, #B8B0A4) !important;
}
body.refugio .blog-card .blog-card__meta,
body.refugio .post-card .post-meta,
body.refugio article.type-post .entry-meta {
    color: var(--text-light, #9A9286) !important;
}
body.refugio .blog-card a:not(.blog-card__title a):not(.entry-title a),
body.refugio .post-card a {
    color: var(--sage, #8B9E83) !important;
}
body.refugio .blog-card a:hover,
body.refugio .post-card a:hover {
    color: var(--cream, #F5F0E8) !important;
}

/* ─── Gutenberg blocks en modo refugio ─────────────────────── */

body.refugio .has-beige-background-color {
    background-color: var(--bg-beige, #332F2A) !important;
}
body.refugio .has-cream-background-color {
    background-color: var(--bg-cream, #2A2825) !important;
}
body.refugio .has-white-background-color {
    background-color: var(--bg-soft, #2A2825) !important;
}

/* Ensure text in refugio on dark blocks is readable */
body.refugio .has-beige-background-color,
body.refugio .has-cream-background-color,
body.refugio .has-white-background-color {
    color: var(--text-dark, #E0D8CC);
}


/* ─── Testimonios en modo refugio ──────────────────────────── */
body.refugio .testimonial {
    background: var(--bg-beige, #332F2A) !important;
    color: var(--text-medium, #B8B0A4) !important;
}
body.refugio .testimonial__text {
    color: var(--text-medium, #B8B0A4) !important;
}
body.refugio .testimonial__name {
    color: var(--text-dark, #E0D8CC) !important;
}
body.refugio .testimonial__location {
    color: var(--text-light, #9A9286) !important;
}
body.refugio .testimonial__quote-icon {
    color: var(--sage, #8B9E83) !important;
    opacity: 0.4;
}
body.refugio .testimonials-section .section-header__title {
    color: var(--text-dark, #E0D8CC) !important;
}
body.refugio .testimonials-section .section-header__text {
    color: var(--text-medium, #B8B0A4) !important;
}


/* ─── Service cards en modo refugio ───────────────────────── */
body.refugio .service-card-front {
    background: var(--bg-beige, #332F2A) !important;
    border-color: var(--border-subtle) !important;
}
body.refugio .service-card-front__title {
    color: var(--text-dark, #E0D8CC) !important;
}
body.refugio .service-card-front__text {
    color: var(--text-medium, #B8B0A4) !important;
}
body.refugio .service-card-front__meta {
    color: var(--text-light, #9A9286) !important;
}
body.refugio .service-card-front__icon {
    opacity: 0.85;
}
body.refugio .services-section .section-header__title,
body.refugio .servicios-section .section-header__title {
    color: var(--text-dark, #E0D8CC) !important;
}
body.refugio .services-section .section-header__text,
body.refugio .servicios-section .section-header__text {
    color: var(--text-medium, #B8B0A4) !important;
}


/* ─── Section headers en modo refugio ──────────────────────── */
body.refugio .section-header__title {
    color: var(--text-dark, #E0D8CC) !important;
}
body.refugio .section-header__text {
    color: var(--text-medium, #B8B0A4) !important;
}
body.refugio .section-header__tag {
    background: rgba(139, 158, 131, 0.12) !important;
    color: var(--sage, #8B9E83) !important;
}
/* ─── Testimonials section background ──────────────────────── */
body.refugio .testimonials-section {
    background: var(--bg-cream, #2A2825) !important;
}


/* ─── Booking widget (damaris-flow) en modo refugio ──────── */
body.refugio .damaris-flow-widget {
    background: var(--bg-cream, #2A2825) !important;
    color: var(--text-medium, #B8B0A4) !important;
}
body.refugio .damaris-flow-widget .booking-title {
    color: var(--text-dark, #E0D8CC) !important;
}
body.refugio .damaris-flow-widget .service-card-content {
    background: var(--bg-beige, #332F2A) !important;
    border-color: var(--border-subtle) !important;
    color: var(--text-medium, #B8B0A4) !important;
}
body.refugio .damaris-flow-widget .service-card-content h3,
body.refugio .damaris-flow-widget .service-card-content .service-name {
    color: var(--text-dark, #E0D8CC) !important;
}
body.refugio .damaris-flow-widget .step-number {
    background: var(--sage-dark, #6B7D63) !important;
}
body.refugio .damaris-flow-widget .booking-summary {
    background: var(--bg-beige, #332F2A) !important;
    color: var(--text-medium, #B8B0A4) !important;
}
body.refugio .damaris-flow-widget .booking-summary strong {
    color: var(--text-dark, #E0D8CC) !important;
}
body.refugio .flatpickr-calendar {
    background: var(--bg-beige, #332F2A) !important;
}
body.refugio .flatpickr-day {
    color: var(--text-medium, #B8B0A4) !important;
}
body.refugio .flatpickr-day.today {
    border-color: var(--sage, #8B9E83) !important;
}
body.refugio .flatpickr-months .flatpickr-month,
body.refugio .flatpickr-current-month .flatpickr-monthDropdown-months {
    color: var(--text-dark, #E0D8CC) !important;
}
body.refugio .body-map-panel {
    background: var(--bg-glass) !important;
}
body.refugio .emotion-chip {
    background: var(--bg-beige, #332F2A) !important;
    color: var(--text-medium, #B8B0A4) !important;
    border-color: var(--border-subtle) !important;
}