/* ========================================
   TEMA ESTÉTICA (id interno: clinic)
   Spa / medicina estética: fondo blanco, tipografía elegante.
   Acentos: color principal y secundario del panel (como el resto de temas).
   Títulos Cormorant Garamond; cuerpo y menú Jost.
   Catálogo: 3 cols PC / 2 móvil (plataforma — no fijar aquí).
======================================== */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Jost:wght@300;400;500;600&display=swap');

:root {
    --clinic-bg: #FFFFFF;
    --clinic-bg-soft: #FAFAFA;
    --clinic-card: #FFFFFF;
    --clinic-text: #3D3229;
    --clinic-muted: #8A7A6A;
    --clinic-border: #E8E0D4;
    --clinic-font: 'Jost', sans-serif;
    --clinic-display: 'Cormorant Garamond', serif;
}

body.theme-clinic {
    --clinic-bronze: var(--primary-color, var(--primary, #A6855A));
    --clinic-bronze-soft: var(--secondary-color, var(--secondary, #D4C4A8));
    --clinic-ink: var(--primary-color, var(--primary, #A6855A));
    background: var(--bg, var(--clinic-bg)) !important;
    color: var(--clinic-text) !important;
    font-family: var(--clinic-font) !important;
    font-weight: 400 !important;
    letter-spacing: 0.01em !important;
}

/* Header: banda sólida (no glass). Línea del color principal. */
body.theme-clinic .site-header.store-header {
    background: #FFFFFF !important;
    background-color: #FFFFFF !important;
    border-bottom: 1px solid var(--clinic-bronze) !important;
    box-shadow: none !important;
    padding: 1.15rem 0 !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 1000 !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}
body.theme-clinic .site-header.store-header::before,
body.theme-clinic .site-header.store-header::after {
    content: none !important;
    display: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}
body.theme-clinic .site-header.store-header .logo a,
body.theme-clinic .site-header.store-header .logo a.logo-store-name {
    font-family: var(--clinic-display) !important;
    font-weight: 500 !important;
    letter-spacing: 0.08em !important;
    color: var(--clinic-text) !important;
    text-transform: none !important;
}
body.theme-clinic .site-header.store-header .desktop-nav a,
body.theme-clinic .site-header.store-header .desktop-nav ul li a,
body.theme-clinic .site-header.store-header nav a,
body.theme-clinic .site-header.store-header .icon-link,
body.theme-clinic .site-header.store-header .header-icons a,
body.theme-clinic .site-header.store-header .header-icons .icon-link,
body.theme-clinic .site-header.store-header .mobile-menu-toggle {
    font-family: var(--clinic-font) !important;
    color: var(--clinic-text) !important;
    font-weight: 400 !important;
    font-size: 0.72rem !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
    background: transparent !important;
}
body.theme-clinic .site-header.store-header .desktop-nav a:hover,
body.theme-clinic .site-header.store-header .desktop-nav ul li a:hover,
body.theme-clinic .site-header.store-header .logo a:hover {
    color: var(--clinic-bronze) !important;
    background: transparent !important;
}
body.theme-clinic .site-header.store-header .desktop-nav > ul > li.active > a,
body.theme-clinic .site-header.store-header .desktop-nav > ul > li > a.active {
    color: var(--clinic-bronze) !important;
    box-shadow: none !important;
}

body.theme-clinic .site-header.store-header .desktop-nav .dropdown {
    background: var(--clinic-card) !important;
    border: 1px solid var(--clinic-border) !important;
    box-shadow: 0 12px 28px rgba(61, 50, 41, 0.08) !important;
}
body.theme-clinic .site-header.store-header .desktop-nav .dropdown a {
    color: var(--clinic-text) !important;
    letter-spacing: 0.12em !important;
}
body.theme-clinic .site-header.store-header .desktop-nav .dropdown a:hover {
    color: var(--clinic-bronze) !important;
    background: var(--clinic-bg-soft) !important;
}

body.theme-clinic .mobile-menu {
    background: var(--clinic-bg) !important;
}
body.theme-clinic .mobile-nav-links a {
    font-family: var(--clinic-font) !important;
    color: var(--clinic-text) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.16em !important;
    font-weight: 400 !important;
    font-size: 0.78rem !important;
}

/* Barra de anuncio: taupe sólido, sin blur */
body.theme-clinic .announcement-bar {
    background: var(--clinic-ink) !important;
    color: #F7F3EE !important;
    font-family: var(--clinic-font) !important;
    font-weight: 400 !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;
    font-size: 0.7rem !important;
    opacity: 1 !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}

/* Títulos serif + hairline bronce */
body.theme-clinic .section-title,
body.theme-clinic .hero-title,
body.theme-clinic h1,
body.theme-clinic h2,
body.theme-clinic .product-detail-title,
body.theme-clinic .categories-header h1 {
    font-family: var(--clinic-display) !important;
    font-weight: 500 !important;
    color: var(--clinic-text) !important;
    letter-spacing: 0.02em !important;
    text-transform: none !important;
}
body.theme-clinic .section-title {
    display: inline-block !important;
    padding-bottom: 0.65rem !important;
    margin-bottom: 0.75rem !important;
    border-bottom: 1px solid var(--clinic-bronze) !important;
}
body.theme-clinic .section-tag {
    display: inline-block;
    background: transparent !important;
    color: var(--clinic-bronze) !important;
    font-family: var(--clinic-font) !important;
    font-weight: 400 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    font-size: 0.68rem !important;
    padding: 0 !important;
    border-radius: 0 !important;
}
body.theme-clinic .section-subtitle {
    color: var(--clinic-muted) !important;
    font-weight: 300 !important;
}

body.theme-clinic .section {
    padding: 2.75rem 0 !important;
}
body.theme-clinic .section:nth-of-type(even):not(.hero):not(.hero-editorial-section):not(.video-hero-section):not(.hero-split-section) {
    background: var(--clinic-bg-soft) !important;
}

/* Botones: taupe o outline bronce, radio bajo, tracking */
body.theme-clinic .btn:not(.btn-whatsapp-consultar):not(.product-detail-consult-btn):not(.btn-link):not(.btn-calc-shipping):not(.cart-modal-qty-btn):not(.cart-modal-item-remove):not(.close-modal):not(.welcome-popup-close),
body.theme-clinic button[type="submit"],
body.theme-clinic .product-card .btn:not(.btn-whatsapp-consultar),
body.theme-clinic .cl-card .btn:not(.btn-whatsapp-consultar) {
    background: var(--clinic-ink) !important;
    color: #F7F3EE !important;
    border: 1px solid var(--clinic-ink) !important;
    border-radius: 2px !important;
    font-family: var(--clinic-font) !important;
    font-weight: 400 !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;
    font-size: 0.72rem !important;
    box-shadow: none !important;
}
body.theme-clinic .btn:not(.btn-whatsapp-consultar):not(.product-detail-consult-btn):not(.btn-link):not(.btn-calc-shipping):not(.cart-modal-qty-btn):not(.cart-modal-item-remove):not(.close-modal):not(.welcome-popup-close):hover,
body.theme-clinic button[type="submit"]:hover,
body.theme-clinic .product-card .btn:not(.btn-whatsapp-consultar):hover {
    background: var(--clinic-bronze-soft) !important;
    border-color: var(--clinic-bronze-soft) !important;
    color: #fff !important;
}

/* Tarjetas: borde 1px, sin barra izquierda */
body.theme-clinic .product-card,
body.theme-clinic .cl-card {
    background: var(--clinic-card) !important;
    border: 1px solid var(--clinic-border) !important;
    border-left: 1px solid var(--clinic-border) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}
body.theme-clinic .product-card .product-title,
body.theme-clinic .product-card .product-title a,
body.theme-clinic .cl-card-title {
    font-family: var(--clinic-display) !important;
    color: var(--clinic-text) !important;
    font-weight: 500 !important;
    text-decoration: none !important;
}
body.theme-clinic .product-card .product-info,
body.theme-clinic .cl-card-body {
    color: var(--clinic-text) !important;
    background: var(--clinic-card) !important;
}
body.theme-clinic .product-card .product-category,
body.theme-clinic .cl-card-category {
    color: var(--clinic-muted) !important;
    font-family: var(--clinic-font) !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    font-size: 0.65rem !important;
}
body.theme-clinic .product-price,
body.theme-clinic .cl-card-price,
body.theme-clinic .product-detail-price {
    color: var(--clinic-bronze) !important;
    font-weight: 500 !important;
    font-family: var(--clinic-font) !important;
}
body.theme-clinic .product-card:hover,
body.theme-clinic .cl-card:hover {
    border-color: var(--clinic-bronze-soft) !important;
    border-left-color: var(--clinic-bronze-soft) !important;
    box-shadow: 0 10px 28px rgba(61, 50, 41, 0.07) !important;
}

body.theme-clinic .product-badge,
body.theme-clinic .badge-sale,
body.theme-clinic .badge-promo {
    background: var(--clinic-ink) !important;
    color: #F7F3EE !important;
    border-radius: 0 !important;
    font-family: var(--clinic-font) !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    font-weight: 400 !important;
    font-size: 0.62rem !important;
}

body.theme-clinic .features-section {
    background: var(--clinic-bg-soft) !important;
}
body.theme-clinic .feature-card {
    background: var(--clinic-card) !important;
    border: 1px solid var(--clinic-border) !important;
    border-left: 1px solid var(--clinic-border) !important;
    border-radius: 0 !important;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
body.theme-clinic .feature-card .icon-box {
    background: transparent !important;
    color: var(--clinic-bronze) !important;
    border: 1px solid var(--clinic-bronze-soft) !important;
    border-radius: 0 !important;
}

body.theme-clinic .product-detail-wrapper.section,
body.theme-clinic .category-page-content.section {
    padding-top: 0 !important;
}

body.theme-clinic .site-footer,
body.theme-clinic footer.site-footer {
    background: var(--footer-bg, var(--primary-color, var(--primary))) !important;
    color: var(--footer-fg, #F7F3EE) !important;
}
body.theme-clinic .site-footer a,
body.theme-clinic footer.site-footer a {
    color: var(--footer-fg, #F7F3EE) !important;
}
body.theme-clinic .site-footer a:hover,
body.theme-clinic .site-footer .footer-col a:hover,
body.theme-clinic .site-footer .social-links a:hover {
    color: var(--secondary-color, var(--secondary, var(--clinic-bronze-soft))) !important;
}

/* ========== Hero: foto nítida, sin vidrio esmerilado (look Zelaya) ========== */
body.theme-clinic .hero.has-image,
body.theme-clinic .hero.hero-has-pattern,
body.theme-clinic .video-hero-section,
body.theme-clinic .hero-editorial-section,
body.theme-clinic .hero-split-section {
    background-color: transparent !important;
}
html body.theme-clinic .hero-overlay,
html body.theme-clinic .hero-overlay.hero-overlay-blur {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}
html body.theme-clinic .hero-overlay.hero-overlay-blur[style*="transparent"] {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.22) 0%, rgba(61, 50, 41, 0.38) 100%) !important;
}
html body.theme-clinic .hero-title.hero-title-box,
html body.theme-clinic .video-hero-title.hero-title-box {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    text-shadow: 0 1px 18px rgba(61, 50, 41, 0.28) !important;
}
html body.theme-clinic .hero-content {
    background: transparent !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    box-shadow: none !important;
}
body.theme-clinic .hero-title,
body.theme-clinic .video-hero-title,
body.theme-clinic .hero-editorial-title {
    font-family: var(--clinic-display) !important;
    font-weight: 500 !important;
    letter-spacing: 0.03em !important;
    line-height: 1.15 !important;
}
body.theme-clinic .hero-subtitle,
body.theme-clinic .video-hero-subtitle,
body.theme-clinic .hero-editorial-subtitle {
    font-family: var(--clinic-font) !important;
    font-weight: 300 !important;
    letter-spacing: 0.04em !important;
}
body.theme-clinic .hero.has-image .btn:not(.btn-whatsapp-consultar):not(.btn-link),
body.theme-clinic .hero-editorial-section .hero-editorial-actions .btn-primary-hero,
body.theme-clinic .hero-editorial-section .hero-editorial-actions .btn,
body.theme-clinic .video-hero-section .btn:not(.btn-whatsapp-consultar) {
    background: transparent !important;
    color: #FFFFFF !important;
    border: 1px solid #FFFFFF !important;
    border-radius: 0 !important;
    letter-spacing: 0.16em !important;
    text-transform: uppercase !important;
    font-weight: 400 !important;
    box-shadow: none !important;
}
body.theme-clinic .hero.has-image .btn:not(.btn-whatsapp-consultar):not(.btn-link):hover,
body.theme-clinic .hero-editorial-section .hero-editorial-actions .btn-primary-hero:hover,
body.theme-clinic .hero-editorial-section .hero-editorial-actions .btn:hover,
body.theme-clinic .video-hero-section .btn:not(.btn-whatsapp-consultar):hover {
    background: #FFFFFF !important;
    color: var(--clinic-ink) !important;
    border-color: #FFFFFF !important;
}
body.theme-clinic .hero-editorial-card {
    background: rgba(255, 255, 255, 0.92) !important;
    border: 1px solid var(--clinic-border) !important;
    border-radius: 0 !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    box-shadow: none !important;
}

/* Categorías */
body.theme-clinic .cat-card-item,
body.theme-clinic .cat-card-img {
    border-radius: 0 !important;
    border: 1px solid var(--clinic-border) !important;
}
body.theme-clinic .cat-card-item:hover .cat-card-img {
    border-color: var(--clinic-bronze) !important;
    box-shadow: 0 12px 28px rgba(61, 50, 41, 0.08) !important;
}
body.theme-clinic .cat-card-title {
    font-family: var(--clinic-display) !important;
    font-weight: 500 !important;
    letter-spacing: 0.04em !important;
}

/* Newsletter */
body.theme-clinic .newsletter-section {
    background: var(--clinic-ink) !important;
    color: #F7F3EE !important;
}
body.theme-clinic .newsletter-section .newsletter-content h2,
body.theme-clinic .newsletter-section .newsletter-inner h2 {
    font-family: var(--clinic-display) !important;
    font-weight: 500 !important;
    color: #F7F3EE !important;
}
body.theme-clinic .newsletter-section .newsletter-subtitle,
body.theme-clinic .newsletter-section .newsletter-message {
    color: var(--clinic-bronze-soft) !important;
    font-family: var(--clinic-font) !important;
}
body.theme-clinic .newsletter-section .newsletter-input {
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid var(--clinic-bronze) !important;
    border-radius: 0 !important;
    color: #F7F3EE !important;
    font-family: var(--clinic-font) !important;
}
body.theme-clinic .newsletter-section .newsletter-form button,
body.theme-clinic .newsletter-section .newsletter-form .btn {
    background: transparent !important;
    color: #F7F3EE !important;
    border: 1px solid var(--clinic-bronze) !important;
    border-radius: 0 !important;
}

/* Testimonios glass → tarjeta crema nítida */
body.theme-clinic .testimonials-style-glass .testimonial-card {
    background: var(--clinic-card) !important;
    border: 1px solid var(--clinic-border) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}

/* Filtros catálogo */
body.theme-clinic .store-filters {
    --sf-bg: #FFFFFF !important;
    --sf-border: var(--clinic-border) !important;
    --sf-accent: var(--clinic-bronze) !important;
}

/* Split / CTA */
body.theme-clinic .split-section .split-content h2,
body.theme-clinic .cta-fullwidth-section h2 {
    font-family: var(--clinic-display) !important;
    font-weight: 500 !important;
}

body.theme-clinic .product-detail-title {
    font-family: var(--clinic-display) !important;
}