html {
            scroll-behavior: smooth;
        }

        @media (prefers-reduced-motion: reduce) {
            html {
                scroll-behavior: auto;
            }
        }

        :root {
            --biz-brand-color: var(--biz-brand-color, #2563EB);
            --accent-blue: var(--biz-brand-color, #2563EB);
            --biz-header-height: 106px;

            /* ==============================================================
               JERARQUÍA CROMÁTICA DE DOMINANCIA UNITARIA (NEUROCONTRASTE 60-30-10)
               Principio de Aislamiento de Von Restorff:
               - 60%: Fondo arquitectónico y elevaciones liquid-glass neutrales
               - 30%: Identidad visual corporativa de la marca y tipografía
               - 10%: Color de Conversión Rápida Exclusivo (CTA de monetización/cierre)
               ============================================================== */
            --conversion-cta-pure: #25D366;
            --conversion-cta-grad: linear-gradient(135deg, #25D366 0%, #1EBE5D 55%, #128C7E 100%);
            --conversion-cta-hover: linear-gradient(135deg, #2EE872 0%, #22D466 55%, #149C8D 100%);
            --conversion-cta-text: #FFFFFF;
            --conversion-cta-glow: 0 6px 20px rgba(37, 211, 102, 0.42);
            --conversion-cta-glow-hover: 0 8px 28px rgba(37, 211, 102, 0.58);
            --conversion-cta-border: rgba(255, 255, 255, 0.35);

            /* Acciones Secundarias Pacificadas (Frosted Glass Monocromático de Alta Gama) */
            --action-sec-bg: rgba(255, 255, 255, 0.08);
            --action-sec-text: #F8FAFC;
            --action-sec-border: rgba(255, 255, 255, 0.16);
            --action-sec-hover-bg: rgba(255, 255, 255, 0.16);
            --action-sec-hover-border: rgba(255, 255, 255, 0.30);
        }

        /* ==========================================================================
           LIQUID GLASS DEPTH HIERARCHY (Apple VisionOS & macOS Sonoma Glass Material System)
           Tres únicos niveles físicos de refracción y elevación:
           - Nivel 1: Lienzo Base (Superficie mate sólida sin patrones agresivos)
           - Nivel 2: Tarjetas de Contenido (Cristal estructural semitransparente con arista cenital)
           - Nivel 3: Elementos Flotantes (Cristal de alta densidad con sombra de contacto profunda)
           ========================================================================== */

        /* ☀️ Nivel 0, 1, 2 y 3: Tokens Fotométricos para Modo Claro (Light Mode) */
        [data-theme="light"],
        :root {
            /* Escala de Superficies por Fotones (Light Mode) */
            --surface-0: #F8FAFC;          /* Nivel 0: Fondo arquitectónico base */
            --surface-1: #FFFFFF;          /* Nivel 1: Tarjetas de contenido y servicios */
            --surface-1-glass: rgba(255, 255, 255, 0.82);
            --surface-2: #F1F5F9;          /* Nivel 2: Cajas interactivas y estado hover */
            --surface-2-hover: rgba(241, 245, 249, 0.94);
            --surface-3: #FFFFFF;          /* Nivel 3: Modales flotantes y barra fija */
            --surface-3-glass: rgba(255, 255, 255, 0.95);

            /* Nivel 0: Lienzo Base Mate */
            --glass-canvas-bg: var(--surface-0);
            --bg-pure: #FFFFFF;
            --bg-canvas: var(--surface-0);
            --bg-subtle: var(--surface-2);
            --theme-bg-canvas: var(--surface-0);

            /* Tipografía y Contraste */
            --text-hero: #090E1A;
            --text-primary: #1E293B;
            --text-secondary: #475569;
            --text-muted: #64748B;
            --text-light: #94A3B8;
            --theme-text-hero: #090E1A;
            --theme-text-primary: #1E293B;
            --theme-text-secondary: #475569;
            --theme-text-muted: #64748B;

            /* Nivel 1: Tarjetas de Contenido (Cristal Estructural Semitransparente con Arista Cenital) */
            --glass-card-bg: var(--surface-1-glass);
            --glass-card-blur: blur(16px);
            --glass-card-border: rgba(226, 232, 240, 0.85);
            --glass-card-shadow: 0 10px 30px -10px rgba(15, 23, 42, 0.05), inset 0 1px 0 0 rgba(255, 255, 255, 0.95);
            --theme-card-bg: var(--glass-card-bg);
            --theme-card-border: var(--glass-card-border);

            /* Nivel 3: Elementos Flotantes (Cristal de Alta Densidad con Sombra de Contacto Profunda) */
            --glass-floating-bg: var(--surface-3-glass);
            --glass-floating-blur: blur(28px) saturate(180%);
            --glass-floating-border: rgba(255, 255, 255, 0.95);
            --glass-floating-shadow: 0 24px 60px -12px rgba(15, 23, 42, 0.18), 0 12px 24px -8px rgba(15, 23, 42, 0.08), inset 0 1.5px 1px 0 rgba(255, 255, 255, 1);

            --theme-subtle-bg: rgba(248, 250, 252, 0.85);
            --theme-topbar-bg: var(--glass-floating-bg);
            --theme-topbar-border: var(--glass-card-border);
            --theme-btn-sec-bg: #FFFFFF;
            --theme-btn-sec-text: #475569;
            --theme-btn-sec-border: rgba(226, 232, 240, 0.9);

            --action-sec-bg: rgba(15, 23, 42, 0.05);
            --action-sec-text: #334155;
            --action-sec-border: rgba(15, 23, 42, 0.12);
            --action-sec-hover-bg: rgba(15, 23, 42, 0.10);
            --action-sec-hover-border: rgba(15, 23, 42, 0.22);

            /* Rampa Tonal Perceptual Oklch (Stripe & Adobe Spectrum Model) */
            --biz-brand-subtle: oklch(0.965 0.025 var(--biz-brand-h, 250));
            --biz-brand-action: var(--biz-brand-color, #2563EB);
            --biz-brand-deep: oklch(0.34 0.14 var(--biz-brand-h, 250));
            --biz-brand-light: oklch(0.84 0.12 var(--biz-brand-h, 250));
            --biz-brand-text: var(--biz-brand-deep);
            --biz-brand-on-accent: #FFFFFF;
        }

        /* 🌙 ESCALA DE LUMINANCIA POR FOTONES PARA SUPERFICIES EN MODO OSCURO
           Física de iluminación Z-Axis (Material Design 3 & Apple HIG):
           - Nivel 0 (Z=0): Fondo arquitectónico base · Carbón puro mate (#06080E)
           - Nivel 1 (Z=1): Tarjetas de contenido y servicios · Negro azulado (+4% fotones, #0F1420)
           - Nivel 2 (Z=2): Tarjetas interactivas y hover · Elevación tonal (+8% fotones, #161E30)
           - Nivel 3 (Z=3): Modales flotantes y barra fija · Elevación cenital (+12% fotones, #1E293F)
           ========================================================================== */
        [data-theme="dark"] {
            /* Escala de Superficies por Fotones Estricta */
            --surface-0: #06080E;                       /* Nivel 0: Fondo arquitectónico base */
            --surface-1: #0F1420;                       /* Nivel 1: Tarjetas de contenido y servicios (+4%) */
            --surface-1-glass: rgba(15, 20, 32, 0.82);   /* Nivel 1 Cristal Estructural */
            --surface-2: #161E30;                       /* Nivel 2: Cajas interactivas y hover (+8%) */
            --surface-2-hover: rgba(22, 30, 48, 0.90);   /* Nivel 2 Cristal Activo */
            --surface-3: #1E293F;                       /* Nivel 3: Modales flotantes y barra fija (+12%) */
            --surface-3-glass: rgba(30, 41, 63, 0.94);   /* Nivel 3 Cristal de Alta Densidad */

            /* Nivel 0: Lienzo Base Mate */
            --glass-canvas-bg: var(--surface-0);
            --bg-pure: var(--surface-0);
            --bg-canvas: var(--surface-0);
            --bg-subtle: var(--surface-2);
            --theme-bg-canvas: var(--surface-0);

            /* Tipografía y Contraste Dark */
            --text-hero: #FFFFFF !important;
            --text-primary: #F8FAFC !important;
            --text-secondary: #CBD5E1 !important;
            --text-muted: #94A3B8 !important;
            --text-light: #64748B !important;
            --theme-text-hero: #FFFFFF !important;
            --theme-text-primary: #F8FAFC !important;
            --theme-text-secondary: #CBD5E1 !important;
            --theme-text-muted: #94A3B8 !important;

            /* Nivel 1: Tarjetas de Contenido (Cristal Estructural Semitransparente con Arista Cenital) */
            --glass-card-bg: var(--surface-1-glass);
            --glass-card-blur: blur(16px);
            --glass-card-border: rgba(255, 255, 255, 0.08);
            --glass-card-shadow: 0 12px 32px -10px rgba(0, 0, 0, 0.65), inset 0 1px 0 0 rgba(255, 255, 255, 0.12);
            --theme-card-bg: var(--surface-1-glass);
            --theme-card-border: var(--glass-card-border);

            /* Nivel 3: Elementos Flotantes (Cristal de Alta Densidad con Sombra de Contacto Profunda) */
            --glass-floating-bg: var(--surface-3-glass);
            --glass-floating-blur: blur(28px) saturate(180%);
            --glass-floating-border: rgba(255, 255, 255, 0.16);
            --glass-floating-shadow: 0 28px 70px -12px rgba(0, 0, 0, 0.85), 0 14px 28px -6px rgba(0, 0, 0, 0.65), inset 0 1.5px 1px 0 rgba(255, 255, 255, 0.22);

            /* Nivel 2 y Controles Secundarios */
            --theme-subtle-bg: var(--surface-2-hover);
            --theme-topbar-bg: var(--surface-3-glass);
            --theme-topbar-border: rgba(255, 255, 255, 0.10);
            --theme-btn-sec-bg: var(--surface-2);
            --theme-btn-sec-text: #F1F5F9;
            --theme-btn-sec-border: rgba(255, 255, 255, 0.14);

            --liquid-glass-bg: var(--surface-1-glass);
            --liquid-glass-bg-hover: var(--surface-2-hover);
            --liquid-glass-border: var(--glass-card-border);

            /* Rampa Tonal Perceptual Oklch Dark */
            --biz-brand-subtle: oklch(0.12 0.035 var(--biz-brand-h, 250));
            --biz-brand-text: var(--biz-brand-light);
        }

        /* ==============================================================
           REGLAS DE CONTRASTE SEGURO OKLCH (WCAG AA/AAA AUTOMÁTICO)
           ============================================================== */
        .biz-btn-primary,
        .biz-hero-primary-btn {
            color: var(--biz-brand-on-accent, #FFFFFF) !important;
        }

        .biz-brand-text-accent {
            color: var(--biz-brand-text, var(--biz-brand-color)) !important;
        }

        /* ==============================================================
           NIVEL 1: RACIONALIZACIÓN DEL LIENZO BASE MATE
           Eliminación de halos sucios, patrones reticulares y sobrecarga de GPU
           ============================================================== */
        html,
        body,
        .app-wrapper {
            background-color: var(--theme-bg-canvas) !important;
            color: var(--theme-text-primary);
        }

        .aurora-grid-pattern {
            display: none !important;
            opacity: 0 !important;
            pointer-events: none !important;
        }

        .aurora-bg-container {
            position: fixed;
            top: 0;
            left: 0;
            width: 100vw;
            height: 100vh;
            pointer-events: none;
            z-index: 0;
            overflow: hidden;
            opacity: 0.04 !important;
            filter: blur(120px) !important;
            animation: none !important;
        }

        .aurora-stream {
            animation: none !important;
        }

        [data-theme="dark"] .aurora-bg-container {
            opacity: 0.06 !important;
            mix-blend-mode: screen !important;
        }

        [data-theme="light"] .aurora-bg-container {
            opacity: 0.03 !important;
            mix-blend-mode: multiply !important;
        }

        [data-theme="dark"] h1,
        [data-theme="dark"] h2,
        [data-theme="dark"] h3,
        [data-theme="dark"] h4,
        [data-theme="dark"] h5,
        [data-theme="dark"] h6,
        [data-theme="dark"] .biz-section-title,
        [data-theme="dark"] .biz-partner-name,
        [data-theme="dark"] .biz-network-title,
        [data-theme="dark"] .biz-contact-val,
        [data-theme="dark"] .biz-highlight-item {
            color: #FFFFFF !important;
        }

        [data-theme="dark"] .biz-about-text,
        [data-theme="dark"] .biz-network-desc,
        [data-theme="dark"] .biz-partner-desc,
        [data-theme="dark"] .biz-topbar-item,
        [data-theme="dark"] .biz-nav-menu-link {
            color: #CBD5E1 !important;
        }

        [data-theme="dark"] .biz-contact-label,
        [data-theme="dark"] .biz-partner-badge-sec {
            color: #94A3B8 !important;
        }

        /* ==============================================================
           NIVEL 2: TARJETAS DE CONTENIDO (STRUCTURAL GLASS)
           Cristal semitransparente con desenfoque suave y arista de luz superior
           ============================================================== */
        .biz-mosaic-card,
        .biz-section-card,
        .biz-sidebar-card,
        .biz-suite-channel-card,
        .biz-suite-partner-card,
        .biz-coord-block,
        .biz-bio-profile-card,
        .biz-bio-item-card,
        .liquid-glass-card,
        .n16-real-merch-card {
            background: var(--glass-card-bg) !important;
            backdrop-filter: var(--glass-card-blur) !important;
            -webkit-backdrop-filter: var(--glass-card-blur) !important;
            border: 1px solid var(--glass-card-border) !important;
            box-shadow: var(--glass-card-shadow) !important;
        }

        /* ==============================================================
           NIVEL 3: ELEMENTOS FLOTANTES (FLOATING DENSE GLASS)
           Cristal de alta densidad con sombra de contacto profunda
           ============================================================== */
        .biz-master-dock,
        .biz-mobile-bottom-dock,
        .biz-bio-bottom-nav,
        .biz-schedule-modal-card,
        .biz-wallet-modal-card,
        .biz-vcard-modal-card,
        .biz-wa-crm-drawer,
        .biz-a11y-drawer-card,
        .biz-nav-dropdown,
        .biz-category-dropdown,
        .biz-topbar-search-form {
            background: var(--glass-floating-bg) !important;
            backdrop-filter: var(--glass-floating-blur) !important;
            -webkit-backdrop-filter: var(--glass-floating-blur) !important;
            border: 1px solid var(--glass-floating-border) !important;
            box-shadow: var(--glass-floating-shadow) !important;
        }

        /* Modal de Prestigio & Compartir: Cristal Obsidiana Flotante Nivel 3 (Dark Luxury Glass) */
        .biz-share-modal-card {
            background: rgba(11, 15, 25, 0.94) !important;
            backdrop-filter: blur(28px) saturate(180%) !important;
            -webkit-backdrop-filter: blur(28px) saturate(180%) !important;
            border: 1px solid rgba(212, 175, 55, 0.35) !important;
            box-shadow: 0 32px 80px -15px rgba(0, 0, 0, 0.85), 0 0 50px rgba(212, 175, 55, 0.12), inset 0 1px 1px 0 rgba(255, 255, 255, 0.2) !important;
        }

        /* Capas de desenfoque de telón de fondo para modales */
        .biz-wallet-modal-overlay,
        .biz-vcard-modal-overlay,
        .biz-share-modal-overlay,
        .biz-schedule-modal-overlay,
        .biz-wa-crm-overlay,
        .biz-a11y-drawer-overlay {
            backdrop-filter: blur(8px) !important;
            -webkit-backdrop-filter: blur(8px) !important;
        }

        /* ==========================================================================
           PLANO HERO ASIMÉTRICO 60/40: ESCAPARATE VISUAL + FICHA OPERATIVA INTEGRADA
           ========================================================================== */
        /* ==========================================================================
           PLANO HERO ASIMÉTRICO 60/40: ESCAPARATE VISUAL + FICHA OPERATIVA INTEGRADA
           (HAUTE ATELIER LUXURY EDITION · LEICA / AESOP / AWWWARDS SITE OF THE YEAR)
           ========================================================================== */
        .biz-hero,
        .biz-hero.biz-hero--split {
            width: 100%;
            margin: 0;
            position: relative;
            overflow: hidden;
            background: radial-gradient(ellipse 85% 55% at 50% -12%, rgba(37, 99, 235, 0.18) 0%, transparent 68%),
                radial-gradient(circle at 88% 25%, rgba(212, 175, 55, 0.09) 0%, transparent 48%),
                radial-gradient(circle at 12% 70%, rgba(14, 165, 233, 0.08) 0%, transparent 45%),
                var(--surface-0, #06080E);
            border-bottom: 1px solid rgba(212, 175, 55, 0.22);
            box-shadow: 0 40px 90px -25px rgba(0, 0, 0, 0.85);
            padding: clamp(34px, 4.2vw, 56px) 0 clamp(44px, 5.2vw, 68px) 0;
            min-height: auto !important;
            display: block;
        }

        [data-theme="light"] .biz-hero,
        [data-theme="light"] .biz-hero.biz-hero--split {
            background: radial-gradient(ellipse 80% 50% at 50% -10%, rgba(212, 175, 55, 0.08) 0%, transparent 60%),
                #F8FAFC;
            border-bottom: 1px solid rgba(212, 175, 55, 0.25);
            box-shadow: 0 20px 40px -15px rgba(15, 23, 42, 0.06);
        }

        /* Fondo Ambiental con Aurora Sutil y Retícula Editorial */
        .biz-hero-ambient {
            position: absolute;
            inset: 0;
            pointer-events: none;
            overflow: hidden;
            z-index: 1;
        }

        .biz-hero-ambient-glow {
            position: absolute;
            top: 2%;
            left: 18%;
            width: 68%;
            height: 80%;
            background: radial-gradient(circle, var(--hero-glow-color, var(--biz-brand-color, #2563EB)) 0%, rgba(212, 175, 55, 0.12) 42%, transparent 70%);
            opacity: 0.22;
            filter: blur(120px);
            mix-blend-mode: screen;
            animation: bizHeroAuroraBreath 16s ease-in-out infinite alternate;
        }

        [data-theme="light"] .biz-hero-ambient-glow {
            opacity: 0.08;
            mix-blend-mode: multiply;
        }

        @keyframes bizHeroAuroraBreath {
            0% {
                transform: scale(0.95) translate(0, 0);
                opacity: 0.18;
            }

            50% {
                transform: scale(1.08) translate(2%, -2%);
                opacity: 0.28;
            }

            100% {
                transform: scale(0.98) translate(-1%, 1%);
                opacity: 0.20;
            }
        }

        .biz-hero-ambient-grid {
            position: absolute;
            inset: 0;
            background-image: radial-gradient(rgba(212, 175, 55, 0.12) 1px, transparent 1px),
                linear-gradient(rgba(255, 255, 255, 0.015) 1px, transparent 1px);
            background-size: 36px 36px, 100% 36px;
            opacity: 0.65;
        }

        [data-theme="light"] .biz-hero-ambient-grid {
            background-image: radial-gradient(rgba(212, 175, 55, 0.15) 1px, transparent 1px);
            background-size: 32px 32px;
            opacity: 0.4;
        }

        .biz-hero-container {
            position: relative;
            z-index: 2;
            max-width: 1380px !important;
            margin-left: auto;
            margin-right: auto;
            padding-left: clamp(20px, 3.5vw, 48px);
            padding-right: clamp(20px, 3.5vw, 48px);
        }

        /* Cuadrícula Asimétrica 60/40 en Escritorio */
        .biz-hero-split-grid {
            display: grid;
            grid-template-columns: minmax(0, 1.28fr) minmax(0, 0.98fr);
            gap: clamp(28px, 3.2vw, 46px);
            align-items: stretch;
        }

        /* --------------------------------------------------------------------------
           COLUMNA IZQUIERDA (60%): ESCAPARATE VISUAL DEL LOCAL (MUSEUM GLASS FRAME)
           -------------------------------------------------------------------------- */
        .biz-hero-showcase {
            display: flex;
            flex-direction: column;
            min-height: 100%;
        }

        .biz-showcase-frame {
            position: relative;
            width: 100%;
            height: 100%;
            min-height: 520px;
            border-radius: 28px;
            overflow: hidden;
            background: #07090F;
            border: 1px solid rgba(212, 175, 55, 0.32);
            box-shadow: 0 35px 85px -15px rgba(0, 0, 0, 0.85),
                0 0 45px rgba(212, 175, 55, 0.08),
                inset 0 1px 1px rgba(255, 255, 255, 0.25);
            transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.4s ease;
        }

        .biz-showcase-frame:hover {
            border-color: rgba(212, 175, 55, 0.6);
            box-shadow: 0 45px 100px -15px rgba(0, 0, 0, 0.92),
                0 0 65px rgba(212, 175, 55, 0.18),
                inset 0 1px 2px rgba(255, 255, 255, 0.4);
            transform: translateY(-2px);
        }

        .biz-showcase-img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center 30%;
            display: block;
            transform: translateZ(0);
            transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1), filter 0.8s ease;
            filter: brightness(0.97) contrast(1.05) saturate(1.02);
        }

        .biz-showcase-frame:hover .biz-showcase-img {
            transform: scale(1.035);
            filter: brightness(1.02) contrast(1.08) saturate(1.06);
        }

        .biz-showcase-scrim {
            position: absolute;
            inset: 0;
            background: linear-gradient(180deg, rgba(5, 7, 14, 0.72) 0%, rgba(5, 7, 14, 0.03) 28%, rgba(5, 7, 14, 0.12) 65%, rgba(5, 7, 14, 0.88) 100%);
            pointer-events: none;
            z-index: 2;
        }

        /* Topbar Sobreimpreso */
        .biz-showcase-topbar {
            position: absolute;
            top: 20px;
            left: 20px;
            right: 20px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 12px;
            z-index: 3;
            pointer-events: none;
        }

        .biz-showcase-badge-cat {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 8px 16px;
            background: rgba(7, 10, 18, 0.85);
            backdrop-filter: blur(24px) saturate(190%);
            -webkit-backdrop-filter: blur(24px) saturate(190%);
            border: 1px solid rgba(255, 255, 255, 0.2);
            border-radius: 9999px;
            color: #F8FAFC;
            font-size: 12px;
            font-weight: 700;
            letter-spacing: 0.04em;
            text-transform: uppercase;
            box-shadow: 0 10px 24px rgba(0, 0, 0, 0.45);
        }

        .biz-badge-dot {
            width: 7px;
            height: 7px;
            border-radius: 50%;
            background: #60A5FA;
            box-shadow: 0 0 10px #60A5FA;
        }

        .biz-showcase-badge-verified {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 8px 16px;
            background: linear-gradient(135deg, rgba(212, 175, 55, 0.26) 0%, rgba(180, 130, 10, 0.14) 100%);
            backdrop-filter: blur(24px) saturate(190%);
            -webkit-backdrop-filter: blur(24px) saturate(190%);
            border: 1px solid rgba(212, 175, 55, 0.6);
            border-radius: 9999px;
            color: #F7E7B4;
            font-size: 11.5px;
            font-weight: 800;
            letter-spacing: 0.06em;
            text-transform: uppercase;
            box-shadow: 0 10px 28px rgba(212, 175, 55, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.25);
        }

        .biz-showcase-badge-verified svg {
            color: #E6CA65;
            filter: drop-shadow(0 0 6px rgba(212, 175, 55, 0.7));
        }

        /* Bottombar Sobreimpreso */
        .biz-showcase-bottombar {
            position: absolute;
            bottom: 20px;
            left: 20px;
            right: 20px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 12px;
            z-index: 3;
            pointer-events: none;
        }

        .biz-showcase-gallery-pill {
            display: inline-flex;
            align-items: center;
            gap: 7px;
            padding: 7px 15px;
            background: rgba(7, 10, 18, 0.82);
            backdrop-filter: blur(20px);
            -webkit-backdrop-filter: blur(20px);
            border: 1px solid rgba(255, 255, 255, 0.18);
            border-radius: 9999px;
            color: #E2E8F0;
            font-size: 12px;
            font-weight: 600;
            letter-spacing: 0.02em;
        }

        .biz-showcase-zoom-hint {
            display: inline-flex;
            align-items: center;
            gap: 7px;
            padding: 7px 15px;
            background: rgba(7, 10, 18, 0.78);
            backdrop-filter: blur(20px);
            -webkit-backdrop-filter: blur(20px);
            border: 1px solid rgba(212, 175, 55, 0.35);
            border-radius: 9999px;
            color: #E6CA65;
            font-size: 12px;
            font-weight: 700;
            transition: all 0.25s ease;
        }

        .biz-showcase-frame:hover .biz-showcase-zoom-hint {
            background: rgba(212, 175, 55, 0.22);
            border-color: #D4AF37;
            color: #FFFFFF;
            transform: translateY(-1px);
            box-shadow: 0 4px 14px rgba(212, 175, 55, 0.3);
        }

        /* --------------------------------------------------------------------------
           COLUMNA DERECHA (40%): ATELIER PRIVADO & TARJETA DE CONCIERGE (EXECUTIVE GLASS)
           -------------------------------------------------------------------------- */
        .biz-hero-dispatch-card {
            background: radial-gradient(circle at 100% 0%, rgba(28, 38, 62, 0.72) 0%, rgba(7, 10, 18, 0.94) 100%);
            backdrop-filter: blur(36px) saturate(210%);
            -webkit-backdrop-filter: blur(36px) saturate(210%);
            border: 1px solid rgba(212, 175, 55, 0.28);
            border-radius: 28px;
            padding: clamp(28px, 3vw, 40px);
            box-shadow: 0 40px 100px -20px rgba(0, 0, 0, 0.9),
                0 0 50px rgba(212, 175, 55, 0.08),
                inset 0 1px 1px rgba(255, 255, 255, 0.18);
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            gap: 22px;
            position: relative;
            overflow: hidden;
        }

        [data-theme="light"] .biz-hero-dispatch-card {
            background: rgba(255, 255, 255, 0.96);
            border: 1px solid rgba(212, 175, 55, 0.32);
            box-shadow: 0 25px 60px -12px rgba(15, 23, 42, 0.1), 0 0 0 1px rgba(241, 245, 249, 0.8);
        }

        /* Header & H1 de la Ficha */
        .biz-dispatch-header {
            display: flex;
            flex-direction: column;
            gap: 8px;
        }

        .biz-dispatch-kicker {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            font-size: 11.5px;
            font-weight: 800;
            text-transform: uppercase;
            letter-spacing: 0.2em;
            color: #D4AF37;
        }

        .biz-dispatch-kicker-dot {
            width: 6px;
            height: 6px;
            border-radius: 50%;
            background: #D4AF37;
            box-shadow: 0 0 10px #D4AF37;
        }

        .biz-dispatch-title {
            font-family: 'Cinzel', 'Playfair Display', Georgia, serif;
            font-size: clamp(30px, 3.2vw, 44px);
            font-weight: 800;
            line-height: 1.14;
            letter-spacing: -0.025em;
            margin: 0;
            background: linear-gradient(135deg, #FFFFFF 0%, #F8FAFC 35%, #E2E8F0 70%, #CBD5E1 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            color: transparent;
            filter: drop-shadow(0 2px 10px rgba(0, 0, 0, 0.45));
        }

        [data-theme="light"] .biz-dispatch-title {
            background: linear-gradient(135deg, #0F172A 0%, #1E293B 55%, #334155 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            color: transparent;
            filter: none;
        }

        /* Opiniones y Estrellas */
        .biz-dispatch-rating-row {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            gap: 7px;
            margin-top: 2px;
        }

        .biz-dispatch-stars {
            display: inline-flex;
            gap: 2px;
            color: #FBBF24;
            font-size: 15px;
            line-height: 1;
            filter: drop-shadow(0 0 6px rgba(251, 191, 36, 0.5));
        }

        .biz-star-icon {
            color: #FBBF24;
        }

        .biz-dispatch-rating-val {
            font-weight: 800;
            font-size: 14px;
            color: #FFFFFF;
        }

        [data-theme="light"] .biz-dispatch-rating-val {
            color: #0F172A;
        }

        .biz-dispatch-rating-sep {
            color: rgba(255, 255, 255, 0.35);
            font-size: 13px;
        }

        [data-theme="light"] .biz-dispatch-rating-sep {
            color: rgba(15, 23, 42, 0.3);
        }

        .biz-dispatch-rating-reviews {
            font-size: 13px;
            color: rgba(255, 255, 255, 0.72);
            font-weight: 500;
        }

        [data-theme="light"] .biz-dispatch-rating-reviews {
            color: #475569;
        }

        /* Bloque Operativo: Horario y Ubicación */
        .biz-dispatch-operational {
            display: flex;
            flex-direction: column;
            gap: 10px;
        }

        /* Pastilla Viva de Horario */
        .biz-dispatch-schedule-pill {
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
            padding: 13px 18px;
            background: rgba(14, 21, 37, 0.78);
            backdrop-filter: blur(20px);
            -webkit-backdrop-filter: blur(20px);
            border: 1px solid rgba(212, 175, 55, 0.22);
            border-radius: 16px;
            cursor: pointer;
            text-align: left;
            color: #F8FAFC;
            transition: all 0.28s cubic-bezier(0.16, 1, 0.3, 1);
            font-family: inherit;
            box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25);
        }

        [data-theme="light"] .biz-dispatch-schedule-pill {
            background: #F1F5F9;
            border: 1px solid rgba(212, 175, 55, 0.25);
            color: #0F172A;
        }

        .biz-dispatch-schedule-pill:hover {
            border-color: rgba(212, 175, 55, 0.55);
            background: rgba(22, 32, 54, 0.92);
            transform: translateY(-1px);
            box-shadow: 0 10px 28px rgba(0, 0, 0, 0.4), 0 0 20px rgba(212, 175, 55, 0.12);
        }

        [data-theme="light"] .biz-dispatch-schedule-pill:hover {
            background: #E2E8F0;
            border-color: #D4AF37;
        }

        .biz-dispatch-schedule-status {
            display: flex;
            align-items: center;
            gap: 9px;
            font-size: 13.5px;
            flex-wrap: wrap;
        }

        .biz-dispatch-pulse-dot {
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background: #10B981;
            box-shadow: 0 0 12px #10B981;
            flex-shrink: 0;
            animation: bizPulseGlow 2.5s infinite;
        }

        @keyframes bizPulseGlow {

            0%,
            100% {
                opacity: 1;
                transform: scale(1);
            }

            50% {
                opacity: 0.65;
                transform: scale(1.18);
            }
        }

        .biz-dispatch-pulse-dot.status-closed,
        .biz-dispatch-pulse-dot.biz-status-closed {
            background: #EF4444;
            box-shadow: 0 0 12px #EF4444;
        }

        .biz-dispatch-pulse-dot.status-closing-soon,
        .biz-dispatch-pulse-dot.biz-status-closing {
            background: #F59E0B;
            box-shadow: 0 0 12px #F59E0B;
        }

        .biz-dispatch-schedule-headline {
            font-weight: 700;
            color: #FFFFFF;
        }

        [data-theme="light"] .biz-dispatch-schedule-headline {
            color: #0F172A;
        }

        .biz-dispatch-schedule-sep {
            color: rgba(255, 255, 255, 0.35);
        }

        [data-theme="light"] .biz-dispatch-schedule-sep {
            color: rgba(15, 23, 42, 0.3);
        }

        .biz-dispatch-schedule-detail {
            color: #CBD5E1;
            font-size: 13px;
            font-weight: 400;
        }

        [data-theme="light"] .biz-dispatch-schedule-detail {
            color: #475569;
        }

        .biz-dispatch-schedule-arrow {
            font-size: 11.5px;
            font-weight: 700;
            color: #E6CA65;
            white-space: nowrap;
            letter-spacing: 0.02em;
        }

        /* Enlace a Google Maps */
        .biz-dispatch-address-link {
            display: flex;
            align-items: center;
            gap: 14px;
            padding: 12px 16px;
            border-radius: 16px;
            background: rgba(255, 255, 255, 0.035);
            border: 1px solid rgba(255, 255, 255, 0.1);
            text-decoration: none;
            color: inherit;
            transition: all 0.28s cubic-bezier(0.16, 1, 0.3, 1);
            box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2);
        }

        [data-theme="light"] .biz-dispatch-address-link {
            background: #FFFFFF;
            border: 1px solid rgba(226, 232, 240, 0.9);
        }

        .biz-dispatch-address-link:hover {
            background: rgba(255, 255, 255, 0.07);
            border-color: rgba(212, 175, 55, 0.4);
            transform: translateY(-1px);
            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
        }

        [data-theme="light"] .biz-dispatch-address-link:hover {
            border-color: #D4AF37;
            background: #F8FAFC;
        }

        .biz-dispatch-address-icon {
            width: 36px;
            height: 36px;
            border-radius: 11px;
            background: rgba(37, 99, 235, 0.18);
            border: 1px solid rgba(37, 99, 235, 0.35);
            color: #60A5FA;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
            box-shadow: 0 0 15px rgba(37, 99, 235, 0.2);
        }

        .biz-dispatch-address-info {
            display: flex;
            flex-direction: column;
            min-width: 0;
            gap: 2px;
        }

        .biz-dispatch-address-text {
            font-size: 13.5px;
            font-weight: 700;
            color: #F1F5F9;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            letter-spacing: -0.01em;
        }

        [data-theme="light"] .biz-dispatch-address-text {
            color: #0F172A;
        }

        .biz-dispatch-address-cta {
            font-size: 12px;
            color: #E6CA65;
            font-weight: 600;
            letter-spacing: 0.01em;
        }

        /* BOTONES PRIMARIOS SOBREDIMENSIONADOS (LEY DE FITTS - HAUTE EDITION) */
        .biz-dispatch-actions {
            display: flex;
            flex-direction: column;
            gap: 12px;
        }

        /* Botón WhatsApp VIP Directo Sobredimensionado */
        .biz-dispatch-btn-wa {
            display: flex;
            align-items: center;
            gap: 16px;
            padding: 16px 22px;
            border-radius: 18px;
            background: linear-gradient(135deg, #10B981 0%, #059669 45%, #047857 100%);
            box-shadow: 0 14px 34px -4px rgba(16, 185, 129, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.35);
            border: 1px solid rgba(52, 211, 153, 0.5);
            color: #FFFFFF !important;
            text-decoration: none;
            transition: all 0.28s cubic-bezier(0.16, 1, 0.3, 1);
            position: relative;
            overflow: hidden;
        }

        .biz-dispatch-btn-wa:hover {
            transform: translateY(-2px);
            box-shadow: 0 18px 44px -2px rgba(16, 185, 129, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.5);
            background: linear-gradient(135deg, #34D399 0%, #10B981 45%, #059669 100%);
        }

        .biz-dispatch-btn-icon {
            flex-shrink: 0;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .biz-dispatch-btn-text {
            display: flex;
            flex-direction: column;
            min-width: 0;
            gap: 2px;
        }

        .biz-dispatch-btn-primary-title {
            font-size: 16px;
            font-weight: 800;
            letter-spacing: -0.01em;
            line-height: 1.2;
        }

        .biz-dispatch-btn-primary-sub {
            font-size: 12px;
            opacity: 0.95;
            font-weight: 500;
        }

        /* Botón Línea Directa del Atelier */
        .biz-dispatch-btn-call {
            display: flex;
            align-items: center;
            gap: 16px;
            padding: 15px 22px;
            border-radius: 18px;
            background: rgba(255, 255, 255, 0.04);
            backdrop-filter: blur(24px);
            -webkit-backdrop-filter: blur(24px);
            border: 1px solid rgba(255, 255, 255, 0.14);
            box-shadow: 0 10px 28px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.12);
            color: #F8FAFC !important;
            text-decoration: none;
            transition: all 0.28s cubic-bezier(0.16, 1, 0.3, 1);
        }

        [data-theme="light"] .biz-dispatch-btn-call {
            background: #FFFFFF;
            border: 1px solid rgba(203, 213, 225, 0.95);
            color: #0F172A !important;
            box-shadow: 0 8px 20px rgba(15, 23, 42, 0.06);
        }

        .biz-dispatch-btn-call:hover {
            transform: translateY(-2px);
            background: rgba(255, 255, 255, 0.09);
            border-color: rgba(212, 175, 55, 0.45);
            box-shadow: 0 14px 36px rgba(0, 0, 0, 0.5), 0 0 20px rgba(212, 175, 55, 0.15);
        }

        [data-theme="light"] .biz-dispatch-btn-call:hover {
            background: #F8FAFC;
            border-color: #D4AF37;
        }

        /* Micro-herramientas Rápidas (Toolbar VIP) */
        .biz-dispatch-quick-tools {
            display: flex;
            align-items: center;
            gap: 9px;
            flex-wrap: wrap;
            padding-top: 14px;
            border-top: 1px solid rgba(212, 175, 55, 0.18);
        }

        [data-theme="light"] .biz-dispatch-quick-tools {
            border-top: 1px solid rgba(212, 175, 55, 0.22);
        }

        .biz-dispatch-tool-btn {
            display: inline-flex;
            align-items: center;
            gap: 7px;
            padding: 8px 14px;
            border-radius: 12px;
            background: rgba(255, 255, 255, 0.04);
            border: 1px solid rgba(255, 255, 255, 0.12);
            color: #E2E8F0;
            font-size: 12px;
            font-weight: 600;
            cursor: pointer;
            text-decoration: none;
            transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
            font-family: inherit;
        }

        [data-theme="light"] .biz-dispatch-tool-btn {
            background: #F1F5F9;
            border: 1px solid rgba(203, 213, 225, 0.8);
            color: #334155;
        }

        .biz-dispatch-tool-btn:hover {
            background: rgba(212, 175, 55, 0.16);
            border-color: #D4AF37;
            color: #FFFFFF;
            transform: translateY(-1px);
            box-shadow: 0 6px 16px rgba(212, 175, 55, 0.22);
        }

        [data-theme="light"] .biz-dispatch-tool-btn:hover {
            background: rgba(212, 175, 55, 0.15);
            border-color: #D4AF37;
            color: #0F172A;
        }

        .biz-dispatch-tool-wallet {
            color: #F7E7B4;
            border-color: rgba(212, 175, 55, 0.35);
            background: rgba(212, 175, 55, 0.08);
        }

        /* --------------------------------------------------------------------------
           RESPONSIVE DESIGN (TABLET & MÓVIL)
           -------------------------------------------------------------------------- */
        @media (max-width: 1024px) {
            .biz-hero-split-grid {
                grid-template-columns: 1fr;
                gap: 24px;
            }

            .biz-showcase-frame {
                min-height: 380px;
                height: 380px;
            }
        }

        @media (max-width: 768px) {

            .biz-hero,
            .biz-hero.biz-hero--split {
                padding: 18px 0 28px 0;
            }

            .biz-hero-split-grid {
                gap: 16px;
            }

            .biz-showcase-frame {
                min-height: 270px;
                height: 270px;
                border-radius: 20px;
            }

            .biz-hero-dispatch-card {
                padding: 20px 16px;
                border-radius: 20px;
                gap: 16px;
            }

            .biz-dispatch-title {
                font-size: clamp(24px, 6.2vw, 30px);
            }

            .biz-showcase-topbar {
                top: 12px;
                left: 12px;
                right: 12px;
            }

            .biz-showcase-badge-cat,
            .biz-showcase-badge-verified {
                padding: 5px 11px;
                font-size: 11px;
            }

            .biz-showcase-bottombar {
                bottom: 12px;
                left: 12px;
                right: 12px;
            }
        }

        @media (max-width: 480px) {
            .biz-showcase-frame {
                min-height: 230px;
                height: 230px;
            }

            .biz-dispatch-quick-tools {
                justify-content: stretch;
            }

            .biz-dispatch-tool-btn {
                flex: 1 1 calc(50% - 6px);
                justify-content: center;
                text-align: center;
            }
        }

        .sr-only {
            position: absolute;
            width: 1px;
            height: 1px;
            padding: 0;
            margin: -1px;
            overflow: hidden;
            clip: rect(0, 0, 0, 0);
            white-space: nowrap;
            border: 0;
        }

        /* ==========================================================================
           WIDGET DE TRÁFICO Y CONVERSIÓN EN VIVO (MOMENTUM ROTATIVO DE VENTAS)
           ========================================================================== */
        .biz-sidebar-momentum-widget {
            position: relative;
            background: var(--theme-card-bg);
            backdrop-filter: blur(28px) saturate(190%);
            -webkit-backdrop-filter: blur(28px) saturate(190%);
            border: 1px solid var(--theme-card-border);
            border-radius: 20px;
            padding: 13px 16px 11px 16px;
            margin-bottom: 20px;
            box-shadow: 0 16px 36px -10px rgba(0, 0, 0, 0.25), 0 4px 12px -2px rgba(0, 0, 0, 0.08);
            overflow: hidden;
            transition: all 0.3s ease;
        }

        /* Contenedor de Diapositivas Rotativas */
        .biz-momentum-slider {
            position: relative;
            min-height: 48px;
        }

        .biz-momentum-slide {
            position: absolute;
            inset: 0;
            opacity: 0;
            pointer-events: none;
            transform: translateY(6px);
            transition: opacity 0.45s cubic-bezier(0.16, 1, 0.3, 1), transform 0.45s cubic-bezier(0.16, 1, 0.3, 1);
            display: flex;
            flex-direction: column;
            justify-content: center;
            gap: 2px;
        }

        .biz-momentum-slide.active {
            opacity: 1;
            pointer-events: auto;
            transform: translateY(0);
            position: relative;
        }

        .biz-momentum-text-box {
            width: 100%;
        }

        .biz-momentum-badge {
            font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", sans-serif;
            font-size: 10px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.05em;
            color: var(--biz-brand-color);
            margin-bottom: 2px;
        }

        .biz-momentum-title {
            font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Plus Jakarta Sans", system-ui, sans-serif;
            font-size: 13.5px;
            font-weight: 700;
            color: var(--theme-text-hero);
            line-height: 1.35;
            margin: 0;
            letter-spacing: -0.015em;
        }

        .biz-momentum-title a {
            color: inherit;
            text-decoration: underline;
            text-underline-offset: 3px;
            transition: color 0.2s ease;
        }

        .biz-momentum-title a:hover {
            color: var(--biz-brand-color);
        }

        /* Indicadores de progreso (dots interactivos) */
        .biz-momentum-nav {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 6px;
            margin-top: 14px;
            padding-top: 10px;
            border-top: 1px dashed var(--theme-card-border);
        }

        .biz-momentum-dot {
            width: 6px;
            height: 6px;
            border-radius: 9999px;
            background: var(--theme-card-border);
            cursor: pointer;
            transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
            border: none;
            padding: 0;
        }

        .biz-momentum-dot.active {
            width: 22px;
            background: var(--biz-brand-color);
            box-shadow: 0 0 8px color-mix(in srgb, var(--biz-brand-color) 40%, transparent);
        }

        @keyframes momentumPulse {
            0% {
                transform: scale(0.9);
                opacity: 0.8;
            }

            70% {
                transform: scale(2.2);
                opacity: 0;
            }

            100% {
                transform: scale(2.4);
                opacity: 0;
            }
        }

        @media (max-width: 768px) {
            .biz-hero {
                min-height: 520px;
                margin-bottom: 0;
            }

            .biz-hero-stage {
                padding-top: 100px;
                padding-bottom: 64px;
            }

            .biz-hero-title {
                font-size: 32px;
                letter-spacing: -0.025em;
            }

            .biz-hero-subtitle {
                font-size: 14.5px;
                line-height: 1.5;
            }

            .biz-hero-badge-text {
                font-size: 11px;
            }

            .biz-hero-chip {
                padding: 5px 11px;
                font-size: 12px;
            }
        }

        .biz-action-bar {
            background: var(--theme-card-bg);
            backdrop-filter: blur(32px) saturate(200%);
            -webkit-backdrop-filter: blur(32px) saturate(200%);
            border: 0.5px solid var(--theme-card-border);
            border-radius: 24px;
            padding: 16px 24px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 16px;
            margin-top: -72px;
            margin-bottom: 40px;
            position: relative;
            z-index: 10;
            box-shadow: 0 24px 48px -12px rgba(0, 0, 0, 0.35), 0 8px 20px -6px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.25);
            flex-wrap: wrap;
        }

        .biz-action-status {
            display: flex;
            align-items: center;
            gap: 12px;
        }

        .biz-status-dot {
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background: #30D158;
            box-shadow: 0 0 10px rgba(48, 209, 88, 0.85);
            animation: pulseDot 2s infinite ease-in-out;
        }

        .biz-action-buttons {
            display: flex;
            align-items: center;
            gap: 10px;
            flex-wrap: wrap;
        }

        .biz-action-buttons .biz-btn {
            width: 44px;
            height: 44px;
            padding: 0;
            border-radius: 50%;
            justify-content: center;
            flex-shrink: 0;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
        }

        .biz-action-buttons .biz-btn svg {
            width: 18px;
            height: 18px;
            transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1);
        }

        .biz-action-buttons .biz-btn:hover {
            transform: translateY(-2.5px) scale(1.05);
        }

        .biz-action-buttons .biz-btn:hover svg {
            transform: scale(1.1);
        }

        /* WhatsApp en barra de acciones: Dominancia Unitaria Absoluta (Regla 60-30-10) */
        .biz-action-buttons .biz-btn-wa {
            background: linear-gradient(135deg, #25D366 0%, #1EBE5D 60%, #128C7E 100%) !important;
            color: #FFFFFF !important;
            border: 1px solid rgba(255, 255, 255, 0.40) !important;
            box-shadow: 0 4px 18px rgba(37, 211, 102, 0.45), inset 0 1px 1px rgba(255, 255, 255, 0.55) !important;
            transform: scale(1.06);
            z-index: 2;
        }

        .biz-action-buttons .biz-btn-wa:hover {
            transform: translateY(-2.5px) scale(1.12) !important;
            box-shadow: 0 8px 26px rgba(37, 211, 102, 0.62), inset 0 1px 1.5px rgba(255, 255, 255, 0.65) !important;
            filter: brightness(1.08);
        }

        /* Instagram en barra de acciones: Estilo neutro y elegante para armonía visual */
        .biz-action-buttons .biz-btn-ig {
            background: rgba(255, 255, 255, 0.08) !important;
            color: #F8FAFC !important;
            border: 0.5px solid rgba(255, 255, 255, 0.2) !important;
            backdrop-filter: blur(20px);
            -webkit-backdrop-filter: blur(20px);
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08), inset 0 1px 0.5px rgba(255, 255, 255, 0.2) !important;
        }

        [data-theme="light"] .biz-action-buttons .biz-btn-ig {
            background: rgba(15, 23, 42, 0.06) !important;
            color: #0F172A !important;
            border-color: rgba(15, 23, 42, 0.14) !important;
        }

        .biz-action-buttons .biz-btn-ig:hover {
            background: rgba(255, 255, 255, 0.15) !important;
            border-color: rgba(255, 255, 255, 0.35) !important;
            color: #FFFFFF !important;
            box-shadow: 0 6px 18px rgba(0, 0, 0, 0.15) !important;
        }

        [data-theme="light"] .biz-action-buttons .biz-btn-ig:hover {
            background: rgba(15, 23, 42, 0.1) !important;
            color: #0F172A !important;
            border-color: rgba(15, 23, 42, 0.25) !important;
        }

        /* Botón Diamante: Cliente Oficial con Servicios de Pantallas */
        .biz-action-buttons .biz-btn-diamond {
            background: radial-gradient(circle at 35% 35%, #8A4605 0%, #683200 100%) !important;
            color: #FBBF24 !important;
            border: 1px solid rgba(245, 158, 11, 0.45) !important;
            box-shadow: 0 4px 16px rgba(180, 83, 9, 0.38), inset 0 1px 1px rgba(255, 237, 213, 0.25) !important;
            cursor: pointer;
        }

        .biz-action-buttons .biz-btn-diamond:hover {
            background: radial-gradient(circle at 35% 35%, #9A5208 0%, #7A3C00 100%) !important;
            box-shadow: 0 6px 20px rgba(217, 119, 6, 0.55), inset 0 1px 1px rgba(255, 255, 255, 0.4) !important;
            color: #FEF08A !important;
            transform: translateY(-2.5px) scale(1.08) !important;
        }

        .biz-btn {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 9.5px 18px;
            border-radius: 9999px;
            font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Plus Jakarta Sans", system-ui, sans-serif;
            font-size: 13px;
            font-weight: 600;
            letter-spacing: -0.012em;
            text-decoration: none;
            transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1);
            cursor: pointer;
            border: 0.5px solid transparent;
            -webkit-font-smoothing: antialiased;
        }

        .biz-btn:active {
            transform: scale(0.96) !important;
        }

        .biz-btn-wa {
            background: linear-gradient(135deg, #25D366 0%, #1EBE5D 60%, #128C7E 100%) !important;
            color: #FFFFFF !important;
            border: 0.5px solid rgba(255, 255, 255, 0.35) !important;
            box-shadow: 0 4px 16px rgba(37, 211, 102, 0.40), inset 0 1px 1px rgba(255, 255, 255, 0.5) !important;
        }

        .biz-btn-wa:hover {
            filter: brightness(1.08);
            transform: translateY(-1.5px);
            box-shadow: 0 6px 22px rgba(37, 211, 102, 0.55), inset 0 1px 1.5px rgba(255, 255, 255, 0.6) !important;
        }

        .biz-btn-ig {
            background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
            color: #FFFFFF;
            box-shadow: 0 4px 14px rgba(220, 39, 67, 0.32), inset 0 1px 0.5px rgba(255, 255, 255, 0.35);
            border: 0.5px solid rgba(255, 255, 255, 0.25);
        }

        .biz-btn-ig:hover {
            filter: brightness(1.08);
            transform: translateY(-1.5px);
            box-shadow: 0 6px 20px rgba(220, 39, 67, 0.45);
        }

        .biz-btn-web {
            background: rgba(255, 255, 255, 0.08);
            color: #F8FAFC;
            border: 0.5px solid rgba(255, 255, 255, 0.2);
            backdrop-filter: blur(20px);
            -webkit-backdrop-filter: blur(20px);
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08), inset 0 1px 0.5px rgba(255, 255, 255, 0.2);
        }

        [data-theme="light"] .biz-btn-web {
            background: rgba(15, 23, 42, 0.06);
            color: #0F172A;
            border-color: rgba(15, 23, 42, 0.14);
        }

        .biz-btn-web:hover {
            background: rgba(255, 255, 255, 0.15);
            border-color: rgba(255, 255, 255, 0.35);
            transform: translateY(-1.5px);
        }

        /* Botón de Llamada Pacificado (Frosted Capsule Neutra para no competir con el CTA primario) */
        .biz-btn-call {
            background: rgba(255, 255, 255, 0.08) !important;
            color: #F8FAFC !important;
            border: 0.5px solid rgba(255, 255, 255, 0.2) !important;
            backdrop-filter: blur(20px);
            -webkit-backdrop-filter: blur(20px);
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08), inset 0 1px 0.5px rgba(255, 255, 255, 0.2) !important;
        }

        [data-theme="light"] .biz-btn-call {
            background: rgba(15, 23, 42, 0.06) !important;
            color: #0F172A !important;
            border-color: rgba(15, 23, 42, 0.14) !important;
        }

        .biz-btn-call:hover {
            background: rgba(255, 255, 255, 0.15) !important;
            border-color: rgba(255, 255, 255, 0.35) !important;
            transform: translateY(-1.5px);
        }

        [data-theme="light"] .biz-btn-call:hover {
            background: rgba(15, 23, 42, 0.1) !important;
            border-color: rgba(15, 23, 42, 0.25) !important;
        }

        .biz-btn-maps {
            background: rgba(255, 255, 255, 0.08) !important;
            color: #F8FAFC !important;
            border: 0.5px solid rgba(255, 255, 255, 0.2) !important;
            backdrop-filter: blur(20px);
            -webkit-backdrop-filter: blur(20px);
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08), inset 0 1px 0.5px rgba(255, 255, 255, 0.2);
        }

        [data-theme="light"] .biz-btn-maps {
            background: rgba(15, 23, 42, 0.06) !important;
            color: #0F172A !important;
            border-color: rgba(15, 23, 42, 0.14) !important;
        }

        .biz-btn-maps:hover {
            background: rgba(255, 255, 255, 0.15) !important;
            border-color: rgba(255, 255, 255, 0.35) !important;
            transform: translateY(-1.5px);
        }

        .biz-btn-share {
            background: rgba(255, 255, 255, 0.08);
            color: #F8FAFC;
            border: 0.5px solid rgba(255, 255, 255, 0.2);
            backdrop-filter: blur(20px);
            -webkit-backdrop-filter: blur(20px);
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08), inset 0 1px 0.5px rgba(255, 255, 255, 0.2);
        }

        [data-theme="light"] .biz-btn-share {
            background: rgba(15, 23, 42, 0.06);
            color: #0F172A;
            border-color: rgba(15, 23, 42, 0.14);
        }

        .biz-btn-share:hover {
            background: rgba(255, 255, 255, 0.15);
            border-color: rgba(255, 255, 255, 0.35);
            transform: translateY(-1.5px);
        }

        /* Botón Guardar Contacto en Barra Rápida (Frosted Glass Neutro de Alta Gama) */
        .biz-btn-vcard {
            background: rgba(255, 255, 255, 0.08) !important;
            color: #F8FAFC !important;
            border: 0.5px solid rgba(255, 255, 255, 0.2) !important;
            backdrop-filter: blur(20px);
            -webkit-backdrop-filter: blur(20px);
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08), inset 0 1px 0.5px rgba(255, 255, 255, 0.2);
            font-weight: 600;
        }

        [data-theme="light"] .biz-btn-vcard {
            background: rgba(15, 23, 42, 0.06) !important;
            color: #0F172A !important;
            border-color: rgba(15, 23, 42, 0.14) !important;
        }

        .biz-btn-vcard:hover {
            background: rgba(255, 255, 255, 0.15) !important;
            border-color: rgba(255, 255, 255, 0.35) !important;
            color: #FFFFFF !important;
            transform: translateY(-1.5px);
            box-shadow: 0 6px 18px rgba(0, 0, 0, 0.15) !important;
        }

        [data-theme="light"] .biz-btn-vcard:hover {
            background: rgba(15, 23, 42, 0.1) !important;
            border-color: rgba(15, 23, 42, 0.25) !important;
            color: #0F172A !important;
        }

        /* Botón Discreto Guardar Contacto en Barra Lateral (1 Clic, sin rodeos, colores oficiales) */
        .biz-btn-vcard-discrete {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
            width: 100%;
            padding: 10px 14px;
            margin-bottom: 18px;
            border-radius: 12px;
            background: color-mix(in srgb, var(--biz-brand-color) 8%, transparent);
            border: 1px solid color-mix(in srgb, var(--biz-brand-color) 22%, transparent);
            color: var(--theme-text-hero);
            font-family: 'Outfit', sans-serif;
            font-size: 13.5px;
            font-weight: 700;
            cursor: pointer;
            transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
            backdrop-filter: blur(12px);
            -webkit-backdrop-filter: blur(12px);
            box-sizing: border-box;
        }

        [data-theme="light"] .biz-btn-vcard-discrete {
            background: color-mix(in srgb, var(--biz-brand-color) 6%, transparent);
            border-color: color-mix(in srgb, var(--biz-brand-color) 18%, transparent);
        }

        .biz-btn-vcard-discrete:hover {
            background: var(--biz-brand-color);
            border-color: var(--biz-brand-color);
            color: #FFFFFF;
            transform: translateY(-1.5px);
            box-shadow: 0 6px 18px color-mix(in srgb, var(--biz-brand-color) 35%, transparent);
        }

        .biz-vcard-discrete-left {
            display: flex;
            align-items: center;
            gap: 9px;
        }

        .biz-vcard-discrete-icon {
            width: 28px;
            height: 28px;
            border-radius: 8px;
            background: color-mix(in srgb, var(--biz-brand-color) 15%, transparent);
            color: var(--biz-brand-color);
            display: inline-flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
            transition: all 0.2s ease;
        }

        .biz-btn-vcard-discrete:hover .biz-vcard-discrete-icon {
            background: rgba(255, 255, 255, 0.22);
            color: #FFFFFF;
        }

        .biz-vcard-discrete-badge {
            font-size: 10px;
            font-weight: 800;
            text-transform: uppercase;
            letter-spacing: 0.05em;
            padding: 2.5px 7px;
            border-radius: 6px;
            background: color-mix(in srgb, var(--biz-brand-color) 15%, transparent);
            color: var(--biz-brand-color);
            transition: all 0.2s ease;
        }

        .biz-btn-vcard-discrete:hover .biz-vcard-discrete-badge {
            background: rgba(255, 255, 255, 0.22);
            color: #FFFFFF;
        }

        /* Modal de Tarjeta de Contacto Inteligente */
        .biz-vcard-modal-overlay {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: rgba(0, 0, 0, 0.82);
            backdrop-filter: blur(14px);
            -webkit-backdrop-filter: blur(14px);
            z-index: 99999;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 20px;
            opacity: 0;
            pointer-events: none;
            transition: opacity 0.25s ease;
        }

        .biz-vcard-modal-overlay.active {
            opacity: 1;
            pointer-events: auto;
        }

        .biz-vcard-modal-card {
            background: var(--theme-card-bg);
            border: 1px solid var(--theme-card-border);
            border-radius: 24px;
            padding: 28px;
            max-width: 440px;
            width: 100%;
            position: relative;
            box-shadow: 0 25px 60px -12px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.08);
            transform: translateY(16px) scale(0.97);
            transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1);
            max-height: 90vh;
            overflow-y: auto;
        }

        .biz-vcard-modal-overlay.active .biz-vcard-modal-card {
            transform: translateY(0) scale(1);
        }

        .biz-vcard-modal-close {
            position: absolute;
            top: 16px;
            right: 16px;
            width: 34px;
            height: 34px;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.08);
            border: 1px solid var(--theme-card-border);
            color: var(--theme-text-hero);
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            font-size: 20px;
            line-height: 1;
            transition: background-color 0.2s ease, transform 0.2s ease;
        }

        .biz-vcard-modal-close:hover {
            background: rgba(255, 255, 255, 0.16);
            transform: scale(1.08);
        }

        /* ==========================================================================
           SISTEMA EDITORIAL ULTRA-LUJO CONTEMPORÁNEO (VOGUE / KINFOLK / AD)
           ========================================================================== */
        .biz-editorial-canvas {
            width: 100%;
            position: relative;
            overflow-x: clip;
            padding-bottom: 20px;
        }

        .biz-editorial-wrap {
            width: 100%;
            max-width: 1560px;
            margin: 0 auto;
            padding: 0 clamp(20px, 4.5vw, 64px);
        }

        .biz-editorial-band {
            width: 100%;
            padding: clamp(56px, 7vw, 108px) 0;
            position: relative;
        }

        /* Micro-Capítulo Editorial de Alta Costura */
        .biz-editorial-badge-chapter {
            display: inline-flex;
            align-items: center;
            gap: 12px;
            margin-bottom: 18px;
        }

        .biz-chapter-num {
            font-family: 'Cormorant Garamond', Georgia, serif;
            font-size: 21px;
            font-weight: 700;
            color: var(--biz-brand-color);
            letter-spacing: 0.04em;
            line-height: 1;
        }

        .biz-chapter-line {
            width: 32px;
            height: 1.5px;
            background: color-mix(in srgb, var(--biz-brand-color) 65%, transparent);
            border-radius: 2px;
        }

        .biz-chapter-label {
            font-family: 'Outfit', -apple-system, sans-serif;
            font-size: 11px;
            font-weight: 800;
            letter-spacing: 0.16em;
            text-transform: uppercase;
            color: var(--theme-text-muted);
        }

        /* --------------------------------------------------------------------------
           BANDA 0: THE CONCIERGE & INDEX STRIP (ACCIONES Y BREADCRUMB FLOTANTE)
           -------------------------------------------------------------------------- */
        .biz-editorial-strip-band {
            width: 100%;
            margin-top: clamp(20px, 2.5vw, 36px);
            margin-bottom: 16px;
            position: relative;
            z-index: 30;
        }

        .biz-editorial-breadcrumb {
            margin-bottom: 14px;
            padding: 0 4px;
            position: relative;
            z-index: 100;
        }

        .biz-editorial-breadcrumb ol {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            gap: 8px;
            list-style: none;
            margin: 0;
            padding: 0;
            font-family: 'Outfit', -apple-system, sans-serif;
            font-size: 11.5px;
            font-weight: 600;
            letter-spacing: 0.04em;
            text-transform: uppercase;
        }

        .biz-editorial-breadcrumb a {
            color: var(--theme-text-muted);
            text-decoration: none;
            transition: color 0.2s ease;
        }

        .biz-editorial-breadcrumb a:hover {
            color: var(--biz-brand-color);
        }

        .biz-bc-sep {
            color: var(--theme-card-border);
            font-size: 12px;
            opacity: 0.8;
        }

        .biz-editorial-breadcrumb li.active {
            color: var(--theme-text-hero);
            font-weight: 700;
        }

        /* ==============================================================
           BREADCRUMB CON CONMUTADOR DE COMERCIOS HERMANOS (LUXURY SWITCHER)
           ============================================================== */
        .biz-bc-sibling-li {
            position: relative;
            display: inline-flex;
            align-items: center;
            z-index: 105;
        }

        .biz-bc-switcher {
            position: relative;
            display: inline-flex;
            align-items: center;
            z-index: 110;
        }

        .biz-bc-switcher-trigger {
            background: var(--action-sec-bg, rgba(255, 255, 255, 0.08));
            border: 1px solid var(--action-sec-border, rgba(255, 255, 255, 0.16));
            border-radius: 999px;
            padding: 3px 8px 3px 12px;
            display: inline-flex;
            align-items: center;
            gap: 7px;
            cursor: pointer;
            color: var(--theme-text-hero);
            font-family: inherit;
            font-size: 11.5px;
            font-weight: 700;
            letter-spacing: 0.04em;
            text-transform: uppercase;
            transition: all 0.24s cubic-bezier(0.16, 1, 0.3, 1);
            backdrop-filter: blur(12px);
            -webkit-backdrop-filter: blur(12px);
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
            user-select: none;
            outline: none;
        }

        .biz-bc-switcher-trigger:hover,
        .biz-bc-switcher.is-open .biz-bc-switcher-trigger {
            background: var(--action-sec-hover-bg, rgba(255, 255, 255, 0.16));
            border-color: var(--biz-brand-color);
            box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12), 0 0 12px rgba(37, 99, 235, 0.25);
            transform: translateY(-1px);
        }

        .biz-bc-current-name {
            color: var(--theme-text-hero);
            max-width: 200px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .biz-bc-switcher-badge {
            display: inline-flex;
            align-items: center;
            gap: 3px;
            background: rgba(37, 99, 235, 0.12);
            border: 1px solid rgba(37, 99, 235, 0.28);
            color: var(--biz-brand-color);
            padding: 2px 6px;
            border-radius: 999px;
            font-size: 10px;
            font-weight: 800;
            line-height: 1;
            transition: transform 0.2s ease, background 0.2s ease;
        }

        [data-theme="dark"] .biz-bc-switcher-badge {
            background: rgba(37, 99, 235, 0.22);
            border-color: rgba(37, 99, 235, 0.45);
            color: #60A5FA;
        }

        .biz-bc-switcher-chevron {
            transition: transform 0.28s cubic-bezier(0.16, 1, 0.3, 1);
        }

        .biz-bc-switcher.is-open .biz-bc-switcher-chevron {
            transform: rotate(180deg);
        }

        /* Panel Desplegable Glassmorphism Alta Fidelidad */
        .biz-bc-dropdown {
            position: absolute;
            top: calc(100% + 10px);
            left: 0;
            min-width: 320px;
            max-width: min(390px, calc(100vw - 32px));
            width: max-content;
            background: var(--theme-card-bg);
            backdrop-filter: blur(36px) saturate(200%);
            -webkit-backdrop-filter: blur(36px) saturate(200%);
            border: 1px solid var(--theme-card-border);
            border-radius: 20px;
            padding: 8px;
            box-shadow: 0 24px 50px -10px rgba(0, 0, 0, 0.32), 0 10px 20px -6px rgba(0, 0, 0, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.25);
            z-index: 9999;
            opacity: 0;
            visibility: hidden;
            pointer-events: none;
            transform: translateY(-8px) scale(0.97);
            transition: opacity 0.24s cubic-bezier(0.16, 1, 0.3, 1), transform 0.24s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.24s;
        }

        .biz-bc-switcher.is-open .biz-bc-dropdown {
            opacity: 1;
            visibility: visible;
            pointer-events: auto;
            transform: translateY(0) scale(1);
        }

        /* Dropdown Header */
        .biz-bc-dropdown-header {
            padding: 8px 12px 10px;
            border-bottom: 1px solid var(--theme-card-border);
            margin-bottom: 6px;
        }

        .biz-bc-dropdown-title {
            font-size: 13px;
            font-weight: 800;
            color: var(--theme-text-hero);
            letter-spacing: -0.01em;
            text-transform: none;
        }

        /* Lista de comercios */
        .biz-bc-dropdown-list {
            max-height: 290px;
            overflow-y: auto;
            overscroll-behavior: contain;
            padding-right: 2px;
            display: flex;
            flex-direction: column;
            gap: 2px;
        }

        .biz-bc-dropdown-list::-webkit-scrollbar {
            width: 4px;
        }

        .biz-bc-dropdown-list::-webkit-scrollbar-track {
            background: transparent;
        }

        .biz-bc-dropdown-list::-webkit-scrollbar-thumb {
            background: rgba(148, 163, 184, 0.35);
            border-radius: 4px;
        }

        .biz-bc-dropdown-item {
            display: flex;
            align-items: center;
            gap: 12px;
            padding: 8px 10px;
            border-radius: 14px;
            text-decoration: none;
            color: inherit;
            transition: background 0.18s ease, transform 0.18s ease;
        }

        .biz-bc-dropdown-item:hover {
            background: var(--action-sec-hover-bg, rgba(255, 255, 255, 0.08));
            transform: translateX(3px);
        }

        .biz-bc-item-thumb {
            width: 40px;
            height: 40px;
            border-radius: 10px;
            overflow: hidden;
            flex-shrink: 0;
            background: var(--bg-subtle);
            border: 1px solid var(--theme-card-border);
        }

        .biz-bc-item-thumb img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }

        .biz-bc-item-info {
            flex: 1;
            min-width: 0;
            display: flex;
            align-items: center;
        }

        .biz-bc-item-name {
            font-size: 13px;
            font-weight: 700;
            color: var(--theme-text-hero);
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            text-transform: none;
            letter-spacing: normal;
        }

        .biz-bc-item-arrow {
            color: var(--theme-text-muted);
            opacity: 0.5;
            transition: opacity 0.18s ease, transform 0.18s ease, color 0.18s ease;
            flex-shrink: 0;
        }

        .biz-bc-dropdown-item:hover .biz-bc-item-arrow {
            opacity: 1;
            color: var(--biz-brand-color);
            transform: translateX(2px);
        }

        /* Dropdown Footer */
        .biz-bc-dropdown-footer {
            padding: 8px 10px 4px;
            border-top: 1px solid var(--theme-card-border);
            margin-top: 6px;
        }

        .biz-bc-dropdown-viewall {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 7px 10px;
            border-radius: 10px;
            font-size: 11px;
            font-weight: 700;
            letter-spacing: 0.02em;
            color: var(--biz-brand-color);
            text-decoration: none;
            background: rgba(37, 99, 235, 0.06);
            transition: background 0.18s ease, color 0.18s ease;
            text-transform: none;
        }

        .biz-bc-dropdown-viewall:hover {
            background: rgba(37, 99, 235, 0.14);
            color: var(--biz-brand-color);
        }

        @media (max-width: 640px) {
            .biz-bc-dropdown {
                min-width: 280px;
                max-width: calc(100vw - 32px);
            }

            .biz-bc-current-name {
                max-width: 140px;
            }
        }

        /* Barra Flotante de Alta Gama */
        .biz-editorial-action-bar {
            position: relative;
            z-index: 10;
            background: var(--theme-card-bg);
            backdrop-filter: blur(36px) saturate(200%);
            -webkit-backdrop-filter: blur(36px) saturate(200%);
            border: 1px solid var(--theme-card-border);
            border-radius: 28px;
            padding: 18px 30px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 20px;
            box-shadow: 0 24px 54px -14px rgba(0, 0, 0, 0.22), 0 8px 24px -6px rgba(0, 0, 0, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.35);
            flex-wrap: wrap;
            transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s ease;
        }

        .biz-status-meta {
            display: flex;
            flex-direction: column;
            gap: 2px;
        }

        .biz-status-title {
            font-family: 'Outfit', sans-serif;
            font-size: 13.5px;
            font-weight: 800;
            color: var(--theme-text-hero);
            letter-spacing: -0.01em;
        }

        .biz-status-hours {
            font-size: 12px;
            color: var(--theme-text-muted);
            font-weight: 500;
        }

        /* --------------------------------------------------------------------------
           BANDA 1: THE MONOGRAPH / "SOBRE NOSOTROS" (ASIMETRÍA KINFOLK & AD)
           -------------------------------------------------------------------------- */
        .biz-monograph-section {
            position: relative;
            background: linear-gradient(180deg, transparent 0%, color-mix(in srgb, var(--biz-brand-color) 3.5%, transparent) 40%, transparent 100%);
            overflow: hidden;
        }

        .biz-monograph-section::before {
            content: '';
            position: absolute;
            top: -100px;
            left: -120px;
            width: 480px;
            height: 480px;
            border-radius: 50%;
            background: radial-gradient(circle, color-mix(in srgb, var(--biz-brand-color) 9%, transparent) 0%, transparent 70%);
            pointer-events: none;
            z-index: 0;
        }

        .biz-monograph-grid {
            display: grid;
            grid-template-columns: minmax(320px, 0.85fr) minmax(440px, 1.15fr);
            gap: clamp(36px, 5vw, 84px);
            align-items: start;
            position: relative;
            z-index: 1;
        }

        .biz-monograph-aside {
            position: sticky;
            top: 110px;
            display: flex;
            flex-direction: column;
            gap: 20px;
        }

        .biz-monograph-eyebrow {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 5px 14px;
            border-radius: 999px;
            background: color-mix(in srgb, var(--biz-brand-color) 8%, var(--theme-card-bg));
            border: 1px solid color-mix(in srgb, var(--biz-brand-color) 22%, transparent);
            font-family: 'Outfit', sans-serif;
            font-size: 11px;
            font-weight: 800;
            letter-spacing: 0.14em;
            text-transform: uppercase;
            color: var(--biz-brand-color);
            width: fit-content;
            margin: 0 0 4px 0;
            box-shadow: 0 2px 8px -2px color-mix(in srgb, var(--biz-brand-color) 20%, transparent);
        }

        .biz-eyebrow-dot {
            width: 6px;
            height: 6px;
            border-radius: 50%;
            background: var(--biz-brand-color);
            box-shadow: 0 0 8px var(--biz-brand-color);
            animation: bizDotPulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
        }

        @keyframes bizDotPulse {
            0%, 100% { opacity: 1; transform: scale(1); }
            50% { opacity: 0.4; transform: scale(0.85); }
        }

        .biz-monograph-title {
            font-family: 'Outfit', sans-serif;
            font-size: clamp(32px, 3.4vw, 48px);
            font-weight: 800;
            line-height: 1.12;
            letter-spacing: -0.035em;
            color: var(--theme-text-hero);
            margin: 0;
        }

        .biz-monograph-title em {
            font-family: 'Outfit', sans-serif;
            font-style: normal;
            font-weight: 800;
            display: block;
            margin-top: 4px;
            background: linear-gradient(135deg, var(--biz-brand-color) 0%, color-mix(in srgb, var(--biz-brand-color) 60%, #38BDF8) 100%);
            -webkit-background-clip: text;
            background-clip: text;
            -webkit-text-fill-color: transparent;
            color: transparent;
        }

        .biz-monograph-seal-wrap {
            display: inline-flex;
            margin-top: 4px;
        }

        /* Placa Acreditación Pantallas LED Donostia */
        .biz-monograph-led-badge {
            background: var(--theme-card-bg);
            border: 1px solid var(--theme-card-border);
            border-radius: 22px;
            padding: 20px 22px;
            box-shadow: 0 12px 30px -8px rgba(0, 0, 0, 0.08);
            position: relative;
            overflow: hidden;
        }

        .biz-monograph-led-badge::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 4px;
            height: 100%;
            background: var(--biz-brand-color);
        }

        .biz-led-badge-header {
            display: flex;
            align-items: center;
            gap: 12px;
            margin-bottom: 10px;
        }

        .biz-led-badge-icon {
            width: 40px;
            height: 40px;
            border-radius: 12px;
            background: var(--biz-brand-color);
            color: #FFFFFF;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
            box-shadow: 0 6px 16px color-mix(in srgb, var(--biz-brand-color) 40%, transparent);
        }

        .biz-led-badge-tag {
            font-family: 'Outfit', sans-serif;
            font-size: 10px;
            font-weight: 800;
            letter-spacing: 0.12em;
            text-transform: uppercase;
            color: var(--biz-brand-color);
        }

        .biz-led-badge-title {
            font-family: 'Outfit', sans-serif;
            font-size: 14.5px;
            font-weight: 800;
            color: var(--theme-text-hero);
        }

        .biz-led-badge-desc {
            font-size: 13px;
            color: var(--theme-text-secondary);
            line-height: 1.6;
            margin: 0;
        }

        .biz-monograph-momentum-box {
            width: 100%;
        }

        /* Columna Derecha: Ensayo & Highlights */
        .biz-monograph-main {
            display: flex;
            flex-direction: column;
            gap: 26px;
        }

        /* Declaración de Valor / Lead Hero */
        .biz-monograph-pullquote {
            margin: 0;
            padding: 24px 28px;
            background: color-mix(in srgb, var(--biz-brand-color) 4%, var(--theme-card-bg));
            border: 1px solid color-mix(in srgb, var(--biz-brand-color) 20%, var(--theme-card-border));
            border-radius: 22px;
            position: relative;
            box-shadow: 0 12px 28px -10px rgba(0, 0, 0, 0.04);
            transition: border-color 0.25s ease, box-shadow 0.25s ease;
        }

        .biz-monograph-pullquote:hover {
            border-color: color-mix(in srgb, var(--biz-brand-color) 35%, var(--theme-card-border));
            box-shadow: 0 16px 32px -8px color-mix(in srgb, var(--biz-brand-color) 12%, transparent);
        }

        .biz-pullquote-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 12px;
        }

        .biz-pullquote-badge {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            padding: 4px 10px;
            border-radius: 999px;
            font-family: 'Outfit', sans-serif;
            font-size: 10.5px;
            font-weight: 800;
            letter-spacing: 0.08em;
            text-transform: uppercase;
            color: var(--biz-brand-color);
            background: color-mix(in srgb, var(--biz-brand-color) 10%, transparent);
            border: 1px solid color-mix(in srgb, var(--biz-brand-color) 18%, transparent);
        }

        .biz-pullquote-statement {
            font-family: 'Outfit', sans-serif;
            font-size: clamp(18px, 1.85vw, 23px);
            font-style: normal;
            font-weight: 600;
            line-height: 1.55;
            letter-spacing: -0.018em;
            color: var(--theme-text-hero);
            margin: 0;
        }

        .biz-monograph-text-wrapper {
            position: relative;
        }

        .biz-monograph-text {
            font-family: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif;
            font-size: 16px;
            line-height: 1.82;
            color: var(--theme-text-secondary);
            font-weight: 400;
            letter-spacing: -0.008em;
            transition: all 0.3s ease;
        }

        .biz-monograph-text.is-clamped {
            display: -webkit-box;
            -webkit-line-clamp: 3;
            line-clamp: 3;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .biz-monograph-text.is-expanded {
            display: block;
            -webkit-line-clamp: unset;
            line-clamp: unset;
            overflow: visible;
        }

        .biz-monograph-text p {
            margin-bottom: 18px;
        }

        .biz-monograph-toggle-btn {
            display: inline-flex;
            align-items: center;
            gap: 7px;
            margin-top: 12px;
            padding: 7px 16px;
            font-family: 'Outfit', sans-serif;
            font-size: 13px;
            font-weight: 700;
            letter-spacing: 0.01em;
            color: var(--biz-brand-color);
            background: color-mix(in srgb, var(--biz-brand-color) 8%, var(--theme-card-bg));
            border: 1px solid color-mix(in srgb, var(--biz-brand-color) 22%, var(--theme-card-border));
            border-radius: 999px;
            cursor: pointer;
            transition: all 0.22s cubic-bezier(0.4, 0, 0.2, 1);
            user-select: none;
        }

        .biz-monograph-toggle-btn:hover {
            background: color-mix(in srgb, var(--biz-brand-color) 16%, var(--theme-card-bg));
            border-color: var(--biz-brand-color);
            transform: translateY(-1px);
            box-shadow: 0 4px 12px -2px color-mix(in srgb, var(--biz-brand-color) 25%, transparent);
        }

        .biz-monograph-toggle-btn:active {
            transform: translateY(0);
        }

        .biz-monograph-toggle-icon {
            width: 14px;
            height: 14px;
            transition: transform 0.25s ease;
        }

        .biz-monograph-toggle-btn.is-expanded .biz-monograph-toggle-icon {
            transform: rotate(180deg);
        }

        /* Cuadrícula Bento de Pilares de Excelencia */
        .biz-editorial-highlights-block {
            margin-top: 14px;
            padding-top: 26px;
            border-top: 1px solid var(--theme-card-border);
        }

        .biz-highlights-eyebrow {
            display: inline-flex;
            align-items: center;
            gap: 7px;
            font-family: 'Outfit', sans-serif;
            font-size: 11px;
            font-weight: 800;
            letter-spacing: 0.14em;
            text-transform: uppercase;
            color: var(--biz-brand-color);
            margin-bottom: 20px;
        }

        .biz-editorial-highlights-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
            gap: 16px;
        }

        .biz-editorial-highlight-card {
            background: var(--theme-card-bg);
            border: 1px solid var(--theme-card-border);
            border-radius: 20px;
            padding: 20px 22px;
            display: flex;
            flex-direction: column;
            gap: 14px;
            position: relative;
            overflow: hidden;
            transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s ease, border-color 0.25s ease;
        }

        .biz-editorial-highlight-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 2.5px;
            background: linear-gradient(90deg, var(--biz-brand-color), transparent);
            opacity: 0;
            transition: opacity 0.25s ease;
        }

        .biz-editorial-highlight-card:hover {
            transform: translateY(-3px);
            border-color: color-mix(in srgb, var(--biz-brand-color) 40%, var(--theme-card-border));
            box-shadow: 0 14px 28px -8px color-mix(in srgb, var(--biz-brand-color) 12%, rgba(0, 0, 0, 0.08));
        }

        .biz-editorial-highlight-card:hover::before {
            opacity: 1;
        }

        .biz-hl-card-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

        .biz-hl-icon-badge {
            width: 36px;
            height: 36px;
            border-radius: 11px;
            background: color-mix(in srgb, var(--biz-brand-color) 9%, var(--theme-subtle-bg));
            border: 1px solid color-mix(in srgb, var(--biz-brand-color) 18%, transparent);
            color: var(--biz-brand-color);
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
            transition: transform 0.25s ease, background 0.25s ease;
        }

        .biz-editorial-highlight-card:hover .biz-hl-icon-badge {
            transform: scale(1.08);
            background: color-mix(in srgb, var(--biz-brand-color) 16%, var(--theme-subtle-bg));
        }

        .biz-hl-num {
            font-family: 'Outfit', sans-serif;
            font-size: 11px;
            font-weight: 800;
            letter-spacing: 0.05em;
            color: var(--biz-brand-color);
            background: color-mix(in srgb, var(--biz-brand-color) 8%, var(--theme-subtle-bg));
            border: 1px solid color-mix(in srgb, var(--biz-brand-color) 16%, transparent);
            padding: 3px 8px;
            border-radius: 7px;
        }

        .biz-hl-content p {
            margin: 0;
            font-family: 'Outfit', sans-serif;
            font-size: 13.5px;
            font-weight: 600;
            color: var(--theme-text-hero);
            line-height: 1.5;
            letter-spacing: -0.01em;
        }

        /* ==========================================================================
           MODERN EDITORIAL LAYOUT (INSPIRACIÓN MINIMALISTA MULTIMEDIA)
           ========================================================================== */
        .biz-modern-editorial-layout {
            display: grid;
            grid-template-columns: minmax(320px, 1.05fr) minmax(360px, 1.15fr);
            gap: clamp(36px, 5.5vw, 76px);
            align-items: center;
            position: relative;
            z-index: 1;
        }

        .biz-modern-editorial-layout.has-no-media {
            display: block;
            max-width: 860px;
            margin: 0 auto;
        }

        .biz-mosaic-card.is-single {
            width: 100%;
            height: clamp(260px, 30vw, 420px);
        }

        /* Columna Multimedia Izquierda */
        .biz-modern-editorial-media-col {
            position: relative;
            width: 100%;
        }

        .biz-editorial-mosaic {
            display: flex;
            flex-direction: column;
            gap: 16px;
            width: 100%;
        }

        .biz-mosaic-top-row {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 16px;
        }

        .biz-mosaic-card {
            position: relative;
            border-radius: 28px;
            overflow: hidden;
            background: var(--theme-card-bg, #FFFFFF);
            border: 1px solid var(--theme-card-border, rgba(226, 232, 240, 0.8));
            box-shadow: 0 16px 36px -12px rgba(0, 0, 0, 0.08);
            cursor: pointer;
            display: flex;
            transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.3s ease;
        }

        .biz-mosaic-card:hover {
            transform: translateY(-4px);
            border-color: color-mix(in srgb, var(--biz-brand-color) 45%, var(--theme-card-border));
            box-shadow: 0 24px 48px -12px color-mix(in srgb, var(--biz-brand-color) 25%, rgba(0, 0, 0, 0.16));
        }

        .biz-mosaic-card.is-portrait,
        .biz-mosaic-card.is-square {
            height: clamp(220px, 24vw, 310px);
        }

        .biz-mosaic-card.is-wide {
            width: 100%;
            height: clamp(160px, 17vw, 220px);
        }

        .biz-mosaic-card picture,
        .biz-mosaic-card .edge-optimized-picture,
        .biz-mosaic-img {
            width: 100% !important;
            height: 100% !important;
            display: block !important;
            flex: 1 1 100%;
        }

        .biz-mosaic-card img {
            width: 100% !important;
            height: 100% !important;
            aspect-ratio: auto !important;
            object-fit: cover !important;
            display: block !important;
            transition: transform 0.65s cubic-bezier(0.16, 1, 0.3, 1);
        }

        .biz-mosaic-card:hover img {
            transform: scale(1.06);
        }

        .biz-mosaic-glass-shimmer {
            position: absolute;
            inset: 0;
            pointer-events: none;
            background: linear-gradient(135deg, rgba(255, 255, 255, 0.16) 0%, transparent 60%);
            opacity: 0;
            transition: opacity 0.35s ease;
        }

        .biz-mosaic-card:hover .biz-mosaic-glass-shimmer {
            opacity: 1;
        }

        /* Columna Editorial Derecha */
        .biz-modern-editorial-content-col {
            display: flex;
            flex-direction: column;
            gap: 18px;
        }

        .biz-modern-editorial-headline {
            font-family: 'Outfit', -apple-system, sans-serif;
            font-size: clamp(30px, 3.2vw, 44px);
            font-weight: 800;
            line-height: 1.14;
            letter-spacing: -0.03em;
            color: var(--theme-text-hero, #0F172A);
            margin: 0;
        }

        .biz-modern-editorial-headline span {
            display: block;
            margin-top: 4px;
            color: var(--biz-brand-color);
            letter-spacing: -0.025em;
        }

        .biz-modern-editorial-lead {
            font-family: 'Outfit', -apple-system, sans-serif;
            font-size: 15.5px;
            font-weight: 500;
            line-height: 1.65;
            color: var(--theme-text-hero, #0F172A);
            margin: 0;
        }

        .biz-modern-editorial-narrative {
            position: relative;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
        }

        /* Fila Horizontal de Pastillas Circulares (Píldoras Iconográficas) */
        .biz-modern-features-row {
            display: flex;
            align-items: flex-start;
            gap: clamp(18px, 2.8vw, 36px);
            margin-top: 12px;
            padding-top: 24px;
            border-top: 1px solid var(--theme-card-border, rgba(226, 232, 240, 0.8));
            flex-wrap: wrap;
        }

        .biz-modern-feature-item {
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            gap: 10px;
            cursor: default;
            transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1);
        }

        .biz-modern-feature-item:hover {
            transform: translateY(-3px);
        }

        .biz-feature-circle-icon {
            width: 54px;
            height: 54px;
            border-radius: 50%;
            background: var(--theme-card-bg, #FFFFFF);
            border: 1px solid var(--theme-card-border, rgba(226, 232, 240, 0.85));
            box-shadow: 0 6px 16px -4px rgba(0, 0, 0, 0.06);
            color: var(--theme-text-hero, #1E293B);
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
        }

        .biz-feature-circle-icon svg {
            width: 22px;
            height: 22px;
            transition: transform 0.3s ease;
        }

        .biz-modern-feature-item:hover .biz-feature-circle-icon {
            border-color: var(--biz-brand-color);
            color: var(--biz-brand-color);
            box-shadow: 0 10px 24px -4px color-mix(in srgb, var(--biz-brand-color) 30%, transparent);
            transform: scale(1.08);
        }

        .biz-modern-feature-item:hover .biz-feature-circle-icon svg {
            transform: scale(1.1);
        }

        .biz-feature-circle-label {
            font-family: 'Outfit', -apple-system, sans-serif;
            font-size: 12px;
            font-weight: 700;
            color: var(--theme-text-secondary, #4B5563);
            letter-spacing: -0.01em;
            max-width: 95px;
            line-height: 1.25;
            text-align: center;
            transition: color 0.2s ease;
        }

        .biz-modern-feature-item:hover .biz-feature-circle-label {
            color: var(--theme-text-hero, #0F172A);
        }

        /* Responsividad para móviles y tablets */
        @media (max-width: 960px) {
            .biz-modern-editorial-layout {
                grid-template-columns: 1fr;
                gap: 36px;
            }

            .biz-modern-features-row {
                justify-content: flex-start;
                gap: 20px;
            }
        }

        @media (max-width: 520px) {
            .biz-mosaic-top-row {
                grid-template-columns: 1fr 1fr;
                gap: 10px;
            }

            .biz-editorial-mosaic {
                gap: 10px;
            }

            .biz-mosaic-card {
                border-radius: 20px;
            }

            .biz-mosaic-card.is-portrait,
            .biz-mosaic-card.is-square {
                height: 160px;
            }

            .biz-mosaic-card.is-wide {
                height: 130px;
            }

            .biz-modern-features-row {
                gap: 14px;
            }

            .biz-feature-circle-icon {
                width: 46px;
                height: 46px;
            }

            .biz-feature-circle-icon svg {
                width: 18px;
                height: 18px;
            }

            .biz-feature-circle-label {
                font-size: 11px;
                max-width: 75px;
            }
        }

        /* --------------------------------------------------------------------------
           BANDA 2: THE EXHIBITION / GALERÍA & INSTALACIONES (FULL-BLEED EDITORIAL)
           -------------------------------------------------------------------------- */
        .biz-gallery-section {
            background: color-mix(in srgb, var(--biz-brand-color) 1.5%, var(--bg-pure));
        }

        .biz-gallery-header-row {
            display: flex;
            align-items: flex-end;
            justify-content: space-between;
            gap: 24px;
            margin-bottom: 36px;
            flex-wrap: wrap;
        }

        .biz-gallery-title {
            font-family: 'Outfit', sans-serif;
            font-size: clamp(30px, 3.4vw, 44px);
            font-weight: 800;
            line-height: 1.12;
            letter-spacing: -0.025em;
            color: var(--theme-text-hero);
            margin: 0 0 10px 0;
        }

        .biz-gallery-subtitle {
            font-size: 14.5px;
            color: var(--theme-text-muted);
            margin: 0;
            max-width: 620px;
            line-height: 1.6;
        }

        .biz-gallery-counter-pill {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 8px 18px;
            border-radius: 9999px;
            background: var(--theme-card-bg);
            border: 1px solid var(--theme-card-border);
            font-family: 'Outfit', sans-serif;
            font-size: 12px;
            font-weight: 700;
            color: var(--theme-text-secondary);
            letter-spacing: 0.02em;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
        }

        /* ==========================================================================
           BANDA CARRUSEL BANNER ROTATORIO DE SUBPÁGINAS (INFINITO)
           ========================================================================== */
        .biz-subpages-band {
            background: color-mix(in srgb, var(--biz-brand-color) 1%, var(--bg-pure));
            padding-top: clamp(28px, 4vw, 48px);
            padding-bottom: clamp(28px, 4vw, 48px);
        }

        /* Cabecera más reducida y discreta que la de la galería */
        .biz-subpages-band .biz-gallery-header-row { margin-bottom: 20px; align-items: center; }
        .biz-subpages-band .biz-gallery-title {
            font-size: clamp(19px, 2.1vw, 27px);
            font-weight: 700;
            letter-spacing: -0.015em;
            opacity: 0.92;
            margin-bottom: 4px;
        }
        .biz-subpages-band .biz-gallery-subtitle {
            font-size: 13px;
            max-width: 520px;
            opacity: 0.8;
        }
        .biz-subpages-band .biz-gallery-counter-pill {
            font-size: 11px;
            padding: 6px 14px;
            opacity: 0.85;
            box-shadow: none;
        }

        .biz-sp-carousel {
            position: relative;
            width: 100%;
        }

        .biz-sp-viewport {
            position: relative;
            width: 100%;
            aspect-ratio: 16 / 5;
            min-height: 190px;
            max-height: 300px;
            border-radius: 16px;
            overflow: hidden;
            background: var(--theme-card-bg, #0f172a);
            border: 1px solid var(--theme-card-border, rgba(148, 163, 184, 0.2));
            box-shadow: 0 6px 22px -14px rgba(0, 0, 0, 0.35);
        }

        .biz-sp-track {
            position: absolute;
            inset: 0;
            margin: 0;
            padding: 0;
            list-style: none;
        }

        .biz-sp-slide {
            position: absolute;
            inset: 0;
            display: block;
            text-decoration: none;
            opacity: 0;
            visibility: hidden;
            transform: scale(1.04);
            transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1), transform 0.9s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.7s;
            z-index: 1;
        }

        .biz-sp-slide.is-active {
            opacity: 1;
            visibility: visible;
            transform: scale(1);
            z-index: 2;
        }

        .biz-sp-slide-media {
            position: absolute;
            inset: 0;
            overflow: hidden;
            background: linear-gradient(135deg,
                color-mix(in srgb, var(--biz-brand-color) 34%, #0b1220),
                color-mix(in srgb, var(--biz-brand-color) 14%, #0b1220));
        }

        .biz-sp-slide-img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
            /* Portada difusa: desenfoque fuerte + atenuada para que solo aporte textura */
            transform: scale(1.2);
            filter: blur(16px) saturate(0.78) brightness(0.6) contrast(0.95);
            opacity: 0.55;
            transition: transform 9s ease-out, filter 0.7s ease, opacity 0.7s ease;
        }

        .biz-sp-slide.is-active .biz-sp-slide-img {
            transform: scale(1.28);
        }

        .biz-sp-slide-overlay {
            position: absolute;
            inset: 0;
            z-index: 1;
            background:
                linear-gradient(90deg, rgba(6, 10, 22, 0.74) 0%, rgba(6, 10, 22, 0.44) 58%, rgba(6, 10, 22, 0.34) 100%),
                linear-gradient(0deg, rgba(6, 10, 22, 0.62) 0%, rgba(6, 10, 22, 0.12) 72%);
        }

        .biz-sp-slide-content {
            position: absolute;
            left: 0;
            bottom: 0;
            z-index: 2;
            padding: clamp(18px, 3vw, 30px);
            max-width: min(600px, 88%);
            color: #fff;
        }

        .biz-sp-slide-kicker {
            display: inline-block;
            font-family: 'Outfit', sans-serif;
            font-size: 10px;
            font-weight: 700;
            letter-spacing: 0.18em;
            text-transform: uppercase;
            color: color-mix(in srgb, var(--biz-brand-color) 55%, rgba(255, 255, 255, 0.75));
            background: none;
            border: 0;
            padding: 0;
            margin-bottom: 7px;
        }

        .biz-sp-slide-title {
            font-family: 'Outfit', sans-serif;
            font-size: clamp(19px, 2.3vw, 29px);
            font-weight: 700;
            line-height: 1.12;
            letter-spacing: -0.015em;
            margin: 0 0 5px 0;
            color: rgba(255, 255, 255, 0.96);
            text-shadow: 0 1px 14px rgba(0, 0, 0, 0.3);
        }

        .biz-sp-slide-sub {
            font-size: clamp(12.5px, 1.15vw, 14px);
            line-height: 1.5;
            color: rgba(255, 255, 255, 0.68);
            margin: 0 0 12px 0;
        }

        .biz-sp-slide-cta {
            display: inline-flex;
            align-items: center;
            gap: 7px;
            font-family: 'Outfit', sans-serif;
            font-size: 12.5px;
            font-weight: 600;
            letter-spacing: 0.01em;
            color: rgba(255, 255, 255, 0.9);
            background: rgba(255, 255, 255, 0.07);
            border: 1px solid rgba(255, 255, 255, 0.18);
            padding: 7px 15px;
            border-radius: 9999px;
            backdrop-filter: blur(8px);
            transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), background 0.3s ease, border-color 0.3s ease;
        }

        .biz-sp-slide:hover .biz-sp-slide-cta,
        .biz-sp-slide:focus-visible .biz-sp-slide-cta {
            transform: translateX(3px);
            background: color-mix(in srgb, var(--biz-brand-color) 45%, rgba(255, 255, 255, 0.1));
            border-color: color-mix(in srgb, var(--biz-brand-color) 55%, rgba(255, 255, 255, 0.28));
        }

        .biz-sp-controls {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 14px;
            margin-top: 14px;
        }

        .biz-sp-dots {
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .biz-sp-dot {
            width: 7px;
            height: 7px;
            padding: 0;
            border: 0;
            border-radius: 9999px;
            background: color-mix(in srgb, var(--theme-text-muted, #64748b) 45%, transparent);
            cursor: pointer;
            transition: width 0.35s cubic-bezier(0.16, 1, 0.3, 1), background 0.35s ease, transform 0.2s ease;
        }

        .biz-sp-dot:hover {
            transform: scale(1.2);
            background: color-mix(in srgb, var(--biz-brand-color) 60%, transparent);
        }

        .biz-sp-dot.is-active {
            width: 20px;
            background: color-mix(in srgb, var(--biz-brand-color) 80%, var(--theme-text-muted));
        }

        .biz-sp-arrow {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 30px;
            height: 30px;
            padding: 0;
            border-radius: 9999px;
            border: 1px solid var(--theme-card-border, rgba(148, 163, 184, 0.28));
            background: transparent;
            color: var(--theme-text-secondary, #94a3b8);
            cursor: pointer;
            opacity: 0.7;
            transition: transform 0.25s ease, border-color 0.25s ease, color 0.25s ease, opacity 0.25s ease;
        }

        .biz-sp-arrow:hover {
            transform: scale(1.06);
            color: var(--theme-text-hero, #fff);
            opacity: 1;
            border-color: color-mix(in srgb, var(--biz-brand-color) 55%, var(--theme-card-border));
        }

        .biz-sp-arrow:active { transform: scale(0.96); }

        @media (max-width: 760px) {
            .biz-sp-viewport {
                aspect-ratio: auto;
                min-height: 210px;
                max-height: 250px;
            }
            .biz-sp-slide-overlay {
                background:
                    linear-gradient(0deg, rgba(6, 10, 22, 0.82) 0%, rgba(6, 10, 22, 0.4) 58%, rgba(6, 10, 22, 0.24) 100%);
            }
            .biz-sp-slide-content {
                max-width: 100%;
            }
            .biz-sp-slide-sub { display: none; }
        }

        @media (prefers-reduced-motion: reduce) {
            .biz-sp-slide, .biz-sp-slide-img { transition: none; }
            .biz-sp-slide.is-active .biz-sp-slide-img { transform: scale(1.2); }
        }

        /* ==========================================================================
           MURO EDITORIAL MASONRY MULTI-COLUMNAS (ADAPTATIVO POR CANTIDAD Y RESPONSIVE)
           ========================================================================== */
        .biz-masonry-gallery {
            width: 100%;
            margin-top: 14px;
            box-sizing: border-box;
            /* Default fallback */
            column-count: 4;
            column-gap: 16px;
        }

        /* REGLAS BASE DE LAS TARJETAS */
        .biz-masonry-card {
            border-radius: 18px;
            overflow: hidden;
            position: relative;
            background: var(--theme-card-bg, #FFFFFF);
            border: 1px solid var(--theme-card-border, rgba(226, 232, 240, 0.8));
            box-shadow: 0 8px 24px -6px rgba(0, 0, 0, 0.08);
            cursor: pointer;
            display: block;
            transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.3s ease;
        }

        .biz-masonry-card:hover {
            transform: translateY(-4px) scale(1.015);
            border-color: color-mix(in srgb, var(--biz-brand-color) 45%, var(--theme-card-border));
            box-shadow: 0 20px 42px -10px color-mix(in srgb, var(--biz-brand-color) 25%, rgba(0, 0, 0, 0.18));
        }

        .biz-masonry-media-wrap {
            position: relative;
            width: 100%;
            overflow: hidden;
            display: block;
            background: var(--theme-card-bg, #FFFFFF);
        }

        .biz-masonry-media-wrap picture,
        .biz-masonry-media-wrap .edge-optimized-picture {
            width: 100% !important;
            height: 100% !important;
            display: block !important;
        }

        .biz-masonry-img {
            width: 100% !important;
            height: 100% !important;
            object-fit: cover !important;
            display: block !important;
            transition: transform 0.65s cubic-bezier(0.16, 1, 0.3, 1);
        }

        .biz-masonry-card:hover .biz-masonry-img {
            transform: scale(1.06);
        }

        .biz-masonry-glass-shimmer {
            position: absolute;
            inset: 0;
            pointer-events: none;
            background: linear-gradient(135deg, rgba(255, 255, 255, 0.16) 0%, transparent 60%);
            opacity: 0;
            transition: opacity 0.35s ease;
        }

        .biz-masonry-card:hover .biz-masonry-glass-shimmer {
            opacity: 1;
        }

        .biz-masonry-zoom-badge {
            position: absolute;
            top: 12px;
            right: 12px;
            width: 34px;
            height: 34px;
            border-radius: 50%;
            background: rgba(15, 23, 42, 0.65);
            backdrop-filter: blur(8px);
            -webkit-backdrop-filter: blur(8px);
            border: 1px solid rgba(255, 255, 255, 0.35);
            color: #FFFFFF;
            display: flex;
            align-items: center;
            justify-content: center;
            opacity: 0;
            transform: scale(0.85);
            transition: opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1), transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
            pointer-events: none;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
            z-index: 2;
        }

        .biz-masonry-card:hover .biz-masonry-zoom-badge {
            opacity: 1;
            transform: scale(1);
        }

        /* Proporciones rítmicas inspiradas en la imagen de referencia */
        .biz-masonry-card.is-tall .biz-masonry-img {
            aspect-ratio: 3 / 4.2 !important;
        }
        .biz-masonry-card.is-portrait .biz-masonry-img {
            aspect-ratio: 4 / 5 !important;
        }
        .biz-masonry-card.is-square .biz-masonry-img {
            aspect-ratio: 1 / 1 !important;
        }
        .biz-masonry-card.is-wide .biz-masonry-img {
            aspect-ratio: 16 / 10 !important;
        }

        /* --------------------------------------------------------------------------
           COMPOSICIÓN DINÁMICA SEGÚN CANTIDAD EXACTA DE IMÁGENES (1 A 10 FOTOS)
           -------------------------------------------------------------------------- */

        /* 1 IMAGEN: Gran Vitrina Panorámica Centrada */
        .biz-masonry-gallery.count-1 {
            display: block;
            max-width: 980px;
            margin-left: auto;
            margin-right: auto;
            column-count: initial;
        }
        .biz-masonry-gallery.count-1 .biz-masonry-card {
            margin-bottom: 0;
        }
        .biz-masonry-gallery.count-1 .biz-masonry-img {
            aspect-ratio: 16 / 9 !important;
            max-height: 520px;
        }

        /* 2 IMÁGENES: 2 Columnas de Ancho Completo (50% / 50%) */
        .biz-masonry-gallery.count-2 {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 16px;
            column-count: initial;
        }
        .biz-masonry-gallery.count-2 .biz-masonry-card {
            margin-bottom: 0;
        }
        .biz-masonry-gallery.count-2 .biz-masonry-img {
            aspect-ratio: 16 / 10 !important;
        }

        /* 3 IMÁGENES: 3 Columnas Armónicas */
        .biz-masonry-gallery.count-3 {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 16px;
            column-count: initial;
        }
        .biz-masonry-gallery.count-3 .biz-masonry-card {
            margin-bottom: 0;
        }
        .biz-masonry-gallery.count-3 .biz-masonry-img {
            aspect-ratio: 4 / 5 !important;
        }

        /* 4 IMÁGENES: 4 Columnas en Desktop, 2x2 en Tablet/Móvil */
        .biz-masonry-gallery.count-4 {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 16px;
            column-count: initial;
        }
        .biz-masonry-gallery.count-4 .biz-masonry-card {
            margin-bottom: 0;
        }
        .biz-masonry-gallery.count-4 .biz-masonry-img {
            aspect-ratio: 3 / 4 !important;
        }

        /* 5 IMÁGENES: Composición Editorial en 2 Filas (2 arriba 50%, 3 abajo 33%) */
        .biz-masonry-gallery.count-5 {
            display: grid;
            grid-template-columns: repeat(6, 1fr);
            gap: 16px;
            column-count: initial;
        }
        .biz-masonry-gallery.count-5 .biz-masonry-card {
            margin-bottom: 0;
        }
        .biz-masonry-gallery.count-5 .biz-masonry-card:nth-child(1),
        .biz-masonry-gallery.count-5 .biz-masonry-card:nth-child(2) {
            grid-column: span 3;
        }
        .biz-masonry-gallery.count-5 .biz-masonry-card:nth-child(1) .biz-masonry-img,
        .biz-masonry-gallery.count-5 .biz-masonry-card:nth-child(2) .biz-masonry-img {
            aspect-ratio: 16 / 10 !important;
        }
        .biz-masonry-gallery.count-5 .biz-masonry-card:nth-child(3),
        .biz-masonry-gallery.count-5 .biz-masonry-card:nth-child(4),
        .biz-masonry-gallery.count-5 .biz-masonry-card:nth-child(5) {
            grid-column: span 2;
        }
        .biz-masonry-gallery.count-5 .biz-masonry-card:nth-child(3) .biz-masonry-img,
        .biz-masonry-gallery.count-5 .biz-masonry-card:nth-child(4) .biz-masonry-img,
        .biz-masonry-gallery.count-5 .biz-masonry-card:nth-child(5) .biz-masonry-img {
            aspect-ratio: 4 / 3 !important;
        }

        /* 6 IMÁGENES: Muro Masonry de 3 Columnas (2 fotos por columna, exactamente balanceado) */
        .biz-masonry-gallery.count-6 {
            column-count: 3;
            column-gap: 16px;
        }
        .biz-masonry-gallery.count-6 .biz-masonry-card {
            break-inside: avoid;
            margin-bottom: 16px;
        }

        /* 7 IMÁGENES: Muro Masonry de 3 Columnas */
        .biz-masonry-gallery.count-7 {
            column-count: 3;
            column-gap: 16px;
        }
        .biz-masonry-gallery.count-7 .biz-masonry-card {
            break-inside: avoid;
            margin-bottom: 16px;
        }

        /* 8, 9 Y 10 IMÁGENES: Muro Editorial de 4 Columnas (Inspiración de la referencia) */
        .biz-masonry-gallery.count-8,
        .biz-masonry-gallery.count-9,
        .biz-masonry-gallery.count-10 {
            column-count: 4;
            column-gap: 16px;
        }
        .biz-masonry-gallery.count-8 .biz-masonry-card,
        .biz-masonry-gallery.count-9 .biz-masonry-card,
        .biz-masonry-gallery.count-10 .biz-masonry-card {
            break-inside: avoid;
            margin-bottom: 16px;
        }

        /* --------------------------------------------------------------------------
           MEDIA QUERIES RESPONSIVE (TABLETS Y MÓVILES)
           -------------------------------------------------------------------------- */
        @media (max-width: 1100px) {
            .biz-masonry-gallery.count-8,
            .biz-masonry-gallery.count-9,
            .biz-masonry-gallery.count-10 {
                column-count: 3;
                column-gap: 14px;
            }
            .biz-masonry-gallery.count-4 {
                grid-template-columns: repeat(2, 1fr);
                gap: 14px;
            }
            .biz-masonry-gallery.count-4 .biz-masonry-img {
                aspect-ratio: 4 / 3 !important;
            }
        }

        @media (max-width: 860px) {
            .biz-masonry-gallery.count-3 {
                grid-template-columns: repeat(2, 1fr);
                gap: 12px;
            }
            .biz-masonry-gallery.count-3 .biz-masonry-card:nth-child(1) {
                grid-column: span 2;
            }
            .biz-masonry-gallery.count-3 .biz-masonry-card:nth-child(1) .biz-masonry-img {
                aspect-ratio: 16 / 9 !important;
            }

            .biz-masonry-gallery.count-5 {
                grid-template-columns: repeat(2, 1fr);
                gap: 12px;
            }
            .biz-masonry-gallery.count-5 .biz-masonry-card:nth-child(1) {
                grid-column: span 2;
            }
            .biz-masonry-gallery.count-5 .biz-masonry-card:nth-child(1) .biz-masonry-img {
                aspect-ratio: 16 / 9 !important;
            }
            .biz-masonry-gallery.count-5 .biz-masonry-card:nth-child(2),
            .biz-masonry-gallery.count-5 .biz-masonry-card:nth-child(3),
            .biz-masonry-gallery.count-5 .biz-masonry-card:nth-child(4),
            .biz-masonry-gallery.count-5 .biz-masonry-card:nth-child(5) {
                grid-column: span 1;
            }
            .biz-masonry-gallery.count-5 .biz-masonry-card:nth-child(2) .biz-masonry-img,
            .biz-masonry-gallery.count-5 .biz-masonry-card:nth-child(3) .biz-masonry-img,
            .biz-masonry-gallery.count-5 .biz-masonry-card:nth-child(4) .biz-masonry-img,
            .biz-masonry-gallery.count-5 .biz-masonry-card:nth-child(5) .biz-masonry-img {
                aspect-ratio: 1 / 1 !important;
            }

            .biz-masonry-gallery.count-6,
            .biz-masonry-gallery.count-7,
            .biz-masonry-gallery.count-8,
            .biz-masonry-gallery.count-9,
            .biz-masonry-gallery.count-10 {
                column-count: 2;
                column-gap: 12px;
            }
            .biz-masonry-gallery.count-6 .biz-masonry-card,
            .biz-masonry-gallery.count-7 .biz-masonry-card,
            .biz-masonry-gallery.count-8 .biz-masonry-card,
            .biz-masonry-gallery.count-9 .biz-masonry-card,
            .biz-masonry-gallery.count-10 .biz-masonry-card {
                margin-bottom: 12px;
            }
        }

        @media (max-width: 600px) {
            .biz-masonry-gallery {
                margin-top: 10px;
            }
            .biz-masonry-card {
                border-radius: 14px;
            }
            .biz-masonry-zoom-badge {
                width: 28px;
                height: 28px;
                top: 8px;
                right: 8px;
            }
            .biz-masonry-zoom-badge svg {
                width: 14px;
                height: 14px;
            }

            .biz-masonry-gallery.count-2 {
                grid-template-columns: repeat(2, 1fr);
                gap: 10px;
            }
            .biz-masonry-gallery.count-4 {
                gap: 10px;
            }
            .biz-masonry-gallery.count-6,
            .biz-masonry-gallery.count-7,
            .biz-masonry-gallery.count-8,
            .biz-masonry-gallery.count-9,
            .biz-masonry-gallery.count-10 {
                column-count: 2;
                column-gap: 10px;
            }
            .biz-masonry-gallery.count-6 .biz-masonry-card,
            .biz-masonry-gallery.count-7 .biz-masonry-card,
            .biz-masonry-gallery.count-8 .biz-masonry-card,
            .biz-masonry-gallery.count-9 .biz-masonry-card,
            .biz-masonry-gallery.count-10 .biz-masonry-card {
                margin-bottom: 10px;
            }
        }

        @media (max-width: 420px) {
            .biz-masonry-gallery.count-2 {
                grid-template-columns: 1fr;
            }
        }



        /* --------------------------------------------------------------------------
           BANDA 3: THE DIGITAL KEY / LLAVE PASS WALLET (APPLE & GOOGLE WALLET)
           -------------------------------------------------------------------------- */
        .biz-wallet-band {
            --biz-wallet-stage-bg: #070B16;
            background: radial-gradient(circle at 50% -10%, color-mix(in srgb, var(--biz-brand-color) 20%, #070B16) 0%, #040710 100%);
            padding: clamp(64px, 8vw, 110px) 0;
            position: relative;
            overflow: hidden;
        }

        .biz-wallet-band::before {
            content: '';
            position: absolute;
            top: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 1000px;
            height: 480px;
            background: radial-gradient(ellipse at center, color-mix(in srgb, var(--biz-brand-color) 24%, transparent) 0%, transparent 70%);
            pointer-events: none;
            filter: blur(60px);
            z-index: 0;
        }

        .biz-wallet-editorial-suite {
            background: linear-gradient(180deg, #FFFFFF 0%, #F5F9FF 55%, #EAF3FE 100%);
            border: 1.5px solid rgba(255, 255, 255, 0.95);
            border-radius: 34px;
            padding: clamp(52px, 6vw, 76px) clamp(24px, 5vw, 64px) clamp(36px, 5vw, 54px);
            box-shadow: 0 45px 120px -25px rgba(0, 0, 0, 0.75), 
                        0 0 50px -10px color-mix(in srgb, var(--biz-brand-color) 32%, transparent),
                        inset 0 1px 0 rgba(255, 255, 255, 1);
            position: relative;
            overflow: visible;
            max-width: 920px;
            margin: 0 auto;
            z-index: 1;
        }

        /* Pestaña / Notch Curvado Superior (Fiel al diseño de Imagen 2) */
        .biz-wallet-top-notch {
            position: absolute;
            top: -1px;
            left: 50%;
            transform: translateX(-50%);
            width: 140px;
            height: 28px;
            pointer-events: none;
            z-index: 6;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .biz-wallet-notch-svg {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            fill: var(--biz-wallet-stage-bg, #070B16);
        }

        .biz-wallet-notch-chevron {
            position: relative;
            z-index: 7;
            color: var(--biz-brand-color, #0F5BFF);
            margin-top: -6px;
            display: flex;
            align-items: center;
            justify-content: center;
            filter: drop-shadow(0 2px 6px rgba(15, 91, 255, 0.6));
            animation: biz-notch-bounce 2.6s ease-in-out infinite;
        }

        @keyframes biz-notch-bounce {
            0%, 100% { transform: translateY(0); opacity: 0.85; }
            50% { transform: translateY(3px); opacity: 1; }
        }

        .biz-wallet-suite-grid.has-vip-perk {
            display: grid;
            grid-template-columns: minmax(320px, 0.95fr) minmax(380px, 1.05fr);
            gap: clamp(36px, 5vw, 72px);
            align-items: center;
        }

        .biz-wallet-suite-grid.standard-wallet {
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            max-width: 820px;
            margin: 0 auto;
        }

        /* Tarjeta 3D Privilege Member Pass */
        .biz-vip-pass-card-3d {
            perspective: 1000px;
            width: 100%;
        }

        .biz-vip-card-inner {
            background: linear-gradient(135deg, #0F172A 0%, #1E293B 50%, #0F172A 100%);
            border: 1.5px solid rgba(255, 215, 0, 0.35);
            border-radius: 26px;
            padding: 32px 30px;
            color: #FFFFFF;
            position: relative;
            overflow: hidden;
            box-shadow: 0 24px 60px -12px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.08) inset;
            transform-style: preserve-3d;
            transition: transform 0.4s ease;
        }

        .biz-vip-card-inner:hover {
            transform: rotateY(-3deg) rotateX(2deg) translateY(-4px);
        }

        .biz-vip-card-glare {
            position: absolute;
            top: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
            background: linear-gradient(135deg, rgba(255, 255, 255, 0.15) 0%, transparent 40%, rgba(255, 215, 0, 0.08) 60%, transparent 100%);
            pointer-events: none;
            transform: rotate(25deg);
        }

        .biz-vip-card-top {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 28px;
        }

        .biz-vip-card-emblem {
            width: 44px;
            height: 44px;
            border-radius: 12px;
            background: linear-gradient(135deg, #F59E0B, #D97706);
            color: #FFFFFF;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 6px 18px rgba(245, 158, 11, 0.4);
        }

        .biz-vip-card-badge {
            font-family: 'Outfit', sans-serif;
            font-size: 10.5px;
            font-weight: 800;
            letter-spacing: 0.16em;
            color: #FCD34D;
            background: rgba(245, 158, 11, 0.15);
            border: 1px solid rgba(245, 158, 11, 0.4);
            padding: 5px 12px;
            border-radius: 9999px;
        }

        .biz-vip-card-body {
            margin-bottom: 32px;
        }

        .biz-vip-card-title {
            font-family: 'Outfit', sans-serif;
            font-size: 24px;
            font-weight: 800;
            color: #FFFFFF;
            line-height: 1.25;
            margin-bottom: 8px;
            letter-spacing: -0.01em;
        }

        .biz-vip-card-desc {
            font-size: 13.5px;
            color: #94A3B8;
            line-height: 1.55;
            margin: 0;
        }

        .biz-vip-card-foot {
            display: flex;
            align-items: flex-end;
            justify-content: space-between;
            padding-top: 20px;
            border-top: 1px solid rgba(255, 255, 255, 0.1);
        }

        .biz-vip-card-label {
            font-family: 'Outfit', sans-serif;
            font-size: 9.5px;
            font-weight: 800;
            letter-spacing: 0.14em;
            color: #64748B;
            text-transform: uppercase;
            margin-bottom: 4px;
        }

        .biz-vip-card-biz {
            font-family: 'Outfit', sans-serif;
            font-size: 13px;
            font-weight: 700;
            color: #E2E8F0;
        }

        .biz-vip-card-code {
            font-family: 'SF Mono', Menlo, Monaco, Consolas, monospace;
            font-size: 14px;
            font-weight: 800;
            color: #FCD34D;
            letter-spacing: 0.08em;
            background: rgba(0, 0, 0, 0.4);
            padding: 4px 10px;
            border-radius: 8px;
            border: 1px solid rgba(255, 215, 0, 0.25);
        }

        /* Consola de Acceso (Inspirado en Imagen 2: Alto Contraste y Tipografía Esculpida) */
        .biz-wallet-console-box {
            display: flex;
            flex-direction: column;
            gap: 22px;
            width: 100%;
            align-items: center;
            text-align: center;
        }

        .biz-wallet-console-title {
            font-family: 'Outfit', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
            font-size: clamp(28px, 3.5vw, 42px);
            font-weight: 900;
            line-height: 1.15;
            letter-spacing: -0.035em;
            color: #0A0F1D;
            text-align: center;
            margin: 0;
            max-width: 780px;
        }

        .biz-wallet-title-highlight {
            background: linear-gradient(135deg, var(--biz-brand-color, #0F5BFF) 0%, #38BDF8 100%);
            -webkit-background-clip: text;
            background-clip: text;
            -webkit-text-fill-color: transparent;
            color: transparent;
            display: inline-block;
        }

        .biz-wallet-console-desc {
            font-size: 15.5px;
            color: #475569;
            line-height: 1.65;
            margin: 0 auto;
            max-width: 680px;
            text-align: center;
        }

        /* Radar Telemetría Geofence (Diseño Elevado y Animado) */
        .biz-wallet-geofence-card {
            background: #FFFFFF;
            border: 1.5px solid color-mix(in srgb, var(--biz-brand-color) 24%, rgba(203, 213, 225, 0.7));
            border-radius: 18px;
            padding: 12px 18px;
            display: flex;
            align-items: center;
            gap: 14px;
            max-width: 680px;
            width: 100%;
            margin: 2px auto 0 auto;
            box-shadow: 0 10px 28px -10px rgba(15, 91, 255, 0.16), 0 2px 6px rgba(0, 0, 0, 0.04);
            text-align: left;
            position: relative;
            overflow: hidden;
            box-sizing: border-box;
        }

        .biz-wallet-geofence-radar {
            position: relative;
            width: 40px;
            height: 40px;
            border-radius: 12px;
            background: color-mix(in srgb, var(--biz-brand-color) 12%, #EFF6FF);
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
            color: var(--biz-brand-color);
        }

        .biz-wallet-radar-ping {
            position: absolute;
            inset: -4px;
            border-radius: 16px;
            border: 1.5px solid var(--biz-brand-color);
            opacity: 0;
            animation: biz-radar-pulse 2.2s cubic-bezier(0.24, 0, 0.38, 1) infinite;
        }

        @keyframes biz-radar-pulse {
            0% { transform: scale(0.85); opacity: 0.8; }
            70% { transform: scale(1.35); opacity: 0; }
            100% { transform: scale(1.4); opacity: 0; }
        }

        .biz-wallet-geofence-body {
            display: flex;
            flex-direction: column;
            gap: 3px;
            flex: 1;
        }

        .biz-wallet-geofence-badge {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            font-size: 10.5px;
            font-weight: 800;
            letter-spacing: 0.08em;
            text-transform: uppercase;
            color: var(--biz-brand-color);
        }

        .biz-wallet-pulse-beacon {
            width: 7px;
            height: 7px;
            border-radius: 50%;
            background: var(--biz-brand-color);
            box-shadow: 0 0 8px var(--biz-brand-color);
            animation: biz-beacon-blink 1.8s ease-in-out infinite;
        }

        @keyframes biz-beacon-blink {
            0%, 100% { opacity: 1; transform: scale(1); }
            50% { opacity: 0.4; transform: scale(0.8); }
        }

        .biz-wallet-geofence-text {
            font-size: 13px;
            color: #334155;
            line-height: 1.45;
        }

        .biz-wallet-geofence-text strong {
            color: #0F172A;
        }

        /* Trio de Beneficios en Píldoras Horizontales Limpias */
        .biz-wallet-features-trio {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
            flex-wrap: wrap;
            margin: 4px 0 2px 0;
            width: 100%;
        }

        .biz-wallet-feature-pill {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 8px 16px;
            border-radius: 999px;
            background: rgba(255, 255, 255, 0.9);
            border: 1px solid rgba(203, 213, 225, 0.75);
            font-size: 12.5px;
            font-weight: 700;
            color: #1E293B;
            box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03);
            backdrop-filter: blur(8px);
            transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
        }

        .biz-wallet-feature-pill:hover {
            transform: translateY(-2px);
            border-color: var(--biz-brand-color);
            box-shadow: 0 6px 16px rgba(0, 0, 0, 0.06);
        }

        .biz-wallet-pill-icon {
            width: 22px;
            height: 22px;
            border-radius: 50%;
            background: color-mix(in srgb, var(--biz-brand-color) 14%, transparent);
            color: var(--biz-brand-color);
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
        }

        /* Botones de Alta Gama Apple & Google Wallet */
        .biz-wallet-btns-flex {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 14px;
            flex-wrap: wrap;
            margin-top: 8px;
            width: 100%;
        }

        .biz-btn-apple-wallet-ed,
        .biz-btn-google-wallet-ed {
            display: inline-flex;
            align-items: center;
            gap: 14px;
            padding: 12px 24px;
            border-radius: 18px;
            cursor: pointer;
            text-decoration: none;
            transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
            border: 1px solid transparent;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
        }

        .biz-btn-apple-wallet-ed {
            background: #000000;
            color: #FFFFFF;
            box-shadow: 0 10px 24px -6px rgba(0, 0, 0, 0.4);
            border: 1px solid rgba(255, 255, 255, 0.2);
        }

        .biz-btn-apple-wallet-ed:hover {
            transform: translateY(-2px);
            box-shadow: 0 16px 32px -6px rgba(0, 0, 0, 0.55);
            background: #111111;
        }

        .biz-btn-google-wallet-ed {
            background: #FFFFFF;
            color: #1F2937;
            box-shadow: 0 10px 24px -6px rgba(0, 0, 0, 0.12);
            border: 1px solid #D1D5DB;
        }

        .biz-btn-google-wallet-ed:hover {
            transform: translateY(-2px);
            box-shadow: 0 16px 32px -6px rgba(0, 0, 0, 0.18);
            background: #F9FAFB;
        }

        .biz-wallet-btn-label {
            display: flex;
            flex-direction: column;
            text-align: left;
            line-height: 1.15;
        }

        .biz-wallet-btn-sub {
            font-size: 10px;
            letter-spacing: 0.04em;
            text-transform: uppercase;
            opacity: 0.75;
        }

        .biz-wallet-btn-main {
            font-size: 15px;
            font-weight: 700;
            letter-spacing: -0.01em;
        }

        .biz-wallet-verified-foot {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            font-size: 12px;
            font-weight: 600;
            color: #64748B;
            margin-top: 4px;
            text-align: center;
            width: 100%;
        }

        .biz-wallet-verified-foot svg {
            color: #16A34A;
            flex-shrink: 0;
        }

        @media (max-width: 680px) {
            .biz-wallet-editorial-suite {
                padding: 44px 20px 28px 20px;
                border-radius: 26px;
            }
            .biz-wallet-top-notch {
                width: 120px;
                height: 24px;
            }
            .biz-wallet-geofence-card {
                flex-direction: column;
                align-items: flex-start;
                gap: 10px;
                padding: 14px 16px;
            }
            .biz-wallet-features-trio {
                flex-direction: column;
                width: 100%;
            }
            .biz-wallet-feature-pill {
                width: 100%;
                justify-content: center;
                box-sizing: border-box;
            }
            .biz-wallet-btns-flex {
                flex-direction: column;
                width: 100%;
            }
            .biz-btn-apple-wallet-ed,
            .biz-btn-google-wallet-ed {
                width: 100%;
                justify-content: center;
                box-sizing: border-box;
            }
        }

        /* --------------------------------------------------------------------------
           BANDA 4: COORDENADAS & CONCIERGE (ASIMÉTRICA KINFOLK ATELIER SUITE)
           -------------------------------------------------------------------------- */
        .biz-concierge-section {
            background: var(--bg-pure);
        }

        .biz-concierge-grid {
            display: grid;
            grid-template-columns: minmax(360px, 1.2fr) minmax(320px, 0.8fr);
            gap: clamp(36px, 5vw, 64px);
            align-items: start;
        }

        .biz-concierge-main-card {
            background: var(--theme-card-bg);
            border: 1px solid var(--theme-card-border);
            border-radius: 32px;
            padding: clamp(28px, 4.5vw, 48px);
            box-shadow: 0 20px 50px -14px rgba(0, 0, 0, 0.08);
            display: flex;
            flex-direction: column;
            gap: 24px;
        }

        .biz-concierge-title {
            font-family: 'Outfit', sans-serif;
            font-size: clamp(28px, 3.2vw, 40px);
            font-weight: 800;
            line-height: 1.12;
            letter-spacing: -0.025em;
            color: var(--theme-text-hero);
            margin: 0;
        }

        .biz-concierge-subtitle {
            font-size: 14.5px;
            color: var(--theme-text-muted);
            line-height: 1.6;
            margin: 0;
        }

        /* Coordenadas Físicas */
        .biz-coordinates-row {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 20px;
            padding: 22px;
            background: var(--theme-subtle-bg);
            border: 1px solid var(--theme-card-border);
            border-radius: 22px;
        }

        .biz-coord-block {
            display: flex;
            align-items: flex-start;
            gap: 14px;
        }

        .biz-coord-icon {
            width: 38px;
            height: 38px;
            border-radius: 11px;
            background: var(--biz-brand-color);
            color: #FFFFFF;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
            box-shadow: 0 4px 12px color-mix(in srgb, var(--biz-brand-color) 35%, transparent);
        }

        .biz-coord-data {
            display: flex;
            flex-direction: column;
            gap: 3px;
        }

        .biz-coord-label {
            font-family: 'Outfit', sans-serif;
            font-size: 11px;
            font-weight: 800;
            letter-spacing: 0.12em;
            text-transform: uppercase;
            color: var(--theme-text-muted);
        }

        .biz-coord-val {
            font-size: 14px;
            font-weight: 700;
            color: var(--theme-text-hero);
            line-height: 1.4;
        }

        .biz-coord-map-link {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            font-size: 12px;
            font-weight: 700;
            color: var(--biz-brand-color);
            text-decoration: none;
            margin-top: 4px;
            transition: transform 0.2s ease;
        }

        .biz-coord-map-link:hover {
            transform: translateX(3px);
        }

        .biz-coord-status-tag {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            font-size: 11.5px;
            font-weight: 600;
            color: #16A34A;
            margin-top: 3px;
        }

        .biz-status-dot-sm {
            width: 6.5px;
            height: 6.5px;
            border-radius: 50%;
            background: #22C55E;
            box-shadow: 0 0 8px rgba(34, 197, 94, 0.7);
        }

        /* Canales de Conserjería */
        .biz-concierge-channels-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 1fr));
            gap: 16px;
        }

        .biz-channel-card {
            background: var(--theme-subtle-bg);
            border: 1px solid var(--theme-card-border);
            border-radius: 20px;
            padding: 18px 20px;
            display: flex;
            align-items: center;
            gap: 16px;
            text-decoration: none;
            cursor: pointer;
            transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
            text-align: left;
        }

        .biz-channel-card:hover {
            transform: translateY(-2px);
            border-color: color-mix(in srgb, var(--biz-brand-color) 45%, var(--theme-card-border));
            box-shadow: 0 12px 28px -8px rgba(0, 0, 0, 0.1);
        }

        /* CANAL DE CONVERSIÓN PRIMARIA (10% NEUROCONTRASTE): WHATSAPP CON DOMINANCIA UNITARIA */
        .biz-channel-wa {
            background: linear-gradient(135deg, rgba(37, 211, 102, 0.08) 0%, var(--theme-subtle-bg) 100%) !important;
            border: 1.5px solid rgba(37, 211, 102, 0.40) !important;
            box-shadow: 0 8px 24px -6px rgba(37, 211, 102, 0.22), inset 0 1px 1px rgba(255, 255, 255, 0.3) !important;
            position: relative;
        }

        .biz-channel-wa:hover {
            border-color: rgba(37, 211, 102, 0.75) !important;
            box-shadow: 0 14px 34px -4px rgba(37, 211, 102, 0.38), inset 0 1px 1.5px rgba(255, 255, 255, 0.5) !important;
            transform: translateY(-3px) scale(1.015);
        }

        .biz-channel-wa .biz-channel-eyebrow {
            color: #10B981 !important;
            font-weight: 800;
        }

        .biz-channel-wa .biz-channel-action-hint {
            color: #059669 !important;
            font-weight: 700;
        }

        [data-theme="dark"] .biz-channel-wa .biz-channel-action-hint {
            color: #34D399 !important;
        }

        .biz-channel-icon-wrap {
            width: 48px;
            height: 48px;
            border-radius: 14px;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
            transition: all 0.2s ease;
        }

        .wa-icon-wrap {
            background: linear-gradient(135deg, #25D366 0%, #16A34A 100%) !important;
            color: #FFFFFF !important;
            box-shadow: 0 6px 20px rgba(37, 211, 102, 0.45), inset 0 1px 1px rgba(255, 255, 255, 0.5) !important;
        }

        /* CANALES SECUNDARIOS PACIFICADOS (FROSTED MONOCROMÁTICOS DE ALTA GAMA) */
        .phone-icon-wrap,
        .vcard-icon-wrap {
            background: rgba(255, 255, 255, 0.08) !important;
            color: #CBD5E1 !important;
            border: 1px solid rgba(255, 255, 255, 0.15) !important;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06) !important;
        }

        [data-theme="light"] .phone-icon-wrap,
        [data-theme="light"] .vcard-icon-wrap {
            background: rgba(15, 23, 42, 0.05) !important;
            color: #475569 !important;
            border-color: rgba(15, 23, 42, 0.10) !important;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
        }

        .biz-channel-info {
            display: flex;
            flex-direction: column;
            gap: 2px;
        }

        .biz-channel-eyebrow {
            font-family: 'Outfit', sans-serif;
            font-size: 10.5px;
            font-weight: 800;
            letter-spacing: 0.12em;
            text-transform: uppercase;
            color: var(--theme-text-muted);
        }

        .biz-channel-phone {
            font-size: 15px;
            font-weight: 800;
            color: var(--theme-text-hero);
            letter-spacing: -0.01em;
        }

        .biz-channel-action-hint {
            font-size: 11.5px;
            font-weight: 600;
            color: var(--theme-text-muted);
        }

        .biz-secondary-links-row {
            display: flex;
            align-items: center;
            gap: 14px;
            flex-wrap: wrap;
            padding-top: 14px;
            border-top: 1px solid var(--theme-card-border);
        }

        .biz-sec-link {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            font-size: 13px;
            font-weight: 700;
            color: var(--theme-text-secondary);
            text-decoration: none;
            padding: 8px 16px;
            border-radius: 9999px;
            background: var(--theme-subtle-bg);
            border: 1px solid var(--theme-card-border);
            transition: all 0.2s ease;
        }

        .biz-sec-link:hover {
            color: var(--biz-brand-color);
            border-color: var(--biz-brand-color);
            transform: translateY(-1px);
        }

        /* Lado B: Curated Partner & Cluster Silo */
        .biz-concierge-aside-col {
            display: flex;
            flex-direction: column;
            gap: 24px;
        }

        .biz-editorial-partner-card {
            background: var(--theme-card-bg);
            border: 1px solid var(--theme-card-border);
            border-radius: 28px;
            padding: 24px;
            box-shadow: 0 16px 40px -10px rgba(0, 0, 0, 0.08);
            position: relative;
            overflow: hidden;
        }

        .biz-ed-partner-badge {
            font-family: 'Outfit', sans-serif;
            font-size: 10px;
            font-weight: 800;
            letter-spacing: 0.16em;
            text-transform: uppercase;
            color: var(--biz-brand-color);
            margin-bottom: 14px;
        }

        .biz-ed-partner-media {
            width: 100%;
            height: 180px;
            border-radius: 18px;
            overflow: hidden;
            position: relative;
            margin-bottom: 16px;
        }

        .biz-ed-partner-media img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.4s ease;
        }

        .biz-editorial-partner-card:hover .biz-ed-partner-media img {
            transform: scale(1.05);
        }

        .biz-ed-partner-cat {
            position: absolute;
            bottom: 10px;
            left: 10px;
            background: rgba(15, 23, 42, 0.85);
            backdrop-filter: blur(8px);
            color: #FFFFFF;
            font-family: 'Outfit', sans-serif;
            font-size: 11px;
            font-weight: 700;
            padding: 4px 10px;
            border-radius: 8px;
        }

        .biz-ed-partner-name {
            font-family: 'Outfit', sans-serif;
            font-size: 18px;
            font-weight: 800;
            color: var(--theme-text-hero);
            margin: 0 0 6px 0;
            line-height: 1.3;
        }

        .biz-ed-partner-desc {
            font-size: 13px;
            color: var(--theme-text-secondary);
            line-height: 1.55;
            margin: 0 0 18px 0;
        }

        .biz-ed-partner-actions {
            display: flex;
            align-items: center;
            gap: 10px;
        }

        .biz-ed-partner-btn-view {
            flex: 1;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            background: var(--biz-brand-color);
            color: #FFFFFF;
            text-decoration: none;
            padding: 10px 16px;
            border-radius: 12px;
            font-size: 13px;
            font-weight: 700;
            transition: all 0.2s ease;
            box-shadow: 0 4px 14px color-mix(in srgb, var(--biz-brand-color) 35%, transparent);
        }

        .biz-ed-partner-btn-view:hover {
            filter: brightness(1.12);
            transform: translateY(-1px);
        }

        .biz-ed-partner-btn-wa {
            width: 42px;
            height: 42px;
            border-radius: 12px;
            background: #22C55E;
            color: #FFFFFF;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            text-decoration: none;
            flex-shrink: 0;
            transition: all 0.2s ease;
            box-shadow: 0 4px 14px rgba(34, 197, 94, 0.35);
        }

        .biz-ed-partner-btn-wa:hover {
            background: #16A34A;
            transform: translateY(-1px);
        }

        /* Tarjeta Cluster Silo */
        .biz-editorial-cluster-card {
            background: linear-gradient(135deg, color-mix(in srgb, var(--biz-brand-color) 8%, var(--theme-card-bg)), var(--theme-card-bg));
            border: 1.5px solid color-mix(in srgb, var(--biz-brand-color) 28%, var(--theme-card-border));
            border-radius: 26px;
            padding: 24px;
        }

        .biz-ed-cluster-top {
            display: flex;
            align-items: center;
            gap: 8px;
            margin-bottom: 8px;
        }

        .biz-cluster-badge-text {
            font-family: 'Outfit', sans-serif;
            font-size: 11px;
            font-weight: 800;
            letter-spacing: 0.12em;
            text-transform: uppercase;
            color: var(--biz-brand-color);
        }

        .biz-cluster-card-title {
            font-family: 'Outfit', sans-serif;
            font-size: 16px;
            font-weight: 800;
            color: var(--theme-text-hero);
            margin-bottom: 8px;
        }

        .biz-cluster-card-desc {
            font-size: 13px;
            color: var(--theme-text-secondary);
            line-height: 1.5;
            margin: 0 0 16px 0;
        }

        .biz-cluster-btn-link {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            width: 100%;
            justify-content: center;
            background: var(--biz-brand-color);
            color: #FFFFFF;
            padding: 11px 18px;
            border-radius: 12px;
            text-decoration: none;
            font-size: 13px;
            font-weight: 700;
            transition: all 0.2s ease;
            box-shadow: 0 4px 14px color-mix(in srgb, var(--biz-brand-color) 35%, transparent);
        }

        .biz-cluster-btn-link:hover {
            filter: brightness(1.1);
            transform: translateY(-1px);
            color: #FFFFFF;
        }

        .biz-cluster-btn-secondary {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            width: 100%;
            justify-content: center;
            background: rgba(15, 23, 42, 0.05);
            border: 1px solid rgba(203, 213, 225, 0.9);
            color: #0F172A !important;
            padding: 11px 18px;
            border-radius: 12px;
            text-decoration: none;
            font-size: 13px;
            font-weight: 700;
            transition: all 0.2s ease;
        }

        [data-theme="dark"] .biz-cluster-btn-secondary {
            background: rgba(255, 255, 255, 0.08);
            border-color: rgba(255, 255, 255, 0.16);
            color: #F8FAFC !important;
        }

        .biz-cluster-btn-secondary:hover {
            background: rgba(37, 99, 235, 0.08);
            border-color: rgba(37, 99, 235, 0.35);
            color: #1D4ED8 !important;
            transform: translateY(-1px);
        }

        .biz-cluster-btn-artery {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            width: 100%;
            justify-content: center;
            background: rgba(37, 99, 235, 0.07);
            border: 1px solid rgba(37, 99, 235, 0.25);
            color: #1D4ED8 !important;
            padding: 11px 18px;
            border-radius: 12px;
            text-decoration: none;
            font-size: 13px;
            font-weight: 700;
            transition: all 0.2s ease;
        }

        .biz-cluster-btn-artery:hover {
            background: rgba(37, 99, 235, 0.14);
            border-color: #2563EB;
            color: #1E40AF !important;
            transform: translateY(-1px);
        }

        /* --------------------------------------------------------------------------
           BANDA 5: SILO HUB REVERSO / CURADURÍA DE BARRIO (PAGERANK SCULPTING)
           -------------------------------------------------------------------------- */
        .biz-silo-section {
            background: color-mix(in srgb, var(--biz-brand-color) 2%, var(--bg-pure));
        }

        .biz-silo-editorial-box {
            background: var(--theme-card-bg);
            border: 1px solid var(--theme-card-border);
            border-radius: 36px;
            padding: clamp(32px, 5vw, 56px);
            box-shadow: 0 20px 50px -14px rgba(0, 0, 0, 0.08);
        }

        .biz-silo-head-flex {
            display: flex;
            align-items: flex-end;
            justify-content: space-between;
            gap: 28px;
            margin-bottom: 36px;
            flex-wrap: wrap;
        }

        .biz-silo-editorial-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 22px;
            margin-top: 18px;
        }

        .biz-silo-editorial-card {
            background: var(--theme-subtle-bg);
            border: 1px solid var(--theme-card-border);
            border-radius: 22px;
            overflow: hidden;
            text-decoration: none;
            display: flex;
            flex-direction: column;
            transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
        }

        .biz-silo-editorial-card:hover {
            transform: translateY(-3px);
            border-color: color-mix(in srgb, var(--biz-brand-color) 50%, var(--theme-card-border));
            box-shadow: 0 16px 36px -10px rgba(0, 0, 0, 0.12);
        }

        .biz-silo-card-thumb {
            width: 100%;
            height: 170px;
            position: relative;
            overflow: hidden;
        }

        .biz-silo-card-thumb img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.4s ease;
        }

        .biz-silo-editorial-card:hover .biz-silo-card-thumb img {
            transform: scale(1.06);
        }

        .biz-silo-card-cat {
            position: absolute;
            bottom: 10px;
            left: 10px;
            background: rgba(15, 23, 42, 0.85);
            backdrop-filter: blur(8px);
            color: #FFFFFF;
            font-family: 'Outfit', sans-serif;
            font-size: 11px;
            font-weight: 700;
            padding: 4px 10px;
            border-radius: 8px;
        }

        .biz-silo-card-body {
            padding: 18px 20px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
        }

        .biz-silo-card-name {
            font-family: 'Outfit', sans-serif;
            font-size: 16px;
            font-weight: 800;
            color: var(--theme-text-hero);
            line-height: 1.3;
        }

        .biz-silo-card-arrow {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            font-size: 12px;
            font-weight: 700;
            color: var(--biz-brand-color);
            flex-shrink: 0;
        }

        /* --------------------------------------------------------------------------
           MÓDULO B2B DE CAPTACIÓN ESTRATÉGICA DISCRETA ("SMART LEAD MAGNET")
           -------------------------------------------------------------------------- */
        .biz-network-band {
            padding-bottom: clamp(60px, 8vw, 120px);
            position: relative;
        }

        .biz-b2b-smart-spread {
            background: radial-gradient(100% 120% at 0% 0%, rgba(37, 99, 235, 0.22) 0%, transparent 60%),
                radial-gradient(80% 80% at 100% 100%, rgba(16, 185, 129, 0.1) 0%, transparent 60%),
                linear-gradient(135deg, #060A14 0%, #0B1325 45%, #0F1B36 100%);
            border: 1px solid rgba(255, 255, 255, 0.14);
            border-radius: 28px;
            padding: clamp(32px, 5vw, 48px);
            display: grid;
            grid-template-columns: minmax(0, 1.35fr) minmax(310px, 0.95fr);
            gap: clamp(28px, 4vw, 48px);
            align-items: center;
            color: #FFFFFF !important;
            position: relative;
            overflow: hidden;
            box-shadow: 0 30px 70px -15px rgba(0, 0, 0, 0.65), 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.12);
        }

        .biz-b2b-smart-spread::before {
            content: '';
            position: absolute;
            top: -50%;
            left: -30%;
            width: 160%;
            height: 200%;
            background: radial-gradient(circle, color-mix(in srgb, var(--biz-brand-color, #2563EB) 22%, transparent) 0%, transparent 65%);
            pointer-events: none;
            filter: blur(60px);
        }

        .biz-b2b-spread-content {
            position: relative;
            z-index: 2;
        }

        .biz-b2b-badge-row {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            gap: 12px;
            margin-bottom: 16px;
        }

        .biz-b2b-badge {
            display: inline-flex !important;
            align-items: center;
            gap: 8px;
            font-family: 'Outfit', sans-serif;
            font-size: 11px;
            font-weight: 700;
            letter-spacing: 0.12em;
            text-transform: uppercase;
            color: #93C5FD !important;
            background: rgba(30, 58, 138, 0.5) !important;
            border: 1px solid rgba(147, 197, 253, 0.4) !important;
            padding: 6px 14px;
            border-radius: 9999px;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
        }

        .biz-b2b-pulse-dot {
            width: 7px;
            height: 7px;
            border-radius: 50%;
            background: #60A5FA;
            box-shadow: 0 0 8px #60A5FA;
            animation: bizB2bPulse 2.2s infinite ease-in-out;
        }

        @keyframes bizB2bPulse {

            0%,
            100% {
                opacity: 1;
                transform: scale(1);
                box-shadow: 0 0 8px #60A5FA;
            }

            50% {
                opacity: 0.45;
                transform: scale(0.85);
                box-shadow: 0 0 2px #60A5FA;
            }
        }

        .biz-b2b-meta-tag {
            font-size: 11.5px;
            font-weight: 600;
            letter-spacing: 0.04em;
            color: #94A3B8;
            display: inline-flex;
            align-items: center;
            gap: 6px;
        }

        .biz-b2b-title {
            font-family: 'Outfit', sans-serif;
            font-size: clamp(23px, 2.7vw, 34px) !important;
            font-weight: 800 !important;
            line-height: 1.22 !important;
            letter-spacing: -0.025em;
            color: #FFFFFF !important;
            margin: 0 0 14px 0;
            text-shadow: 0 2px 14px rgba(0, 0, 0, 0.45);
        }

        .biz-b2b-desc {
            font-size: 15px !important;
            color: #CBD5E1 !important;
            line-height: 1.68 !important;
            margin: 0 0 20px 0;
            text-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
        }

        .biz-b2b-desc strong {
            color: #FFFFFF;
            font-weight: 700;
        }

        .biz-b2b-metrics-pills {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
        }

        .biz-b2b-pill {
            display: inline-flex;
            align-items: center;
            gap: 7px;
            padding: 6px 13px;
            background: rgba(255, 255, 255, 0.05);
            border: 1px solid rgba(255, 255, 255, 0.1);
            border-radius: 10px;
            font-size: 12px;
            font-weight: 600;
            color: #E2E8F0;
            letter-spacing: -0.01em;
            backdrop-filter: blur(8px);
        }

        .biz-b2b-pill svg {
            color: #60A5FA;
            flex-shrink: 0;
        }

        .biz-b2b-spread-aside {
            position: relative;
            z-index: 2;
        }

        .biz-b2b-actions-card {
            background: rgba(15, 23, 42, 0.72);
            backdrop-filter: blur(16px);
            -webkit-backdrop-filter: blur(16px);
            border: 1px solid rgba(255, 255, 255, 0.12);
            border-radius: 22px;
            padding: 24px;
            display: flex;
            flex-direction: column;
            gap: 13px;
            box-shadow: 0 16px 36px rgba(0, 0, 0, 0.35);
        }

        .biz-b2b-card-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding-bottom: 4px;
            border-bottom: 1px solid rgba(255, 255, 255, 0.06);
        }

        .biz-b2b-card-label {
            font-family: 'Outfit', sans-serif;
            font-size: 10.5px;
            font-weight: 800;
            letter-spacing: 0.1em;
            color: #94A3B8;
            text-transform: uppercase;
        }

        .biz-b2b-card-status {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            font-size: 11px;
            font-weight: 700;
            color: #34D399;
            background: rgba(16, 185, 129, 0.12);
            border: 1px solid rgba(16, 185, 129, 0.28);
            padding: 3px 9px;
            border-radius: 9999px;
        }

        .biz-b2b-card-status-dot {
            width: 6px;
            height: 6px;
            border-radius: 50%;
            background: #10B981;
            box-shadow: 0 0 6px #10B981;
            animation: bizB2bPulse 2s infinite ease-in-out;
        }

        .biz-b2b-btn-vip {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
            background: linear-gradient(135deg, #2563EB 0%, #1D4ED8 100%) !important;
            color: #FFFFFF !important;
            font-family: 'Outfit', sans-serif;
            font-size: 14px;
            font-weight: 700;
            text-decoration: none;
            padding: 13px 20px;
            border-radius: 14px;
            transition: all 0.25s ease;
            box-shadow: 0 10px 24px -4px rgba(37, 99, 235, 0.6);
            white-space: normal;
            text-align: center;
            border: 1px solid rgba(255, 255, 255, 0.18);
        }

        .biz-b2b-btn-vip svg {
            color: #FFFFFF;
            flex-shrink: 0;
        }

        .biz-b2b-btn-vip:hover {
            background: linear-gradient(135deg, #1D4ED8 0%, #1E40AF 100%) !important;
            transform: translateY(-2px);
            box-shadow: 0 14px 28px -4px rgba(37, 99, 235, 0.75);
            filter: brightness(1.08);
        }

        .biz-b2b-btn-secondary {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            background: rgba(255, 255, 255, 0.07) !important;
            border: 1px solid rgba(255, 255, 255, 0.18) !important;
            color: #FFFFFF !important;
            font-family: 'Outfit', sans-serif;
            font-size: 13.5px;
            font-weight: 700;
            text-decoration: none;
            padding: 12px 18px;
            border-radius: 13px;
            transition: all 0.25s ease;
            white-space: nowrap;
        }

        .biz-b2b-btn-secondary svg {
            color: #93C5FD;
            flex-shrink: 0;
        }

        .biz-b2b-btn-secondary:hover {
            background: rgba(255, 255, 255, 0.14) !important;
            transform: translateY(-2px);
            border-color: rgba(255, 255, 255, 0.35) !important;
        }

        .biz-b2b-card-note {
            display: flex;
            align-items: flex-start;
            gap: 8px;
            font-size: 11.5px;
            color: #94A3B8;
            line-height: 1.45;
            margin-top: 4px;
        }

        .biz-b2b-card-note svg {
            color: #64748B;
            flex-shrink: 0;
            margin-top: 2px;
        }

        @media (max-width: 900px) {
            .biz-b2b-smart-spread {
                grid-template-columns: 1fr;
                gap: 28px;
            }

            .biz-b2b-spread-aside {
                width: 100%;
                min-width: 0;
            }
        }

        /* Fallbacks para compatibilidad */
        .biz-network-editorial-spread {
            background: radial-gradient(120% 120% at 0% 0%, rgba(37, 99, 235, 0.22) 0%, transparent 60%),
                linear-gradient(135deg, #070B16 0%, #0F172A 50%, #131E38 100%);
            border: 1px solid rgba(255, 255, 255, 0.16);
            border-radius: 28px;
            padding: clamp(32px, 5vw, 48px);
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 36px;
            color: #FFFFFF !important;
            position: relative;
            overflow: hidden;
            box-shadow: 0 25px 60px -15px rgba(0, 0, 0, 0.55), 0 0 0 1px rgba(255, 255, 255, 0.05);
            flex-wrap: wrap;
        }

        .biz-network-editorial-spread::before {
            content: '';
            position: absolute;
            top: -50%;
            left: -30%;
            width: 160%;
            height: 200%;
            background: radial-gradient(circle, color-mix(in srgb, var(--biz-brand-color, #2563EB) 28%, transparent) 0%, transparent 60%);
            pointer-events: none;
            filter: blur(60px);
        }

        .biz-network-spread-content {
            flex: 1;
            min-width: min(100%, 480px);
            position: relative;
            z-index: 2;
        }

        .biz-network-editorial-spread .biz-network-badge {
            display: inline-flex !important;
            align-items: center;
            gap: 8px;
            width: auto !important;
            max-width: fit-content !important;
            font-family: 'Outfit', sans-serif;
            font-size: 11px;
            font-weight: 700;
            letter-spacing: 0.14em;
            text-transform: uppercase;
            color: #93C5FD !important;
            background: rgba(30, 58, 138, 0.5) !important;
            border: 1px solid rgba(147, 197, 253, 0.45) !important;
            padding: 6px 14px;
            border-radius: 9999px;
            margin-bottom: 14px;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
        }

        .biz-network-editorial-spread .biz-network-badge::before {
            content: '';
            display: inline-block;
            width: 7px;
            height: 7px;
            border-radius: 50%;
            background: #60A5FA;
            box-shadow: 0 0 8px #60A5FA;
        }

        .biz-network-editorial-spread .biz-network-title {
            font-family: 'Outfit', sans-serif;
            font-size: clamp(22px, 2.5vw, 32px) !important;
            font-weight: 800 !important;
            line-height: 1.25 !important;
            letter-spacing: -0.025em;
            color: #FFFFFF !important;
            margin: 0 0 12px 0;
            text-shadow: 0 2px 12px rgba(0, 0, 0, 0.4);
        }

        .biz-network-editorial-spread .biz-network-desc {
            font-size: 15px !important;
            color: #CBD5E1 !important;
            line-height: 1.65 !important;
            margin: 0;
            max-width: 620px;
            text-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
        }

        .biz-network-spread-actions {
            display: flex;
            align-items: center;
            gap: 12px;
            position: relative;
            z-index: 2;
            flex-wrap: wrap;
            flex-shrink: 0;
        }

        .biz-network-editorial-spread .biz-network-btn-primary {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            background: #2563EB !important;
            color: #FFFFFF !important;
            font-family: 'Outfit', sans-serif;
            font-size: 14px;
            font-weight: 700;
            text-decoration: none;
            padding: 13px 24px;
            border-radius: 14px;
            transition: all 0.25s ease;
            box-shadow: 0 10px 24px -4px rgba(37, 99, 235, 0.55);
            white-space: nowrap;
        }

        .biz-network-editorial-spread .biz-network-btn-primary:hover {
            background: #1D4ED8 !important;
            filter: brightness(1.1);
            transform: translateY(-2px);
            box-shadow: 0 12px 28px -4px rgba(37, 99, 235, 0.7);
        }

        .biz-network-editorial-spread .biz-network-btn-secondary {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            background: #FFFFFF !important;
            border: 1px solid rgba(255, 255, 255, 0.8) !important;
            color: #0F172A !important;
            font-family: 'Outfit', sans-serif;
            font-size: 14px;
            font-weight: 700;
            text-decoration: none;
            padding: 13px 22px;
            border-radius: 14px;
            transition: all 0.25s ease;
            white-space: nowrap;
            box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15);
        }

        .biz-network-editorial-spread .biz-network-btn-secondary:hover {
            background: #F8FAFC !important;
            transform: translateY(-2px);
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
        }


        /* --------------------------------------------------------------------------
           RESPONSIVE EDITORIAL BREAKPOINTS
           -------------------------------------------------------------------------- */
        @media (max-width: 1080px) {
            .biz-monograph-grid {
                grid-template-columns: 1fr;
                gap: 48px;
            }

            .biz-monograph-aside {
                position: static;
            }

            .biz-concierge-grid {
                grid-template-columns: 1fr;
                gap: 40px;
            }

            .biz-wallet-suite-grid.has-vip-perk {
                grid-template-columns: 1fr;
                gap: 36px;
            }

            .biz-silo-editorial-grid {
                grid-template-columns: repeat(2, 1fr);
            }
        }

        @media (max-width: 768px) {
            .biz-editorial-strip-band {
                margin-top: 18px;
            }

            .biz-editorial-action-bar {
                padding: 14px 18px;
                border-radius: 20px;
                gap: 14px;
            }

            .biz-action-buttons {
                width: 100%;
                justify-content: space-between;
            }

            .biz-editorial-highlights-grid {
                grid-template-columns: 1fr;
            }

            .biz-coordinates-row {
                grid-template-columns: 1fr;
            }

            .biz-editorial-gallery-canvas,
            .biz-gallery-composition-1,
            .biz-gallery-composition-2,
            .biz-gallery-composition-3,
            .biz-gallery-composition-4,
            .biz-gallery-composition-5,
            .biz-gallery-composition-6 {
                grid-template-columns: 1fr !important;
                grid-template-rows: auto !important;
            }

            .biz-gallery-composition-3 .biz-ed-gallery-item-1,
            .biz-gallery-composition-4 .biz-ed-gallery-item-1,
            .biz-gallery-composition-5 .biz-ed-gallery-item-1,
            .biz-gallery-composition-6 .biz-ed-gallery-item-1 {
                grid-column: 1 !important;
                grid-row: auto !important;
                height: 320px !important;
            }

            .biz-ed-gallery-item {
                height: 260px !important;
            }

            .biz-silo-editorial-grid {
                grid-template-columns: 1fr;
            }

            .biz-network-spread-actions {
                width: 100%;
                flex-direction: column;
            }

            .biz-network-btn-primary,
            .biz-network-btn-secondary {
                width: 100%;
                justify-content: center;
            }
        }

        /* Legacy .biz-layout fallback si se usa en otros contextos */
        .biz-layout {
            display: grid;
            grid-template-columns: 1.8fr 1fr;
            gap: 32px;
            margin-bottom: 60px;
        }

        @media (max-width: 960px) {
            .biz-layout {
                grid-template-columns: 1fr;
            }

            .biz-hero-overlay {
                padding: 24px;
            }

            .biz-title {
                font-size: 28px;
            }
        }

        /* ======================================================================
           LLAVE DIGITAL PASS WALLET (APPLE WALLET & GOOGLE PAY)
           ====================================================================== */
        .biz-wallet-section {
            background: linear-gradient(135deg, var(--theme-card-bg) 0%, color-mix(in srgb, var(--biz-brand-color) 4%, var(--theme-card-bg)) 100%);
            backdrop-filter: var(--liquid-glass-blur);
            -webkit-backdrop-filter: var(--liquid-glass-blur);
            border: 1px solid color-mix(in srgb, var(--biz-brand-color) 24%, var(--theme-card-border));
            border-radius: 28px;
            padding: 34px 32px;
            margin-bottom: 34px;
            box-shadow: 0 20px 48px -15px rgba(0, 0, 0, 0.08), 0 0 0 1px rgba(255, 255, 255, 0.04) inset;
            position: relative;
            overflow: hidden;
        }

        .biz-wallet-section::before {
            content: '';
            position: absolute;
            top: -60px;
            right: -60px;
            width: 280px;
            height: 280px;
            background: radial-gradient(circle, color-mix(in srgb, var(--biz-brand-color) 22%, transparent) 0%, transparent 70%);
            pointer-events: none;
            border-radius: 50%;
            filter: blur(40px);
        }

        [data-theme="dark"] .biz-wallet-section {
            background: linear-gradient(135deg, #0A0F1A 0%, color-mix(in srgb, var(--biz-brand-color) 8%, #030712) 100%);
            box-shadow: 0 25px 60px -15px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(255, 255, 255, 0.08) inset;
            border-color: rgba(255, 255, 255, 0.12);
        }

        .biz-wallet-badge {
            display: inline-flex;
            align-items: center;
            gap: 7px;
            background: linear-gradient(135deg, rgba(37, 99, 235, 0.12), rgba(14, 165, 233, 0.12));
            color: var(--biz-brand-color);
            border: 1px solid color-mix(in srgb, var(--biz-brand-color) 30%, transparent);
            padding: 6px 14px;
            border-radius: var(--radius-full);
            font-size: 11px;
            font-weight: 800;
            text-transform: uppercase;
            letter-spacing: 0.08em;
            margin-bottom: 14px;
        }

        [data-theme="dark"] .biz-wallet-badge {
            background: linear-gradient(135deg, rgba(37, 99, 235, 0.25), rgba(14, 165, 233, 0.2));
            border-color: rgba(255, 255, 255, 0.2);
            color: #60A5FA;
        }

        /* Banner de Beneficio o Cupón VIP */
        .biz-vip-perk-banner {
            background: linear-gradient(135deg, var(--biz-brand-color) 0%, color-mix(in srgb, var(--biz-brand-color) 70%, #0F172A) 100%);
            color: #FFFFFF;
            border-radius: 20px;
            padding: 20px 24px;
            margin-bottom: 24px;
            position: relative;
            overflow: hidden;
            box-shadow: 0 14px 32px -10px color-mix(in srgb, var(--biz-brand-color) 45%, transparent);
            border: 1px solid rgba(255, 255, 255, 0.22);
            display: flex;
            align-items: center;
            justify-content: space-between;
            flex-wrap: wrap;
            gap: 16px;
        }

        .biz-vip-perk-banner::after {
            content: '✦';
            position: absolute;
            right: 15px;
            top: -10px;
            font-size: 80px;
            opacity: 0.12;
            pointer-events: none;
            color: #fff;
        }

        .biz-vip-perk-info {
            flex: 1;
            min-width: 240px;
            position: relative;
            z-index: 2;
        }

        .biz-vip-perk-pill {
            display: inline-block;
            background: rgba(255, 255, 255, 0.2);
            padding: 3px 10px;
            border-radius: var(--radius-full);
            font-size: 11px;
            font-weight: 800;
            text-transform: uppercase;
            letter-spacing: 0.06em;
            margin-bottom: 5px;
        }

        .biz-vip-perk-title {
            font-family: 'Outfit', sans-serif;
            font-size: 19px;
            font-weight: 800;
            margin: 0 0 3px 0;
            color: #FFFFFF;
        }

        .biz-vip-perk-desc {
            font-size: 13px;
            color: rgba(241, 245, 249, 0.92);
            margin: 0;
            line-height: 1.45;
        }

        .biz-vip-code-badge {
            background: rgba(15, 23, 42, 0.4);
            border: 1px dashed rgba(255, 255, 255, 0.5);
            padding: 8px 16px;
            border-radius: 12px;
            text-align: center;
            backdrop-filter: blur(8px);
            z-index: 2;
        }

        .biz-vip-code-label {
            font-size: 9.5px;
            text-transform: uppercase;
            letter-spacing: 0.1em;
            color: rgba(255, 255, 255, 0.7);
            margin-bottom: 2px;
        }

        .biz-vip-code-text {
            font-family: 'Courier New', Courier, monospace;
            font-size: 15px;
            font-weight: 800;
            letter-spacing: 0.08em;
            color: #FFFFFF;
        }

        /* Layout Elegante de 1 Sola Columna */
        .biz-wallet-clean-card {
            display: flex;
            flex-direction: column;
            align-items: center;
            max-width: 580px;
            margin: 0 auto;
            text-align: center;
        }

        .biz-wallet-clean-cta {
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            width: 100%;
            margin-bottom: 24px;
        }

        .biz-wallet-clean-title {
            font-family: 'Outfit', sans-serif;
            font-size: clamp(22px, 2.6vw, 28px);
            font-weight: 850;
            color: var(--theme-text-hero);
            line-height: 1.22;
            margin: 0 0 10px 0;
            letter-spacing: -0.025em;
            max-width: 520px;
        }

        .biz-wallet-clean-desc {
            font-size: 14.5px;
            color: var(--theme-text-muted);
            line-height: 1.6;
            margin: 0 0 18px 0;
            max-width: 500px;
        }

        .biz-wallet-perks-pills {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 9px;
            margin-bottom: 6px;
        }

        .biz-wallet-perk-pill {
            display: inline-flex;
            align-items: center;
            gap: 7px;
            font-size: 12px;
            font-weight: 700;
            color: var(--theme-text-hero);
            background: var(--theme-card-bg);
            border: 1px solid var(--theme-card-border);
            padding: 7px 14px;
            border-radius: var(--radius-full);
            box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03);
        }

        .biz-wallet-perk-pill svg {
            color: var(--biz-brand-color);
            flex-shrink: 0;
        }

        .biz-wallet-clean-pass {
            width: 100%;
            display: flex;
            justify-content: center;
            margin-bottom: 24px;
        }

        /* -------------------------------------------------------------
           TARJETA PASS WALLET PREMIUM (ESTILO APPLE WALLET STORE CARD)
           ------------------------------------------------------------- */
        .biz-pass-card {
            width: 100%;
            max-width: 350px;
            background: linear-gradient(155deg, #0F172A 0%, color-mix(in srgb, var(--biz-brand-color) 42%, #030712) 100%);
            border-radius: 24px;
            color: #FFFFFF;
            position: relative;
            overflow: hidden;
            box-shadow: 0 24px 55px -12px rgba(0, 0, 0, 0.48), 0 0 0 1px rgba(255, 255, 255, 0.16) inset;
            transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.35s ease;
            user-select: none;
            text-align: left;
        }

        .biz-pass-card:hover {
            transform: translateY(-5px) scale(1.015);
            box-shadow: 0 30px 65px -12px rgba(0, 0, 0, 0.58), 0 0 0 1px rgba(255, 255, 255, 0.28) inset;
        }

        /* Brillo de reflejo especular en la tarjeta */
        .biz-pass-card::before {
            content: '';
            position: absolute;
            inset: 0;
            background: linear-gradient(120deg, rgba(255, 255, 255, 0.16) 0%, rgba(255, 255, 255, 0.03) 30%, transparent 60%);
            pointer-events: none;
            z-index: 5;
        }

        .biz-pass-inner {
            padding: 22px 20px 14px 20px;
            position: relative;
            z-index: 2;
        }

        .biz-pass-top {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 12px;
            gap: 12px;
        }

        .biz-pass-brand-box {
            display: flex;
            align-items: center;
            gap: 11px;
            min-width: 0;
        }

        .biz-pass-logo {
            width: 42px;
            height: 42px;
            border-radius: 11px;
            object-fit: cover;
            border: 1.5px solid rgba(255, 255, 255, 0.4);
            background: #FFFFFF;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
            flex-shrink: 0;
        }

        .biz-pass-logo-initials {
            width: 42px;
            height: 42px;
            border-radius: 11px;
            background: var(--biz-brand-color);
            color: #FFFFFF;
            font-family: 'Outfit', sans-serif;
            font-size: 16px;
            font-weight: 800;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 1.5px solid rgba(255, 255, 255, 0.35);
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
            flex-shrink: 0;
        }

        .biz-pass-name {
            font-family: 'Outfit', sans-serif;
            font-size: 15.5px;
            font-weight: 800;
            color: #FFFFFF;
            line-height: 1.2;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .biz-pass-cat {
            font-size: 11px;
            color: rgba(255, 255, 255, 0.72);
            margin-top: 1px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .biz-pass-nfc-icon {
            display: inline-flex;
            align-items: center;
            gap: 5px;
            background: rgba(255, 255, 255, 0.12);
            padding: 4px 9px;
            border-radius: 8px;
            font-size: 10.5px;
            font-weight: 700;
            color: rgba(255, 255, 255, 0.92);
            border: 1px solid rgba(255, 255, 255, 0.18);
            flex-shrink: 0;
        }

        /* Marco de la Foto de Portada */
        .biz-pass-cover-frame {
            position: relative;
            width: 100%;
            height: 130px;
            border-radius: 14px;
            overflow: hidden;
            margin: 12px 0 14px 0;
            border: 1px solid rgba(255, 255, 255, 0.18);
            box-shadow: 0 6px 16px rgba(0, 0, 0, 0.3);
            background: #0B111E;
        }

        .biz-pass-cover-img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
            transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
        }

        .biz-pass-card:hover .biz-pass-cover-img {
            transform: scale(1.05);
        }

        .biz-pass-cover-overlay {
            position: absolute;
            inset: 0;
            background: linear-gradient(to top, rgba(15, 23, 42, 0.55) 0%, transparent 60%);
            pointer-events: none;
        }



        /* Grilla de campos del pase */
        .biz-pass-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 10px 14px;
            background: rgba(255, 255, 255, 0.05);
            border: 1px solid rgba(255, 255, 255, 0.1);
            border-radius: 14px;
            padding: 13px 14px;
            backdrop-filter: blur(6px);
        }

        .biz-pass-item-full {
            grid-column: span 2;
        }

        .biz-pass-label {
            font-size: 9px;
            text-transform: uppercase;
            letter-spacing: 0.09em;
            color: rgba(255, 255, 255, 0.55);
            font-weight: 700;
            margin-bottom: 2px;
        }

        .biz-pass-val {
            font-size: 12px;
            font-weight: 700;
            color: #FFFFFF;
            line-height: 1.35;
        }

        .biz-pass-val-highlight {
            color: #34D399;
            display: inline-flex;
            align-items: center;
            gap: 4px;
        }

        /* Línea de corte / Perforación tipo Apple Wallet */
        .biz-pass-tear-line {
            position: relative;
            height: 18px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .biz-pass-tear-line::before,
        .biz-pass-tear-line::after {
            content: '';
            position: absolute;
            width: 18px;
            height: 18px;
            background: var(--theme-card-bg);
            border-radius: 50%;
            top: 0;
            z-index: 3;
        }

        .biz-pass-tear-line::before {
            left: -9px;
            box-shadow: inset -2px 0 3px rgba(0, 0, 0, 0.2);
        }

        .biz-pass-tear-line::after {
            right: -9px;
            box-shadow: inset 2px 0 3px rgba(0, 0, 0, 0.2);
        }

        .biz-pass-tear-dash {
            width: 100%;
            margin: 0 16px;
            border-bottom: 1.5px dashed rgba(255, 255, 255, 0.2);
            position: relative;
            z-index: 2;
        }

        /* Área inferior de Código QR / Validación */
        .biz-pass-bottom {
            padding: 8px 20px 20px 20px;
            position: relative;
            z-index: 2;
            display: flex;
            flex-direction: column;
            gap: 10px;
        }

        .biz-pass-qr-card {
            background: #FFFFFF;
            border-radius: 14px;
            padding: 12px 14px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap: 7px;
            box-shadow: 0 6px 16px rgba(0, 0, 0, 0.16);
            color: #0F172A;
        }

        .biz-pass-qr-svg {
            width: 105px;
            height: 105px;
        }

        .biz-pass-serial-box {
            display: flex;
            align-items: center;
            justify-content: space-between;
            width: 100%;
            padding: 4px 8px;
            background: #F8FAFC;
            border-radius: 6px;
            border: 1px solid #E2E8F0;
        }

        .biz-pass-serial-code {
            font-family: 'Courier New', Courier, monospace;
            font-size: 11px;
            font-weight: 800;
            letter-spacing: 0.08em;
            color: #1E293B;
        }

        .biz-pass-serial-tag {
            font-size: 8.5px;
            font-weight: 800;
            text-transform: uppercase;
            letter-spacing: 0.06em;
            color: #64748B;
        }

        /* Botón dentro de la tarjeta Pass Wallet para ingresar a la ficha */
        .biz-pass-action-btn {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            width: 100%;
            padding: 11px 16px;
            background: rgba(255, 255, 255, 0.14);
            border: 1px solid rgba(255, 255, 255, 0.22);
            border-radius: 12px;
            color: #FFFFFF;
            font-size: 13px;
            font-weight: 700;
            text-decoration: none;
            letter-spacing: -0.01em;
            backdrop-filter: blur(8px);
            -webkit-backdrop-filter: blur(8px);
            box-shadow: 0 4px 14px rgba(0, 0, 0, 0.22);
            transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
            box-sizing: border-box;
            cursor: pointer;
        }

        .biz-pass-action-btn:hover {
            background: #FFFFFF;
            color: #0F172A;
            border-color: #FFFFFF;
            transform: translateY(-2px);
            box-shadow: 0 8px 22px rgba(0, 0, 0, 0.36);
        }

        .biz-pass-action-btn svg {
            flex-shrink: 0;
            transition: transform 0.25s ease;
        }

        .biz-pass-action-btn:hover svg:last-child {
            transform: translateX(3px);
        }

        /* Acciones y Botones en 1 Sola Columna */
        .biz-wallet-actions {
            width: 100%;
            max-width: 440px;
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .biz-wallet-btns-row {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 12px;
            width: 100%;
        }

        @media (max-width: 480px) {
            .biz-wallet-btns-row {
                grid-template-columns: 1fr;
            }
        }

        .biz-btn-apple-wallet {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
            background: #000000;
            color: #FFFFFF !important;
            text-decoration: none;
            padding: 13px 18px;
            border-radius: 14px;
            font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', Roboto, sans-serif;
            font-size: 13.5px;
            font-weight: 600;
            border: 1px solid rgba(255, 255, 255, 0.25);
            box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25);
            transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
            cursor: pointer;
            width: 100%;
        }

        .biz-btn-apple-wallet:hover {
            background: #18181B;
            transform: translateY(-2px);
            box-shadow: 0 10px 24px rgba(0, 0, 0, 0.4);
            border-color: rgba(255, 255, 255, 0.45);
        }

        .biz-btn-google-wallet {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
            background: #1F1F1F;
            color: #FFFFFF !important;
            text-decoration: none;
            padding: 13px 18px;
            border-radius: 14px;
            font-family: 'Google Sans', -apple-system, Roboto, sans-serif;
            font-size: 13.5px;
            font-weight: 600;
            border: 1px solid rgba(255, 255, 255, 0.22);
            box-shadow: 0 6px 18px rgba(0, 0, 0, 0.22);
            transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
            cursor: pointer;
            width: 100%;
        }

        .biz-btn-google-wallet:hover {
            background: #2D2E30;
            transform: translateY(-2px);
            box-shadow: 0 10px 24px rgba(0, 0, 0, 0.38);
            border-color: rgba(255, 255, 255, 0.4);
        }

        .biz-wallet-clean-foot {
            font-size: 12px;
            color: var(--theme-text-muted);
            margin: 14px 0 0 0;
            line-height: 1.45;
        }

        .biz-btn-wallet-aux {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 7px;
            background: var(--theme-card-bg);
            color: var(--theme-text-hero);
            text-decoration: none;
            padding: 8px 13px;
            border-radius: 9px;
            font-size: 12px;
            font-weight: 600;
            border: 1px solid var(--theme-card-border);
            transition: all 0.2s ease;
            cursor: pointer;
        }

        .biz-btn-wallet-aux:hover {
            background: var(--theme-body-bg);
            border-color: var(--biz-brand-color);
            color: var(--biz-brand-color);
        }

        /* -------------------------------------------------------------
           MODAL PARA AÑADIR A CARTERA (DESKTOP QR & MOBILE DOWNLOAD)
           ------------------------------------------------------------- */
        .biz-wallet-modal-overlay {
            position: fixed;
            inset: 0;
            background: rgba(15, 23, 42, 0.75);
            backdrop-filter: blur(8px);
            -webkit-backdrop-filter: blur(8px);
            z-index: 999999;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 20px;
            opacity: 0;
            visibility: hidden;
            transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
        }

        .biz-wallet-modal-overlay.active {
            opacity: 1;
            visibility: visible;
        }

        .biz-wallet-modal-card {
            background: var(--theme-card-bg);
            border: 1px solid var(--theme-card-border);
            border-radius: 24px;
            max-width: 480px;
            width: 100%;
            padding: 28px;
            box-shadow: 0 25px 60px -15px rgba(0, 0, 0, 0.4);
            position: relative;
            transform: scale(0.95);
            transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
        }

        .biz-wallet-modal-overlay.active .biz-wallet-modal-card {
            transform: scale(1);
        }

        .biz-wallet-modal-close {
            position: absolute;
            top: 18px;
            right: 18px;
            width: 32px;
            height: 32px;
            border-radius: 50%;
            border: 1px solid var(--theme-card-border);
            background: var(--theme-body-bg);
            color: var(--theme-text-hero);
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            font-size: 18px;
            line-height: 1;
        }

        /* -------------------------------------------------------------
           GUÍA VISUAL DE INSTALACIÓN WALLET (OPCIÓN 3)
           ------------------------------------------------------------- */
        .biz-wallet-guide-badge {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 6px 14px;
            border-radius: 999px;
            font-size: 12px;
            font-weight: 700;
            background: rgba(34, 197, 94, 0.12);
            color: #16A34A;
            border: 1px solid rgba(34, 197, 94, 0.3);
            margin-bottom: 12px;
        }

        .biz-wallet-pulse-dot {
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background: #22C55E;
            box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.6);
            animation: bizWalletPulseDot 1.8s infinite;
        }

        @keyframes bizWalletPulseDot {
            0% {
                transform: scale(0.95);
                box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.7);
            }

            70% {
                transform: scale(1.1);
                box-shadow: 0 0 0 8px rgba(34, 197, 94, 0);
            }

            100% {
                transform: scale(0.95);
                box-shadow: 0 0 0 0 rgba(34, 197, 94, 0);
            }
        }

        .biz-wallet-steps-list {
            display: flex;
            flex-direction: column;
            gap: 11px;
            margin: 16px 0 20px 0;
            text-align: left;
        }

        .biz-wallet-step-item {
            display: flex;
            align-items: flex-start;
            gap: 12px;
            padding: 13px 15px;
            border-radius: 14px;
            background: var(--theme-body-bg);
            border: 1px solid var(--theme-card-border);
            transition: all 0.2s ease;
        }

        .biz-wallet-step-item.is-primary {
            background: color-mix(in srgb, var(--biz-brand-color) 8%, var(--theme-card-bg));
            border-color: color-mix(in srgb, var(--biz-brand-color) 45%, transparent);
            box-shadow: 0 4px 16px color-mix(in srgb, var(--biz-brand-color) 14%, transparent);
        }

        .biz-wallet-step-num {
            width: 28px;
            height: 28px;
            border-radius: 9px;
            background: var(--theme-card-border);
            color: var(--theme-text-hero);
            font-weight: 800;
            font-size: 13px;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
        }

        .biz-wallet-step-item.is-primary .biz-wallet-step-num {
            background: var(--biz-brand-color);
            color: #FFFFFF;
        }

        .biz-wallet-step-content {
            font-size: 13px;
            line-height: 1.48;
            color: var(--theme-text-hero);
        }

        .biz-wallet-step-content strong {
            color: var(--biz-brand-color);
        }

        .biz-wallet-step-content .highlight-tag {
            display: inline-block;
            background: #22C55E;
            color: #FFFFFF;
            font-weight: 800;
            padding: 1px 8px;
            border-radius: 6px;
            font-size: 12px;
            letter-spacing: 0.3px;
            box-shadow: 0 2px 6px rgba(34, 197, 94, 0.35);
        }

        /* Botón Wallet en Barra de Acción Rápida */
        .biz-btn-wallet {
            background: linear-gradient(135deg, rgba(37, 99, 235, 0.12), rgba(14, 165, 233, 0.1));
            color: var(--biz-brand-color);
            border: 1px solid color-mix(in srgb, var(--biz-brand-color) 35%, transparent);
            font-weight: 700;
        }

        .biz-btn-wallet:hover {
            background: var(--biz-brand-color);
            color: #FFFFFF !important;
            border-color: var(--biz-brand-color);
        }

        [data-theme="dark"] .biz-btn-wallet {
            background: rgba(37, 99, 235, 0.2);
            color: #60A5FA;
            border-color: rgba(96, 165, 250, 0.4);
        }

        [data-theme="dark"] .biz-btn-wallet:hover {
            background: #2563EB;
            color: #FFFFFF !important;
        }


        /* Bloques de Contenido */
        .biz-section-card {
            background: var(--theme-card-bg);
            backdrop-filter: var(--liquid-glass-blur);
            -webkit-backdrop-filter: var(--liquid-glass-blur);
            border: 1px solid var(--theme-card-border);
            border-radius: 24px;
            padding: 32px;
            margin-bottom: 30px;
            box-shadow: var(--shadow-3d-soft);
        }

        .biz-section-title {
            font-family: 'Outfit', sans-serif;
            font-size: 22px;
            font-weight: 800;
            color: var(--theme-text-hero);
            margin-bottom: 16px;
            display: flex;
            align-items: center;
            gap: 10px;
        }

        .biz-about-text {
            font-size: 15px;
            color: var(--theme-text-secondary);
            line-height: 1.7;
            white-space: pre-line;
        }

        .biz-highlights-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 1fr));
            gap: 14px;
            margin-top: 20px;
        }

        .biz-highlight-item {
            display: flex;
            align-items: flex-start;
            gap: 10px;
            padding: 12px 14px;
            background: var(--theme-subtle-bg);
            border: 1px solid var(--theme-card-border);
            border-left: 3.5px solid var(--biz-brand-color);
            border-radius: 14px;
            font-size: 13.5px;
            color: var(--theme-text-hero);
            font-weight: 600;
        }

        .biz-highlight-item svg {
            color: var(--biz-brand-color) !important;
            flex-shrink: 0;
            margin-top: 2px;
        }

        /* Galería Profesional Adaptable de 1 a 6 fotos */
        .biz-gallery-grid {
            display: grid;
            gap: 20px;
            margin-top: 24px;
        }

        /* 1 FOTO: Gran formato panorámico destacado */
        .biz-gallery-grid-1 {
            grid-template-columns: 1fr !important;
        }

        .biz-gallery-grid-1 .biz-gallery-item {
            height: 420px;
            border-radius: 24px;
        }

        /* 2 FOTOS: 2 Columnas simétricas equilibradas */
        .biz-gallery-grid-2 {
            grid-template-columns: repeat(2, 1fr) !important;
        }

        .biz-gallery-grid-2 .biz-gallery-item {
            height: 320px;
        }

        /* 3 FOTOS: 3 Columnas armónicas */
        .biz-gallery-grid-3 {
            grid-template-columns: repeat(3, 1fr) !important;
        }

        .biz-gallery-grid-3 .biz-gallery-item {
            height: 280px;
        }

        /* 4 FOTOS: Cuadrícula 2x2 */
        .biz-gallery-grid-4 {
            grid-template-columns: repeat(2, 1fr) !important;
        }

        .biz-gallery-grid-4 .biz-gallery-item {
            height: 280px;
        }

        /* 5 FOTOS: Composición Editorial (2 arriba destacadas + 3 abajo) */
        .biz-gallery-grid-5 {
            grid-template-columns: repeat(6, 1fr) !important;
        }

        .biz-gallery-grid-5 .biz-gallery-item:nth-child(1),
        .biz-gallery-grid-5 .biz-gallery-item:nth-child(2) {
            grid-column: span 3;
            height: 300px;
        }

        .biz-gallery-grid-5 .biz-gallery-item:nth-child(3),
        .biz-gallery-grid-5 .biz-gallery-item:nth-child(4),
        .biz-gallery-grid-5 .biz-gallery-item:nth-child(5) {
            grid-column: span 2;
            height: 230px;
        }

        /* 6 FOTOS: Matriz 3x2 */
        .biz-gallery-grid-6,
        .biz-gallery-grid {
            grid-template-columns: repeat(3, 1fr);
        }

        .biz-gallery-grid-6 .biz-gallery-item {
            height: 250px;
        }

        .biz-gallery-item {
            border-radius: 20px;
            overflow: hidden;
            height: 280px;
            position: relative;
            background: var(--theme-subtle-bg);
            box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.15);
            border: 1px solid var(--theme-card-border);
            cursor: pointer;
            transform: translateZ(0);
        }

        .biz-gallery-item img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
            transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
        }

        .biz-gallery-item::after {
            content: '';
            position: absolute;
            inset: 0;
            border-radius: 20px;
            box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
            pointer-events: none;
            z-index: 2;
        }

        .biz-gallery-overlay {
            position: absolute;
            inset: 0;
            background: rgba(15, 23, 42, 0.45);
            backdrop-filter: blur(3px);
            display: flex;
            align-items: center;
            justify-content: center;
            opacity: 0;
            transition: all 0.35s ease;
            z-index: 1;
        }

        .biz-gallery-zoom-btn {
            width: 54px;
            height: 54px;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.95);
            color: #0F172A;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25);
            transform: scale(0.85);
            transition: transform 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        }

        .biz-gallery-zoom-btn svg {
            width: 24px;
            height: 24px;
        }

        .biz-gallery-item:hover {
            box-shadow: 0 15px 40px -15px rgba(0, 0, 0, 0.25);
        }

        .biz-gallery-item:hover img {
            transform: scale(1.05);
        }

        .biz-gallery-item:hover .biz-gallery-overlay {
            opacity: 1;
        }

        .biz-gallery-item:hover .biz-gallery-zoom-btn {
            transform: scale(1);
        }

        @media (max-width: 900px) {

            .biz-gallery-grid-3,
            .biz-gallery-grid-6,
            .biz-gallery-grid {
                grid-template-columns: repeat(2, 1fr) !important;
            }

            .biz-gallery-grid-5 {
                grid-template-columns: repeat(2, 1fr) !important;
            }

            .biz-gallery-grid-5 .biz-gallery-item:nth-child(1),
            .biz-gallery-grid-5 .biz-gallery-item:nth-child(2),
            .biz-gallery-grid-5 .biz-gallery-item:nth-child(3),
            .biz-gallery-grid-5 .biz-gallery-item:nth-child(4) {
                grid-column: span 1;
                height: 240px;
            }

            .biz-gallery-grid-5 .biz-gallery-item:nth-child(5) {
                grid-column: span 2;
                height: 240px;
            }
        }

        @media (max-width: 640px) {

            .biz-gallery-grid,
            .biz-gallery-grid-1,
            .biz-gallery-grid-2,
            .biz-gallery-grid-3,
            .biz-gallery-grid-4,
            .biz-gallery-grid-5,
            .biz-gallery-grid-6 {
                grid-template-columns: 1fr !important;
                gap: 16px;
            }

            .biz-gallery-grid-1 .biz-gallery-item {
                height: 280px;
            }

            .biz-gallery-grid-5 .biz-gallery-item:nth-child(n) {
                grid-column: span 1 !important;
                height: 230px !important;
            }

            .biz-gallery-item {
                height: 230px;
                border-radius: 16px;
            }

            .biz-gallery-item::after {
                border-radius: 16px;
            }
        }

        /* ==========================================================================
           LIGHTBOX TIPO SALA DE CINE OSCURA (DARK CINEMA AUDITORIUM EXPERIENCE)
           ========================================================================== */
        .biz-lightbox-overlay {
            position: fixed;
            inset: 0;
            background: radial-gradient(ellipse at 50% 50%, #070B16 0%, #03050A 68%, #010204 100%);
            box-shadow: inset 0 0 160px rgba(0, 0, 0, 0.95);
            backdrop-filter: blur(28px) saturate(140%);
            -webkit-backdrop-filter: blur(28px) saturate(140%);
            z-index: 999999;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: space-between;
            padding: 22px 32px 18px 32px;
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.35s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.35s ease;
        }

        .biz-lightbox-overlay.active {
            opacity: 1;
            visibility: visible;
        }

        /* Viñeta Óptica de Sala de Cine y Haz de Luz de Proyector */
        .biz-cinema-lightbox-vignette {
            position: absolute;
            inset: 0;
            background: radial-gradient(circle at center, transparent 30%, rgba(1, 2, 5, 0.8) 100%);
            pointer-events: none;
            z-index: 1;
        }

        .biz-cinema-projector-halo {
            position: absolute;
            top: 50%;
            left: 50%;
            width: 75vw;
            height: 60vh;
            transform: translate(-50%, -50%);
            background: radial-gradient(circle, var(--biz-brand-color, #2563EB) 0%, transparent 68%);
            opacity: 0.18;
            filter: blur(120px);
            pointer-events: none;
            z-index: 1;
            transition: opacity 0.5s ease;
        }

        /* Barra Superior Editorial de la Sala */
        .biz-lightbox-topbar {
            position: relative;
            z-index: 10;
            width: 100%;
            max-width: 1360px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 16px;
        }

        .biz-lightbox-badge-title {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            padding: 6px 16px;
            background: rgba(255, 255, 255, 0.08);
            backdrop-filter: blur(16px);
            -webkit-backdrop-filter: blur(16px);
            border: 1px solid rgba(255, 255, 255, 0.16);
            border-radius: 9999px;
            font-family: 'Outfit', sans-serif;
            font-size: 11px;
            font-weight: 700;
            letter-spacing: 0.14em;
            text-transform: uppercase;
            color: #F8FAFC;
        }

        .biz-cinema-rec-dot {
            width: 7.5px;
            height: 7.5px;
            border-radius: 50%;
            background: #EF4444;
            box-shadow: 0 0 10px #EF4444, 0 0 16px rgba(239, 68, 68, 0.6);
            animation: bizCinemaRecPulse 1.8s infinite ease-in-out;
        }

        @keyframes bizCinemaRecPulse {

            0%,
            100% {
                opacity: 1;
                transform: scale(1);
            }

            50% {
                opacity: 0.45;
                transform: scale(0.85);
            }
        }

        .biz-lightbox-topbar-right {
            display: flex;
            align-items: center;
            gap: 12px;
        }

        .biz-lightbox-counter {
            background: rgba(255, 255, 255, 0.1);
            border: 1px solid rgba(255, 255, 255, 0.2);
            color: #FFFFFF;
            font-family: 'Outfit', sans-serif;
            font-size: 13px;
            font-weight: 800;
            font-variant-numeric: tabular-nums;
            letter-spacing: 0.08em;
            padding: 7px 16px;
            border-radius: 9999px;
            backdrop-filter: blur(12px);
            -webkit-backdrop-filter: blur(12px);
        }

        .biz-lightbox-close {
            width: 42px;
            height: 42px;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.1);
            border: 1px solid rgba(255, 255, 255, 0.22);
            color: #FFFFFF;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
        }

        .biz-lightbox-close:hover {
            background: rgba(255, 255, 255, 0.25);
            border-color: rgba(255, 255, 255, 0.45);
            transform: scale(1.08) rotate(90deg);
        }

        /* Escenario Central (Pantalla de Proyección) */
        .biz-lightbox-stage {
            position: relative;
            z-index: 10;
            display: flex;
            align-items: center;
            justify-content: center;
            max-width: 92vw;
            max-height: 66vh;
            flex: 1;
            margin: 10px 0;
        }

        .biz-lightbox-frame {
            position: relative;
            border-radius: 20px;
            overflow: hidden;
            border: 1px solid rgba(255, 255, 255, 0.16);
            box-shadow: 0 40px 100px -20px rgba(0, 0, 0, 0.98),
                0 0 60px rgba(0, 0, 0, 0.8),
                inset 0 1px 0 rgba(255, 255, 255, 0.25);
            background: #020306;
            max-height: 66vh;
            transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);
        }

        .biz-lightbox-overlay.active .biz-lightbox-frame {
            animation: bizCinemaOpenZoom 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards;
        }

        @keyframes bizCinemaOpenZoom {
            0% {
                transform: scale(0.92);
                opacity: 0.6;
            }

            100% {
                transform: scale(1);
                opacity: 1;
            }
        }

        .biz-lightbox-img {
            max-width: 100%;
            max-height: 66vh;
            object-fit: contain;
            display: block;
            border-radius: 19px;
            transition: opacity 0.25s ease-out;
        }

        /* Botones de Navegación Lateral */
        .biz-lightbox-nav-btn {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 52px;
            height: 52px;
            border-radius: 50%;
            background: rgba(15, 23, 42, 0.72);
            backdrop-filter: blur(20px);
            -webkit-backdrop-filter: blur(20px);
            border: 1px solid rgba(255, 255, 255, 0.24);
            color: #FFFFFF;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
            z-index: 20;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6);
        }

        .biz-lightbox-nav-btn:hover {
            background: rgba(255, 255, 255, 0.25);
            border-color: rgba(255, 255, 255, 0.5);
            transform: translateY(-50%) scale(1.1);
            box-shadow: 0 14px 40px rgba(0, 0, 0, 0.7), 0 0 20px rgba(255, 255, 255, 0.2);
        }

        .biz-lightbox-prev {
            left: 28px;
        }

        .biz-lightbox-next {
            right: 28px;
        }

        /* Pie de la Sala: Leyenda Editorial & Filmstrip */
        .biz-lightbox-footer {
            position: relative;
            z-index: 10;
            width: 100%;
            max-width: 960px;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 12px;
        }

        .biz-lightbox-caption {
            color: rgba(255, 255, 255, 0.88);
            font-family: 'Outfit', 'Plus Jakarta Sans', sans-serif;
            font-size: 13.5px;
            font-weight: 600;
            letter-spacing: 0.04em;
            text-align: center;
            text-shadow: 0 2px 10px rgba(0, 0, 0, 0.8);
        }

        /* Filmstrip (Tira de Película de Miniaturas en Sala Oscura) */
        .biz-lightbox-filmstrip {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
            overflow-x: auto;
            scrollbar-width: none;
            padding: 4px 8px;
            max-width: 100%;
        }

        .biz-lightbox-filmstrip::-webkit-scrollbar {
            display: none;
        }

        .biz-filmstrip-thumb {
            flex: 0 0 62px;
            height: 44px;
            border-radius: 8px;
            overflow: hidden;
            border: 2px solid transparent;
            opacity: 0.45;
            background: #0B0F19;
            cursor: pointer;
            padding: 0;
            transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
        }

        .biz-filmstrip-thumb:hover {
            opacity: 0.85;
            transform: translateY(-2px);
        }

        .biz-filmstrip-thumb.is-active {
            opacity: 1;
            border-color: #FFFFFF;
            box-shadow: 0 0 16px rgba(255, 255, 255, 0.5), 0 4px 12px rgba(0, 0, 0, 0.8);
            transform: scale(1.08);
        }

        .biz-filmstrip-thumb img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }

        @media (max-width: 768px) {
            .biz-lightbox-overlay {
                padding: 16px 16px 14px 16px;
            }

            .biz-lightbox-badge-title {
                font-size: 9.5px;
                padding: 5px 12px;
                letter-spacing: 0.08em;
            }

            .biz-lightbox-counter {
                font-size: 11.5px;
                padding: 5px 12px;
            }

            .biz-lightbox-prev {
                left: 10px;
                width: 44px;
                height: 44px;
            }

            .biz-lightbox-next {
                right: 10px;
                width: 44px;
                height: 44px;
            }

            .biz-lightbox-stage {
                max-height: 58vh;
            }

            .biz-lightbox-img {
                max-height: 58vh;
            }

            .biz-filmstrip-thumb {
                flex: 0 0 50px;
                height: 36px;
            }
        }

        /* Tarjeta Lateral de Contacto y Datos */
        .biz-sidebar-card {
            background: var(--theme-card-bg);
            border: 1px solid var(--theme-card-border);
            backdrop-filter: var(--liquid-glass-blur);
            -webkit-backdrop-filter: var(--liquid-glass-blur);
            border-radius: 24px;
            padding: 28px;
            box-shadow: var(--shadow-3d-soft);
            position: sticky;
            top: 24px;
        }

        .biz-contact-item {
            display: flex;
            align-items: flex-start;
            gap: 14px;
            padding: 14px 0;
            border-bottom: 1px solid var(--theme-card-border);
        }

        .biz-contact-item:last-child {
            border-bottom: none;
        }

        .biz-contact-icon {
            width: 38px;
            height: 38px;
            border-radius: 10px;
            background: var(--biz-brand-color) !important;
            color: #FFFFFF !important;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
            box-shadow: 0 4px 10px color-mix(in srgb, var(--biz-brand-color) 35%, transparent);
        }

        .biz-contact-label {
            font-size: 11.5px;
            font-weight: 700;
            color: var(--theme-text-muted);
            text-transform: uppercase;
            margin-bottom: 2px;
        }

        .biz-contact-val {
            font-size: 14px;
            font-weight: 700;
            color: var(--theme-text-hero);
            text-decoration: none;
            line-height: 1.4;
        }

        .biz-contact-val:hover {
            color: var(--biz-brand-color) !important;
        }

        /* Formulario Rápido WhatsApp */
        .biz-wa-box {
            background: linear-gradient(135deg, #F0FDF4, #ECFDF5);
            border: 1px solid #A7F3D0;
            border-radius: 18px;
            padding: 20px;
            margin-top: 24px;
        }

        [data-theme="dark"] .biz-wa-box {
            background: linear-gradient(135deg, rgba(6, 78, 59, 0.4), rgba(6, 95, 70, 0.25)) !important;
            border: 1px solid rgba(16, 185, 129, 0.35) !important;
        }

        .biz-wa-box-title {
            font-size: 14px;
            font-weight: 800;
            color: #065F46;
            margin-bottom: 6px;
            display: flex;
            align-items: center;
            gap: 6px;
        }

        [data-theme="dark"] .biz-wa-box-title {
            color: #34D399 !important;
        }

        .biz-wa-box-desc {
            font-size: 12.5px;
            color: #047857;
            line-height: 1.45;
            margin-bottom: 12px;
        }

        [data-theme="dark"] .biz-wa-box-desc {
            color: #A7F3D0 !important;
        }

        /* Tarjeta de Comercio Recomendado / Red Colaborativa (Anti-Adblock) */
        .biz-partner-card {
            background: linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.95));
            border: 1px solid rgba(226, 232, 240, 0.9);
            border-radius: 20px;
            padding: 20px;
            margin-top: 24px;
            box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05);
            position: relative;
            overflow: hidden;
            transition: all 0.3s ease;
        }

        [data-theme="dark"] .biz-partner-card {
            background: linear-gradient(135deg, rgba(15, 23, 42, 0.95), rgba(30, 41, 59, 0.8)) !important;
            border: 1px solid rgba(255, 255, 255, 0.1) !important;
        }

        .biz-partner-card:hover {
            transform: translateY(-2px);
            box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.08);
            border-color: rgba(37, 99, 235, 0.3);
        }

        .biz-partner-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 12px;
        }

        .biz-partner-tag {
            font-size: 10.5px;
            font-weight: 800;
            color: #1D4ED8;
            background: #EFF6FF;
            padding: 4px 9px;
            border-radius: 8px;
            text-transform: uppercase;
            letter-spacing: 0.04em;
            display: inline-flex;
            align-items: center;
            gap: 4px;
        }

        [data-theme="dark"] .biz-partner-tag {
            background: rgba(37, 99, 235, 0.2) !important;
            color: #93C5FD !important;
        }

        .biz-partner-badge-sec {
            font-size: 10.5px;
            font-weight: 700;
            color: var(--theme-text-muted);
        }

        .biz-partner-media {
            position: relative;
            width: 100%;
            height: 120px;
            border-radius: 12px;
            overflow: hidden;
            margin-bottom: 12px;
        }

        .biz-partner-media img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.4s ease;
        }

        .biz-partner-card:hover .biz-partner-media img {
            transform: scale(1.05);
        }

        .biz-partner-cat-badge {
            position: absolute;
            bottom: 8px;
            left: 8px;
            background: rgba(15, 23, 42, 0.8);
            backdrop-filter: blur(8px);
            color: #FFF;
            font-size: 11px;
            font-weight: 700;
            padding: 3px 8px;
            border-radius: 6px;
        }

        .biz-partner-name {
            font-family: 'Outfit', sans-serif;
            font-size: 16px;
            font-weight: 800;
            color: var(--theme-text-hero);
            margin-bottom: 4px;
            line-height: 1.3;
        }

        .biz-partner-desc {
            font-size: 12.5px;
            color: var(--theme-text-secondary);
            line-height: 1.45;
            margin-bottom: 12px;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }

        .biz-partner-perk-box {
            background: #FEF3C7;
            border: 1px dashed #F59E0B;
            border-radius: 10px;
            padding: 8px 10px;
            font-size: 11.5px;
            color: #92400E;
            font-weight: 700;
            margin-bottom: 14px;
            display: flex;
            align-items: center;
            gap: 6px;
        }

        [data-theme="dark"] .biz-partner-perk-box {
            background: rgba(245, 158, 11, 0.15) !important;
            border: 1px dashed rgba(245, 158, 11, 0.45) !important;
            color: #FCD34D !important;
        }

        .biz-partner-actions {
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .biz-partner-btn-view {
            flex: 1;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 6px;
            background: var(--biz-brand-color) !important;
            color: #FFF !important;
            padding: 9px 14px;
            border-radius: 10px;
            font-size: 12.5px;
            font-weight: 700;
            text-decoration: none;
            transition: all 0.2s ease;
            box-shadow: 0 4px 12px color-mix(in srgb, var(--biz-brand-color) 35%, transparent);
        }

        .biz-partner-btn-view:hover {
            filter: brightness(1.12);
            transform: translateY(-1px);
        }

        .biz-partner-btn-wa {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            background: #22C55E;
            color: #FFF;
            width: 36px;
            height: 36px;
            border-radius: 10px;
            text-decoration: none;
            flex-shrink: 0;
            transition: background 0.2s ease;
        }

        .biz-partner-btn-wa:hover {
            background: #16A34A;
        }

        /* ==========================================================================
           PREMENU SUPERIOR (INFO Y SOCIAL)
           ========================================================================== */
        .biz-brand-cta {
            background-color: var(--biz-brand-color);
            padding: 80px 20px;
            text-align: center;
            color: #FFFFFF;
            position: relative;
            overflow: hidden;
        }

        .biz-brand-cta::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: linear-gradient(135deg, rgba(255, 255, 255, 0.1), transparent 50%, rgba(0, 0, 0, 0.25));
            pointer-events: none;
        }

        .biz-cta-icons-wrapper {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 20px;
            margin-bottom: 50px;
            position: relative;
            z-index: 2;
        }

        .biz-cta-icon-item {
            width: 140px;
            height: 140px;
            border-radius: 36px;
            background: rgba(255, 255, 255, 0.15);
            border: 1px solid rgba(255, 255, 255, 0.3);
            backdrop-filter: blur(12px);
            -webkit-backdrop-filter: blur(12px);
            display: flex;
            align-items: center;
            justify-content: center;
            color: #FFFFFF;
            box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15), inset 0 2px 2px rgba(255, 255, 255, 0.2);
            transform: perspective(800px) rotateY(-12deg) rotateX(8deg);
            transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        }

        .biz-cta-icon-item:nth-child(2) {
            width: 180px;
            height: 180px;
            border-radius: 44px;
            transform: perspective(800px) translateZ(40px);
            z-index: 2;
            background: rgba(255, 255, 255, 0.22);
            border: 1px solid rgba(255, 255, 255, 0.4);
        }

        .biz-cta-icon-item:nth-child(3) {
            transform: perspective(800px) rotateY(12deg) rotateX(8deg);
        }

        .biz-cta-icon-item:hover {
            transform: perspective(800px) translateZ(60px) translateY(-10px);
        }

        .biz-cta-icon-item svg {
            width: 54px;
            height: 54px;
            filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.25));
        }

        .biz-cta-icon-item:nth-child(2) svg {
            width: 72px;
            height: 72px;
        }

        .biz-cta-eyebrow {
            font-size: 13.5px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 1.5px;
            color: rgba(255, 255, 255, 0.85);
            margin-bottom: 16px;
            position: relative;
            z-index: 2;
        }

        .biz-cta-title {
            font-size: 52px;
            font-weight: 800;
            line-height: 1.1;
            margin-bottom: 22px;
            letter-spacing: -1.5px;
            color: #FFFFFF;
            position: relative;
            z-index: 2;
        }

        .biz-cta-desc {
            font-size: 18px;
            line-height: 1.6;
            color: rgba(255, 255, 255, 0.9);
            max-width: 650px;
            margin: 0 auto;
            position: relative;
            z-index: 2;
            font-weight: 500;
        }

        @media (max-width: 768px) {
            .biz-cta-icons-wrapper {
                transform: scale(0.7);
                margin-bottom: 10px;
                margin-top: -30px;
            }

            .biz-cta-title {
                font-size: 36px;
                letter-spacing: -1px;
            }

            .biz-cta-desc {
                font-size: 16px;
            }
        }

        /* ==========================================================================
           MASTER GLASS FULL-WIDTH STICKY NAVBAR (ULTRA-PRO FULL SCREEN DOCK)
           ========================================================================== */
        html {
            scroll-behavior: smooth;
        }

        #sobre-nosotros,
        #galeria,
        #contacto,
        #pase-digital,
        .biz-editorial-band,
        .biz-section-card,
        .biz-sidebar-card {
            scroll-margin-top: 130px;
        }

        .biz-master-header {
            position: sticky;
            top: 0;
            left: 0;
            right: 0;
            width: 100%;
            z-index: 1000;
            margin: 0;
            padding: 0;
        }

        .biz-premenu {
            width: 100%;
            background-color: var(--biz-brand-color);
            color: #FFFFFF;
            position: relative;
            font-size: 13px;
            font-weight: 500;
        }

        .biz-premenu-inner {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 7px 24px;
            gap: 12px;
            min-height: 34px;
        }

        .biz-premenu-left {
            display: flex;
            gap: 16px;
            align-items: center;
            flex: 1;
            overflow: hidden;
            white-space: nowrap;
        }

        .biz-premenu-item {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            opacity: 0.95;
            white-space: nowrap;
        }

        .biz-premenu-right {
            display: flex;
            align-items: center;
            gap: 10px;
            color: #FFFFFF;
            flex-shrink: 0;
        }

        .biz-premenu-btn {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            color: #FFFFFF !important;
            text-decoration: none;
            font-weight: 700;
            font-size: 11.5px;
            padding: 4px 12px;
            border-radius: var(--radius-full);
            background: rgba(255, 255, 255, 0.18);
            border: 1px solid rgba(255, 255, 255, 0.28);
            transition: all 0.25s ease;
            white-space: nowrap;
        }

        .biz-premenu-btn:hover {
            background: rgba(255, 255, 255, 0.28);
            transform: translateY(-1px);
        }

        .biz-premenu-socials {
            display: flex;
            align-items: center;
            gap: 7px;
        }

        .biz-premenu-social-icon {
            width: 24px;
            height: 24px;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.2);
            display: flex;
            align-items: center;
            justify-content: center;
            color: #FFFFFF;
            text-decoration: none;
            transition: all 0.25s ease;
        }

        .biz-premenu-social-icon svg {
            width: 12px;
            height: 12px;
        }

        .biz-premenu-social-icon:hover {
            background: rgba(255, 255, 255, 0.35);
            transform: translateY(-1px);
        }

        .biz-master-dock {
            width: 100%;
            position: relative;
            background: var(--theme-card-bg);
            backdrop-filter: blur(28px) saturate(200%);
            -webkit-backdrop-filter: blur(28px) saturate(200%);
            border-bottom: 1px solid var(--theme-card-border);
            box-shadow: 0 10px 30px -10px rgba(15, 23, 42, 0.08);
            transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
        }

        [data-theme="dark"] .biz-master-dock {
            background: rgba(11, 15, 25, 0.88);
            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
            box-shadow: 0 12px 36px -10px rgba(0, 0, 0, 0.75);
        }

        /* Barra de Progreso de Lectura Ultra-fina con Color de Marca */
        .biz-reading-progress-track {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 2.5px;
            background: rgba(0, 0, 0, 0.035);
            pointer-events: none;
            z-index: 1005;
            overflow: visible;
        }

        [data-theme="dark"] .biz-reading-progress-track {
            background: rgba(255, 255, 255, 0.05);
        }

        .biz-reading-progress-bar {
            height: 100%;
            width: 0%;
            background: linear-gradient(90deg,
                    var(--biz-brand-color, #2563EB) 0%,
                    color-mix(in srgb, var(--biz-brand-color, #2563EB) 85%, #60A5FA) 70%,
                    #FFFFFF 100%);
            box-shadow: 0 0 10px color-mix(in srgb, var(--biz-brand-color, #2563EB) 75%, transparent),
                0 0 4px var(--biz-brand-color, #2563EB);
            border-top-right-radius: 9999px;
            border-bottom-right-radius: 9999px;
            position: relative;
            will-change: width;
            transition: width 0.06s cubic-bezier(0.16, 1, 0.3, 1);
        }

        .biz-reading-progress-bar::after {
            content: '';
            position: absolute;
            right: 0;
            top: 50%;
            transform: translate(50%, -50%);
            width: 6px;
            height: 6px;
            border-radius: 50%;
            background: #FFFFFF;
            box-shadow: 0 0 8px #FFFFFF, 0 0 14px var(--biz-brand-color, #2563EB);
            opacity: 0.95;
            pointer-events: none;
        }

        /* Micro-Interacciones Hápticas y Pulso Visual Elástico */
        @keyframes bizHapticBounce {
            0% {
                transform: scale(1);
            }

            24% {
                transform: scale(0.93);
                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
            }

            52% {
                transform: scale(1.045);
                filter: brightness(1.15) drop-shadow(0 0 12px color-mix(in srgb, var(--biz-brand-color, #2563EB) 50%, transparent));
            }

            78% {
                transform: scale(0.985);
            }

            100% {
                transform: scale(1);
                filter: brightness(1);
            }
        }

        .biz-haptic-pulse {
            animation: bizHapticBounce 0.44s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
            position: relative;
            overflow: hidden !important;
        }

        .biz-haptic-ripple {
            position: absolute;
            border-radius: 50%;
            transform: scale(0);
            animation: bizRippleExpand 0.55s ease-out forwards;
            background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 70%);
            pointer-events: none;
            z-index: 10;
        }

        @keyframes bizRippleExpand {
            to {
                transform: scale(4);
                opacity: 0;
            }
        }

        /* Micro-Top Bar Integrada */
        .biz-dock-topbar-wrapper {
            width: 100%;
            border-bottom: 1px solid var(--theme-card-border);
            background: rgba(0, 0, 0, 0.015);
        }

        [data-theme="dark"] .biz-dock-topbar-wrapper {
            background: rgba(255, 255, 255, 0.02);
            border-bottom: 1px solid rgba(255, 255, 255, 0.06);
        }

        .biz-dock-topbar {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 6px 16px;
            font-size: 11.5px;
            font-weight: 600;
            color: var(--theme-text-muted);
        }

        [data-theme="dark"] .biz-dock-topbar {
            color: #94A3B8;
        }

        .biz-dock-topbar-info {
            display: flex;
            align-items: center;
            gap: 14px;
            flex-wrap: wrap;
        }

        .biz-dock-topbar-item {
            display: inline-flex;
            align-items: center;
            gap: 5px;
            color: var(--theme-text-muted);
            text-decoration: none;
            transition: color 0.2s ease;
        }

        [data-theme="dark"] .biz-dock-topbar-item {
            color: #94A3B8;
        }

        .biz-dock-topbar-item:hover {
            color: var(--biz-brand-color) !important;
        }

        .biz-dock-back-btn {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            color: var(--theme-text-secondary);
            text-decoration: none;
            font-weight: 700;
            font-size: 11.5px;
            padding: 3px 12px;
            border-radius: var(--radius-full);
            background: var(--theme-subtle-bg);
            border: 1px solid var(--theme-card-border);
            transition: all 0.25s ease;
        }

        [data-theme="dark"] .biz-dock-back-btn {
            color: #CBD5E1;
            background: rgba(30, 41, 59, 0.6);
            border: 1px solid rgba(255, 255, 255, 0.1);
        }

        .biz-dock-back-btn:hover {
            color: #FFFFFF !important;
            background: var(--biz-brand-color) !important;
            border-color: var(--biz-brand-color) !important;
            transform: translateX(-2px);
        }

        /* Nombre + Cat inline en la barra de nav (sustituye al brand logo en la derecha) */
        .biz-dock-brand-inline {
            display: flex;
            flex-direction: column;
            gap: 1px;
            flex-shrink: 0;
        }

        .biz-dock-brand-inline .biz-dock-brand-name {
            font-family: 'Outfit', sans-serif;
            font-size: 16px;
            font-weight: 800;
            color: var(--theme-text-hero);
            line-height: 1.2;
        }

        .biz-dock-brand-inline .biz-dock-brand-cat {
            font-family: 'Plus Jakarta Sans', sans-serif;
            font-size: 11.5px;
            font-weight: 500;
            color: var(--theme-text-muted);
        }


        /* Main Nav Bar */
        .biz-dock-main-wrapper {
            width: 100%;
            overflow: visible;
        }

        .biz-master-dock {
            overflow: visible !important;
        }

        .biz-dock-main {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 0 24px;
            gap: 20px;
            min-height: 72px;
            overflow: visible;
        }

        /* ============================================================
           LOGO PREMIUM — Overflow out of dock (efecto badge de lujo)
           ============================================================ */
        .biz-dock-brand {
            display: inline-flex;
            align-items: center;
            gap: 16px;
            text-decoration: none;
            flex-shrink: 0;
            /* El logo se alinea verticalmente al centro del dock */
            align-self: center;
        }

        /* Marco del logo: sin fondo, perfectamente alineado dentro del dock */
        .biz-dock-logo-frame {
            height: 62px;
            min-width: 60px;
            max-width: 240px;
            padding: 0;
            background: transparent;
            border-radius: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: none;
            transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
            position: relative;
            margin-top: 0;
            margin-bottom: 0;
        }

        [data-theme="dark"] .biz-dock-logo-frame {
            background: transparent;
        }

        .biz-dock-brand:hover .biz-dock-logo-frame {
            transform: translateY(-2px) scale(1.02);
        }

        .biz-dock-logo-img {
            max-height: 54px;
            width: auto;
            max-width: 240px;
            object-fit: contain;
            display: block;
            position: relative;
            z-index: 1;
            filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.18));
            transition: filter 0.3s ease, transform 0.3s ease;
        }

        .biz-dock-brand:hover .biz-dock-logo-img {
            filter: drop-shadow(0 4px 16px rgba(0, 0, 0, 0.22));
        }

        .biz-dock-logo-icon {
            width: 50px;
            height: 50px;
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            background: linear-gradient(135deg, #1E293B, #0F172A);
            color: #FFFFFF;
            font-family: 'Outfit', sans-serif;
            font-size: 22px;
            font-weight: 900;
        }

        .biz-dock-brand-text {
            display: none;
        }

        .biz-dock-brand-name {
            font-family: 'Outfit', sans-serif;
            font-size: 17px;
            font-weight: 800;
            color: var(--theme-text-hero);
            line-height: 1.2;
            display: flex;
            align-items: center;
            gap: 6px;
        }

        .biz-dock-brand-cat {
            font-size: 11.5px;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 0.06em;
            color: var(--biz-brand-color);
        }

        /* Glass Segmented Nav Menu */
        .biz-dock-menu {
            display: flex;
            align-items: center;
            gap: 3px;
            background: rgba(241, 245, 249, 0.65);
            border: 1px solid rgba(226, 232, 240, 0.75);
            padding: 3px 5px;
            border-radius: var(--radius-full);
        }

        [data-theme="dark"] .biz-dock-menu {
            background: rgba(15, 23, 42, 0.65);
            border: 1px solid rgba(255, 255, 255, 0.08);
        }

        .biz-dock-menu-link {
            font-size: 12.5px;
            font-weight: 600;
            color: var(--theme-text-secondary);
            text-decoration: none;
            padding: 6px 14px;
            border-radius: var(--radius-full);
            transition: all 0.2s ease;
            white-space: nowrap;
        }

        [data-theme="dark"] .biz-dock-menu-link {
            color: #CBD5E1;
        }

        .biz-dock-menu-link:hover,
        .biz-dock-menu-link.active {
            color: #FFFFFF !important;
            background: var(--biz-brand-color) !important;
            box-shadow: 0 4px 12px color-mix(in srgb, var(--biz-brand-color) 35%, transparent);
            transform: translateY(-1px);
        }

        /* CTA Button Legacy & Dual-Track System */
        .biz-dock-cta-btn {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            padding: 9px 20px;
            background: var(--biz-brand-color) !important;
            color: #FFFFFF !important;
            border-radius: var(--radius-full);
            font-size: 13px;
            font-weight: 700;
            text-decoration: none;
            box-shadow: 0 4px 16px color-mix(in srgb, var(--biz-brand-color) 40%, transparent);
            border: 1px solid rgba(255, 255, 255, 0.2);
            transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
            flex-shrink: 0;
            position: relative;
            overflow: hidden;
        }

        /* ==========================================================================
           DUAL-TRACK CTA CON ASIGNADOR DE ROLES PSICOLÓGICO (LUXURY CRO SYSTEM)
           ========================================================================== */
        .biz-dual-track-wrapper {
            display: inline-flex;
            align-items: center;
            flex-shrink: 0;
        }

        .biz-dual-track-buttons {
            display: inline-flex;
            align-items: center;
            gap: 8px;
        }

        /* 1. Botón Principal: Apple Cupertino Green (WhatsApp) */
        .biz-btn-dual-wa {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 8.5px 18px;
            background: linear-gradient(180deg, #34C759 0%, #248A3D 100%) !important;
            color: #FFFFFF !important;
            border-radius: 9999px;
            font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Plus Jakarta Sans", system-ui, sans-serif;
            font-size: 13px;
            font-weight: 600;
            letter-spacing: -0.015em;
            text-decoration: none;
            box-shadow: 0 4px 14px rgba(36, 138, 61, 0.32), inset 0 1px 0.5px rgba(255, 255, 255, 0.45), inset 0 -1px 0.5px rgba(0, 0, 0, 0.2);
            border: 0.5px solid rgba(255, 255, 255, 0.28);
            transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1);
            position: relative;
            overflow: hidden;
            white-space: nowrap;
            -webkit-font-smoothing: antialiased;
        }

        .biz-btn-dual-wa:hover {
            transform: translateY(-1.5px);
            box-shadow: 0 6px 20px rgba(36, 138, 61, 0.46), inset 0 1px 0.5px rgba(255, 255, 255, 0.55);
            filter: brightness(1.05);
        }

        .biz-btn-dual-wa:active {
            transform: scale(0.96) !important;
            box-shadow: 0 2px 8px rgba(36, 138, 61, 0.25);
            filter: brightness(0.98);
        }

        .biz-btn-dual-wa svg {
            flex-shrink: 0;
            filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25));
        }

        /* 2. Botón Secundario: Apple VisionOS Frosted Glass Capsule (Llamada) */
        .biz-btn-dual-call {
            display: inline-flex;
            align-items: center;
            gap: 7px;
            padding: 8px 16px;
            background: rgba(255, 255, 255, 0.08) !important;
            color: #F8FAFC !important;
            border: 0.5px solid rgba(255, 255, 255, 0.2);
            border-radius: 9999px;
            font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Plus Jakarta Sans", system-ui, sans-serif;
            font-size: 12.5px;
            font-weight: 550;
            letter-spacing: -0.012em;
            text-decoration: none;
            transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1);
            white-space: nowrap;
            backdrop-filter: blur(24px) saturate(180%);
            -webkit-backdrop-filter: blur(24px) saturate(180%);
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08), inset 0 1px 0.5px rgba(255, 255, 255, 0.2);
            -webkit-font-smoothing: antialiased;
        }

        [data-theme="light"] .biz-btn-dual-call {
            background: rgba(15, 23, 42, 0.06) !important;
            color: #0F172A !important;
            border-color: rgba(15, 23, 42, 0.14);
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04), inset 0 1px 0.5px rgba(255, 255, 255, 0.8);
        }

        .biz-btn-dual-call:hover {
            background: rgba(255, 255, 255, 0.15) !important;
            border-color: rgba(255, 255, 255, 0.35);
            transform: translateY(-1px);
            box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12);
        }

        [data-theme="light"] .biz-btn-dual-call:hover {
            background: rgba(15, 23, 42, 0.1) !important;
            border-color: rgba(15, 23, 42, 0.25);
        }

        .biz-btn-dual-call:active {
            transform: scale(0.96) !important;
        }

        /* Dock Móvil Flotante Inferior (Oculto en desktop) */
        .biz-mobile-bottom-dock {
            display: none;
        }

        /* ==========================================================================
           ARQUITECTURA DE SILOS REVERSA (REVERSE SILO UI & UX)
           ========================================================================== */
        .biz-silo-breadcrumb {
            margin: 0 0 20px 0;
            padding: 10px 18px;
            background: var(--theme-card-bg);
            border: 1px solid var(--theme-card-border);
            border-radius: 14px;
            backdrop-filter: blur(14px);
            -webkit-backdrop-filter: blur(14px);
            box-shadow: 0 4px 18px -4px rgba(0, 0, 0, 0.04);
            font-size: 13px;
        }

        .biz-silo-breadcrumb ol {
            list-style: none;
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            gap: 6px;
            margin: 0;
            padding: 0;
        }

        .biz-silo-breadcrumb li {
            display: inline-flex;
            align-items: center;
            color: var(--theme-text-muted);
            font-weight: 500;
        }

        .biz-silo-breadcrumb a {
            color: var(--theme-text-secondary);
            text-decoration: none;
            transition: color 0.2s ease;
            display: inline-flex;
            align-items: center;
            gap: 4px;
        }

        .biz-silo-breadcrumb a:hover {
            color: var(--biz-brand-color);
            text-decoration: underline;
        }

        .biz-silo-breadcrumb .biz-silo-bc-sep {
            margin-left: 6px;
            opacity: 0.4;
            font-size: 11px;
        }

        .biz-silo-breadcrumb li.active {
            color: var(--theme-text-hero);
            font-weight: 700;
        }

        /* Hub de Silo Reverso (Luxury Card) */
        .biz-silo-hub-card {
            background: linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.95));
            border: 1.5px solid rgba(37, 99, 235, 0.22);
            border-radius: 24px;
            padding: 32px;
            margin: 40px 0 32px 0;
            box-shadow: 0 16px 40px -12px rgba(37, 99, 235, 0.12);
            position: relative;
            overflow: hidden;
        }

        [data-theme="dark"] .biz-silo-hub-card {
            background: linear-gradient(135deg, rgba(15, 23, 42, 0.96), rgba(30, 41, 59, 0.85)) !important;
            border-color: rgba(255, 255, 255, 0.12) !important;
            box-shadow: 0 20px 50px -15px rgba(0, 0, 0, 0.5) !important;
        }

        .biz-silo-hub-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 4px;
            background: linear-gradient(90deg, var(--biz-brand-color), #38BDF8, #818CF8);
        }

        .biz-silo-hub-badge {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            padding: 5px 12px;
            background: rgba(37, 99, 235, 0.08);
            border: 1px solid rgba(37, 99, 235, 0.2);
            border-radius: 999px;
            font-size: 11px;
            font-weight: 800;
            color: #1D4ED8;
            text-transform: uppercase;
            letter-spacing: 0.05em;
            margin-bottom: 12px;
        }

        [data-theme="dark"] .biz-silo-hub-badge {
            background: rgba(37, 99, 235, 0.2) !important;
            color: #93C5FD !important;
            border-color: rgba(147, 197, 253, 0.25) !important;
        }

        .biz-silo-hub-title {
            font-family: 'Outfit', sans-serif;
            font-size: 24px;
            font-weight: 800;
            color: var(--theme-text-hero);
            margin: 0 0 10px 0;
            line-height: 1.28;
        }

        .biz-silo-hub-desc {
            font-size: 14.5px;
            color: var(--theme-text-secondary);
            line-height: 1.6;
            max-width: 820px;
            margin: 0 0 24px 0;
        }

        .biz-silo-hub-actions {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            gap: 12px;
            margin-bottom: 28px;
        }

        .biz-silo-hub-btn-primary {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 12px 22px;
            background: var(--biz-brand-color);
            color: #FFFFFF;
            font-size: 13.5px;
            font-weight: 700;
            border-radius: 12px;
            text-decoration: none;
            box-shadow: 0 8px 20px -4px color-mix(in srgb, var(--biz-brand-color) 40%, transparent);
            transition: all 0.25s ease;
        }

        .biz-silo-hub-btn-primary:hover {
            transform: translateY(-2px);
            filter: brightness(1.08);
            box-shadow: 0 12px 24px -4px color-mix(in srgb, var(--biz-brand-color) 50%, transparent);
            color: #FFFFFF;
        }

        .biz-silo-hub-btn-secondary {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 12px 22px;
            background: rgba(15, 23, 42, 0.05);
            color: #0F172A !important;
            border: 1px solid rgba(203, 213, 225, 0.9);
            font-size: 13.5px;
            font-weight: 700;
            border-radius: 12px;
            text-decoration: none;
            transition: all 0.25s ease;
        }

        [data-theme="dark"] .biz-silo-hub-btn-secondary {
            background: rgba(255, 255, 255, 0.08);
            color: #F8FAFC !important;
            border-color: rgba(255, 255, 255, 0.18);
        }

        .biz-silo-hub-btn-secondary:hover {
            background: rgba(37, 99, 235, 0.08);
            color: #1D4ED8 !important;
            border-color: rgba(37, 99, 235, 0.35);
            transform: translateY(-2px);
        }

        .biz-silo-hub-pill {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            padding: 11px 18px;
            background: var(--theme-card-bg);
            border: 1px solid var(--theme-card-border);
            border-radius: 12px;
            font-size: 13px;
            font-weight: 600;
            color: var(--theme-text-primary);
            text-decoration: none;
            transition: all 0.2s ease;
        }

        .biz-silo-hub-pill:hover {
            border-color: var(--biz-brand-color);
            color: var(--biz-brand-color);
            transform: translateY(-1px);
        }

        .biz-silo-grid-title {
            font-family: 'Outfit', sans-serif;
            font-size: 13.5px;
            font-weight: 800;
            color: var(--theme-text-muted);
            text-transform: uppercase;
            letter-spacing: 0.05em;
            margin: 0 0 14px 0;
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .biz-silo-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
            gap: 16px;
        }

        .biz-silo-item {
            display: flex;
            align-items: center;
            gap: 14px;
            padding: 12px 14px;
            background: var(--theme-card-bg);
            border: 1px solid var(--theme-card-border);
            border-radius: 14px;
            text-decoration: none;
            transition: all 0.25s ease;
        }

        .biz-silo-item:hover {
            transform: translateY(-2px);
            border-color: rgba(37, 99, 235, 0.35);
            box-shadow: 0 8px 20px -6px rgba(0, 0, 0, 0.08);
        }

        .biz-silo-item-thumb {
            width: 54px;
            height: 54px;
            border-radius: 10px;
            object-fit: cover;
            flex-shrink: 0;
        }

        .biz-silo-item-info {
            flex: 1;
            min-width: 0;
        }

        .biz-silo-item-name {
            font-family: 'Outfit', sans-serif;
            font-size: 14px;
            font-weight: 800;
            color: var(--theme-text-hero);
            margin: 0 0 2px 0;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .biz-silo-item-cat {
            font-size: 11.5px;
            color: var(--theme-text-muted);
            margin: 0 0 4px 0;
        }

        .biz-silo-item-link-text {
            font-size: 11.5px;
            font-weight: 700;
            color: var(--biz-brand-color);
            display: inline-flex;
            align-items: center;
            gap: 4px;
        }

        /* ==========================================================================
           BANNER INVITACIÓN RED DE PANTALLAS (MINIMALISTA, DISCRETO Y ELEGANTE)
           ========================================================================== */
        .biz-network-footer-card {
            background: var(--theme-card-bg);
            backdrop-filter: blur(16px);
            -webkit-backdrop-filter: blur(16px);
            border: 1px solid var(--theme-card-border);
            border-radius: 18px;
            padding: 22px 28px;
            margin: 36px 0 20px;
            box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.03);
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 24px;
        }

        .biz-network-footer-card .biz-network-card-content {
            max-width: 620px;
        }

        .biz-network-footer-card .biz-network-badge {
            font-size: 11px;
            font-weight: 700;
            color: var(--biz-brand-color) !important;
            text-transform: uppercase;
            letter-spacing: 0.06em;
            margin-bottom: 4px;
            display: block;
        }

        .biz-network-footer-card .biz-network-title {
            font-family: 'Outfit', sans-serif;
            font-size: 17.5px;
            font-weight: 700;
            color: var(--theme-text-hero);
            line-height: 1.35;
            margin: 0 0 4px;
        }

        .biz-network-footer-card .biz-network-desc {
            font-size: 13px;
            color: var(--theme-text-secondary);
            line-height: 1.45;
            margin: 0;
        }

        .biz-network-footer-card .biz-network-actions {
            display: flex;
            align-items: center;
            gap: 10px;
            flex-shrink: 0;
        }

        .biz-network-footer-card .biz-network-btn-primary {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 6px;
            background: var(--biz-brand-color) !important;
            color: #FFFFFF !important;
            font-size: 13px;
            font-weight: 600;
            padding: 10px 18px;
            border-radius: 10px;
            text-decoration: none;
            transition: all 0.2s ease;
            box-shadow: 0 4px 14px color-mix(in srgb, var(--biz-brand-color) 35%, transparent);
        }

        .biz-network-footer-card .biz-network-btn-primary:hover {
            filter: brightness(1.12);
            transform: translateY(-1px);
        }

        .biz-network-footer-card .biz-network-btn-secondary {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            background: var(--theme-btn-sec-bg);
            border: 1px solid var(--theme-btn-sec-border);
            color: var(--theme-btn-sec-text);
            font-size: 13px;
            font-weight: 600;
            padding: 10px 16px;
            border-radius: 10px;
            text-decoration: none;
            transition: all 0.2s ease;
        }

        .biz-network-footer-card .biz-network-btn-secondary:hover {
            background: var(--theme-subtle-bg);
            color: var(--theme-text-hero);
        }

        [data-theme="dark"] .site-footer {
            background: #060911 !important;
            border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
            color: #94A3B8 !important;
        }

        [data-theme="dark"] .site-footer a {
            color: #94A3B8 !important;
        }

        [data-theme="dark"] .site-footer a:hover {
            color: #FFFFFF !important;
        }

        /* ==========================================================================
           SISTEMA RESPONSIVE MÓVIL PROFESIONAL (Mobile First / High-End UX)
           ========================================================================== */

        /* Prevenir desbordamiento horizontal sin bloquear el scroll vertical nativo */
        html {
            overflow-x: clip;
            overflow-y: auto;
            -webkit-overflow-scrolling: touch;
        }

        body {
            overflow-x: clip;
            overflow-y: visible;
            position: relative;
            width: 100%;
            max-width: 100%;
        }

        .app-wrapper {
            overflow-x: clip;
            width: 100%;
            max-width: 100%;
        }

        /* Barra flotante inferior de contacto rápido (Mobile Dock) */
        .biz-mobile-floating-bar {
            display: none;
        }

        @media (max-width: 960px) {
            .biz-dock-menu {
                display: none;
            }

            .biz-dock-topbar-info span:not(:first-child) {
                display: none;
            }

            .biz-layout {
                grid-template-columns: 1fr;
                gap: 24px;
                margin-bottom: 40px;
            }
        }

        @media (max-width: 768px) {
            body {
                padding-bottom: 0 !important;
            }

            .site-footer {
                padding-bottom: 40px !important;
            }

            /* 1. Header Móvil Unificado y Compacto (54px) */
            .biz-premenu {
                display: none !important;
            }

            .biz-dock-main {
                min-height: 54px !important;
                padding: 0 16px !important;
            }

            .biz-dock-logo-frame {
                height: 42px !important;
                max-width: 140px !important;
                margin: 0 !important;
            }

            .biz-dock-logo-img {
                height: 34px !important;
                max-height: 34px !important;
                max-width: 130px !important;
            }

            .biz-dock-cta-btn {
                display: none !important;
            }

            .biz-dual-track-wrapper.biz-desktop-only {
                display: none !important;
            }

            .biz-mobile-header-actions {
                display: flex !important;
                align-items: center;
                gap: 8px;
            }

            .biz-mobile-favs-link,
            .biz-mobile-share-btn {
                width: 38px;
                height: 38px;
                border-radius: 50%;
                display: inline-flex;
                align-items: center;
                justify-content: center;
                background: var(--theme-subtle-bg);
                border: 1px solid var(--theme-card-border);
                color: var(--theme-text-primary);
                text-decoration: none;
                cursor: pointer;
                position: relative;
                transition: all 0.2s ease;
                -webkit-tap-highlight-color: transparent;
            }

            .biz-mobile-favs-link:active,
            .biz-mobile-share-btn:active {
                transform: scale(0.92);
            }

            /* Sticky Mobile Bottom Dock: Cápsula Flotante Ergonómica */
            .biz-mobile-bottom-dock {
                display: block;
                position: fixed;
                bottom: max(14px, env(safe-area-inset-bottom, 14px));
                left: 50%;
                transform: translateX(-50%) translateY(140%);
                z-index: 9999;
                width: calc(100% - 28px);
                max-width: 390px;
                padding: 6px 8px;
                background: rgba(15, 23, 42, 0.92);
                backdrop-filter: blur(28px) saturate(210%);
                -webkit-backdrop-filter: blur(28px) saturate(210%);
                border: 1px solid rgba(255, 255, 255, 0.16);
                border-radius: 9999px;
                box-shadow: 0 14px 40px -4px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.2);
                opacity: 0;
                pointer-events: none;
                transition: transform 0.38s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.28s ease;
                will-change: transform, opacity;
                box-sizing: border-box;
            }

            [data-theme="light"] .biz-mobile-bottom-dock {
                background: rgba(255, 255, 255, 0.94);
                border: 1px solid rgba(226, 232, 240, 0.95);
                box-shadow: 0 14px 38px -4px rgba(15, 23, 42, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.9);
            }

            .biz-mobile-bottom-dock.is-visible {
                transform: translateX(-50%) translateY(0);
                opacity: 1;
                pointer-events: auto;
            }

            .biz-dock-bottom-inner {
                display: flex;
                align-items: center;
                justify-content: space-between;
                gap: 8px;
                width: 100%;
            }

            .biz-dock-icon-btn {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                width: 44px;
                height: 44px;
                border-radius: 9999px;
                text-decoration: none;
                position: relative;
                overflow: hidden;
                border: 1px solid rgba(255, 255, 255, 0.12);
                background: rgba(255, 255, 255, 0.08);
                color: #F8FAFC;
                transition: transform 0.15s ease, background-color 0.2s ease;
                -webkit-tap-highlight-color: transparent;
                cursor: pointer;
                box-sizing: border-box;
                flex-shrink: 0;
            }

            [data-theme="light"] .biz-dock-icon-btn {
                background: rgba(15, 23, 42, 0.05);
                border-color: rgba(15, 23, 42, 0.10);
                color: #0F172A;
            }

            .biz-dock-icon-btn:active {
                transform: scale(0.92) !important;
            }

            .biz-dock-main-wa-btn {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                gap: 8px;
                padding: 0 18px;
                height: 44px;
                border-radius: 9999px;
                background: linear-gradient(135deg, #25D366 0%, #1EBE5D 60%, #128C7E 100%) !important;
                color: #FFFFFF !important;
                font-family: 'Outfit', sans-serif;
                font-size: 13.5px;
                font-weight: 700;
                text-decoration: none;
                border: 1px solid rgba(255, 255, 255, 0.35);
                box-shadow: 0 4px 18px rgba(37, 211, 102, 0.45);
                position: relative;
                overflow: hidden;
                flex: 1;
                white-space: nowrap;
                -webkit-tap-highlight-color: transparent;
            }

            .biz-dock-main-wa-btn:active {
                transform: scale(0.95);
            }

            /* 1. WhatsApp Hero: CONVERSIÓN RÁPIDA UNITARIA (Dominancia 10%) */
            .biz-dock-icon-wa {
                background: linear-gradient(135deg, #25D366 0%, #1EBE5D 60%, #128C7E 100%) !important;
                color: #FFFFFF !important;
                border-color: rgba(255, 255, 255, 0.40) !important;
                box-shadow: 0 4px 20px rgba(37, 211, 102, 0.50), inset 0 1px 1px rgba(255, 255, 255, 0.65) !important;
                transform: scale(1.06);
                z-index: 2;
            }

            .biz-dock-icon-glow {
                position: absolute;
                top: 0;
                left: -100%;
                width: 60%;
                height: 100%;
                background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
                transform: skewX(-20deg);
                animation: bizDockShimmer 4s infinite ease-in-out;
                pointer-events: none;
            }

            @keyframes bizDockShimmer {

                0%,
                70% {
                    left: -100%;
                }

                100% {
                    left: 200%;
                }
            }

            /* Acciones Secundarias Pacificadas (Aislamiento de Von Restorff: Frosted Glass Monocromático) */
            .biz-dock-icon-call,
            .biz-dock-icon-maps,
            .biz-dock-icon-vcard,
            .biz-dock-icon-share {
                color: rgba(248, 250, 252, 0.78) !important;
                background: rgba(255, 255, 255, 0.07) !important;
                border-color: rgba(255, 255, 255, 0.14) !important;
            }

            [data-theme="light"] .biz-dock-icon-call,
            [data-theme="light"] .biz-dock-icon-maps,
            [data-theme="light"] .biz-dock-icon-vcard,
            [data-theme="light"] .biz-dock-icon-share {
                color: #475569 !important;
                background: rgba(15, 23, 42, 0.05) !important;
                border-color: rgba(15, 23, 42, 0.10) !important;
            }

            .biz-dock-icon-call:hover,
            .biz-dock-icon-maps:hover,
            .biz-dock-icon-vcard:hover,
            .biz-dock-icon-share:hover {
                color: #FFFFFF !important;
                background: rgba(255, 255, 255, 0.15) !important;
                border-color: rgba(255, 255, 255, 0.30) !important;
                transform: scale(1.04);
            }

            [data-theme="light"] .biz-dock-icon-call:hover,
            [data-theme="light"] .biz-dock-icon-maps:hover,
            [data-theme="light"] .biz-dock-icon-vcard:hover,
            [data-theme="light"] .biz-dock-icon-share:hover {
                color: #0F172A !important;
                background: rgba(15, 23, 42, 0.10) !important;
                border-color: rgba(15, 23, 42, 0.20) !important;
                transform: scale(1.04);
            }

            /* Micro-sacudida sutil en el botón WhatsApp tras 12s de inactividad */
            @keyframes bizDockNudgeSoft {
                0% {
                    transform: scale(1) rotate(0deg);
                }

                15% {
                    transform: scale(1.10) rotate(-5deg);
                }

                30% {
                    transform: scale(1.10) rotate(5deg);
                }

                45% {
                    transform: scale(1.07) rotate(-3deg);
                }

                60% {
                    transform: scale(1.07) rotate(3deg);
                }

                75% {
                    transform: scale(1.03) rotate(-1deg);
                }

                90% {
                    transform: scale(1.01) rotate(1deg);
                }

                100% {
                    transform: scale(1) rotate(0deg);
                }
            }

            .biz-dock-nudge {
                animation: bizDockNudgeSoft 0.85s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
            }

            body.has-mobile-dock {
                padding-bottom: 84px;
            }

            /* 2. Hero Banner Proporcional */
            .biz-hero {
                margin: 0;
                min-height: 520px;
            }

            /* 3. Barra de Acción Rápida (Rejilla Simétrica 2 Columnas) */
            .biz-action-bar {
                margin-top: -34px;
                margin-bottom: 20px;
                padding: 16px 14px;
                border-radius: 24px;
                flex-direction: column;
                align-items: stretch;
                gap: 12px;
                box-shadow: 0 16px 36px -10px rgba(0, 0, 0, 0.25);
            }

            .biz-action-status {
                justify-content: center;
                text-align: center;
                background: var(--theme-subtle-bg);
                padding: 8px 14px;
                border-radius: 9999px;
                border: 0.5px solid var(--theme-card-border);
            }

            .biz-action-buttons {
                width: 100%;
                display: grid;
                grid-template-columns: repeat(2, 1fr);
                gap: 8px;
            }

            .biz-btn {
                width: 100%;
                justify-content: center;
                padding: 10px 10px;
                font-size: 12.5px;
                border-radius: 9999px;
                box-sizing: border-box;
                font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", sans-serif;
                letter-spacing: -0.012em;
            }

            /* 4. Breadcrumb de Silo (Scroll horizontal táctil fluido) */
            .biz-silo-breadcrumb {
                margin: 0 0 18px 0;
                padding: 8px 14px;
                border-radius: 12px;
                overflow-x: auto;
                -webkit-overflow-scrolling: touch;
                scrollbar-width: none;
            }

            .biz-silo-breadcrumb::-webkit-scrollbar {
                display: none;
            }

            .biz-silo-breadcrumb ol {
                flex-wrap: nowrap;
                white-space: nowrap;
            }

            .biz-silo-breadcrumb li {
                font-size: 12px;
                flex-shrink: 0;
            }

            /* 5. Tarjetas de Contenido */
            .biz-section-card {
                padding: 20px 16px;
                border-radius: 20px;
                margin-bottom: 20px;
            }

            .biz-section-title {
                font-size: 18.5px;
                gap: 8px;
            }

            .biz-about-text {
                font-size: 14.5px;
                line-height: 1.65;
            }

            .biz-highlights-grid {
                grid-template-columns: 1fr;
                gap: 10px;
            }

            .biz-highlight-item {
                padding: 10px 12px;
                font-size: 13px;
                border-radius: 12px;
            }

            /* 6. Galería Móvil Mosaico 2 Columnas */
            .biz-gallery-grid,
            .biz-gallery-grid-2,
            .biz-gallery-grid-3,
            .biz-gallery-grid-4,
            .biz-gallery-grid-5,
            .biz-gallery-grid-6 {
                grid-template-columns: repeat(2, 1fr) !important;
                gap: 10px !important;
            }

            .biz-gallery-grid-1 {
                grid-template-columns: 1fr !important;
            }

            .biz-gallery-grid-1 .biz-gallery-item {
                height: 220px !important;
                border-radius: 16px;
            }

            .biz-gallery-item,
            .biz-gallery-grid-5 .biz-gallery-item:nth-child(n) {
                grid-column: span 1 !important;
                height: 135px !important;
                border-radius: 14px !important;
            }

            .biz-gallery-overlay {
                opacity: 0;
            }

            .biz-gallery-item::before {
                content: '';
                position: absolute;
                top: 8px;
                right: 8px;
                width: 24px;
                height: 24px;
                border-radius: 50%;
                background: rgba(15, 23, 42, 0.55);
                backdrop-filter: blur(4px);
                background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.5'%3E%3Ccircle cx='11' cy='11' r='7'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3Cline x1='11' y1='8' x2='11' y2='14'%3E%3C/line%3E%3Cline x1='8' y1='11' x2='14' y2='11'%3E%3C/line%3E%3C/svg%3E");
                background-repeat: no-repeat;
                background-position: center;
                background-size: 12px 12px;
                z-index: 3;
                pointer-events: none;
            }

            /* Lightbox Móvil */
            .biz-lightbox-content {
                max-width: 95vw;
                max-height: 75vh;
            }

            .biz-lightbox-img {
                max-height: 70vh;
                border-radius: 10px;
            }

            .biz-lightbox-nav-btn {
                width: 42px;
                height: 42px;
                background: rgba(0, 0, 0, 0.45);
            }

            .biz-lightbox-prev {
                left: 10px;
            }

            .biz-lightbox-next {
                right: 10px;
            }

            .biz-lightbox-topbar {
                top: 14px;
                left: 16px;
                right: 16px;
            }

            .biz-lightbox-close {
                width: 40px;
                height: 40px;
            }

            /* 7. Barra Lateral y Contacto */
            .biz-sidebar-card {
                padding: 20px 16px;
                border-radius: 20px;
                margin-bottom: 20px;
                position: static !important;
            }

            .biz-contact-item {
                padding: 10px 0;
                gap: 12px;
            }

            .biz-contact-icon {
                width: 34px;
                height: 34px;
                border-radius: 9px;
            }

            .biz-contact-icon svg {
                width: 16px;
                height: 16px;
            }

            .biz-contact-val {
                font-size: 13.5px;
                word-break: break-word;
            }

            .biz-partner-card {
                padding: 16px 14px;
                border-radius: 16px;
            }

            .biz-partner-media {
                height: 110px;
            }

            /* 8. Silo Hub Card */
            .biz-silo-hub-card {
                padding: 20px 16px;
                border-radius: 20px;
                margin: 24px 0 20px 0;
            }

            .biz-silo-hub-title {
                font-size: 18px;
                line-height: 1.3;
                margin-bottom: 8px;
            }

            .biz-silo-hub-desc {
                font-size: 13px;
                line-height: 1.55;
                margin-bottom: 16px;
            }

            .biz-silo-hub-actions {
                margin-bottom: 18px;
            }

            .biz-silo-hub-btn-primary {
                width: 100%;
                justify-content: center;
                padding: 12px 14px;
                font-size: 13px;
                text-align: center;
                box-sizing: border-box;
                border-radius: 12px;
                white-space: normal;
                line-height: 1.35;
            }

            .biz-silo-grid {
                grid-template-columns: 1fr;
                gap: 10px;
            }

            .biz-silo-item {
                padding: 10px 12px;
                border-radius: 12px;
            }

            .biz-silo-item-thumb {
                width: 48px;
                height: 48px;
            }

            .biz-silo-item-name {
                font-size: 13.5px;
            }

            /* 9. Red de Pantallas Banner */
            .biz-network-editorial-spread {
                padding: 24px 18px;
                border-radius: 20px;
                gap: 20px;
            }

            .biz-network-editorial-spread .biz-network-title {
                font-size: 20px !important;
                line-height: 1.3 !important;
                margin-bottom: 8px;
            }

            .biz-network-editorial-spread .biz-network-desc {
                font-size: 13.5px !important;
                line-height: 1.55 !important;
            }

            .biz-network-editorial-spread .biz-network-spread-actions {
                width: 100%;
                flex-direction: column;
                gap: 10px;
            }

            .biz-network-editorial-spread .biz-network-btn-primary,
            .biz-network-editorial-spread .biz-network-btn-secondary {
                width: 100%;
                justify-content: center;
                box-sizing: border-box;
                padding: 12px 16px;
            }

            .biz-network-footer-card {
                padding: 18px 16px;
                border-radius: 18px;
                margin: 20px 0 16px;
                flex-direction: column;
                align-items: stretch;
                gap: 14px;
            }

            .biz-network-footer-card .biz-network-title {
                font-size: 16px;
                line-height: 1.35;
            }

            .biz-network-footer-card .biz-network-desc {
                font-size: 12.5px;
            }

            .biz-network-footer-card .biz-network-actions {
                width: 100%;
                display: flex;
                flex-direction: column;
                gap: 8px;
            }

            .biz-network-footer-card .biz-network-btn-primary,
            .biz-network-footer-card .biz-network-btn-secondary {
                width: 100%;
                justify-content: center;
                padding: 11px 14px;
                font-size: 13px;
                border-radius: 10px;
                box-sizing: border-box;
            }

            /* 10. CTA Premium de Marca */
            .biz-brand-cta {
                padding: 42px 16px 50px;
            }

            .biz-cta-icons-wrapper {
                gap: 12px;
                margin-bottom: 22px;
                transform: none !important;
                margin-top: 0 !important;
            }

            .biz-cta-icon-item {
                width: 68px;
                height: 68px;
                border-radius: 18px;
                transform: none !important;
            }

            .biz-cta-icon-item svg {
                width: 28px;
                height: 28px;
            }

            .biz-cta-icon-item:nth-child(2) {
                width: 86px;
                height: 86px;
                border-radius: 22px;
                transform: translateY(-6px) !important;
            }

            .biz-cta-icon-item:nth-child(2) svg {
                width: 38px;
                height: 38px;
            }

            .biz-cta-icon-item:nth-child(3) {
                transform: none !important;
            }

            .biz-cta-eyebrow {
                font-size: 11.5px;
                letter-spacing: 1.2px;
                margin-bottom: 10px;
            }

            .biz-cta-title {
                font-size: 25px;
                line-height: 1.2;
                letter-spacing: -0.5px;
                margin-bottom: 14px;
            }

            .biz-cta-desc {
                font-size: 14px;
                line-height: 1.6;
            }

            /* 11. Footer */
            .footer-content {
                flex-direction: column;
                align-items: center;
                text-align: center;
                gap: 14px;
            }

            .footer-links {
                display: flex;
                justify-content: center;
                gap: 16px;
                flex-wrap: wrap;
            }

        }

        /* Pantallas muy compactas (360px e inferiores) */
        @media (max-width: 420px) {
            .biz-dock-logo-frame {
                max-width: 135px;
            }

            .biz-dock-logo-img {
                max-width: 125px;
                height: 34px;
            }

            .biz-dock-cta-btn {
                padding: 6px 10px;
                font-size: 11px;
            }

            .biz-hero {
                min-height: 480px;
            }

            .biz-hero-stage {
                padding-top: 86px;
                padding-bottom: 54px;
            }

            .biz-hero-title {
                font-size: clamp(24px, 6.8vw, 30px);
            }

            .biz-hero-trust-chips {
                gap: 6px;
            }

            .biz-hero-chip {
                padding: 4px 9px;
                font-size: 11.5px;
            }

            .biz-cta-title {
                font-size: 22px;
            }

            .biz-mobile-dock-btn span {
                font-size: 10px;
            }
        }

        /* ==========================================================================
           MOTOR CINEMÁTICO: REVELACIÓN PROGRESIVA, SPOTLIGHT REACTIVO Y PARALLAX
           ========================================================================== */

        /* 1. REVELACIÓN PROGRESIVA (SCROLL REVEAL ENGINE CON OPTICAL BLUR Y STAGGER) */
        .biz-reveal {
            opacity: 0;
            transform: translate3d(0, 28px, 0);
            filter: blur(4px);
            transition: opacity 0.82s cubic-bezier(0.16, 1, 0.3, 1),
                transform 0.82s cubic-bezier(0.16, 1, 0.3, 1),
                filter 0.82s cubic-bezier(0.16, 1, 0.3, 1);
            will-change: opacity, transform, filter;
        }

        .biz-reveal.biz-reveal-scale {
            transform: translate3d(0, 22px, 0) scale(0.96);
        }

        .biz-reveal.biz-reveal-left {
            transform: translate3d(-30px, 0, 0);
        }

        .biz-reveal.biz-reveal-right {
            transform: translate3d(30px, 0, 0);
        }

        .biz-reveal.is-revealed {
            opacity: 1 !important;
            transform: translate3d(0, 0, 0) scale(1) !important;
            filter: blur(0px) !important;
        }

        .biz-reveal.is-revealed.anim-done {
            will-change: auto;
            filter: none;
        }

        /* Cascada escalonada de hijos (Staggered Grid / List Reveal) */
        .biz-stagger-parent>* {
            opacity: 0;
            transform: translate3d(0, 24px, 0);
            filter: blur(4px);
            transition: opacity 0.78s cubic-bezier(0.16, 1, 0.3, 1),
                transform 0.78s cubic-bezier(0.16, 1, 0.3, 1),
                filter 0.78s cubic-bezier(0.16, 1, 0.3, 1);
            transition-delay: calc(var(--stagger-i, 0) * 85ms);
            will-change: opacity, transform, filter;
        }

        .biz-stagger-parent.is-revealed>* {
            opacity: 1 !important;
            transform: translate3d(0, 0, 0) !important;
            filter: blur(0px) !important;
        }

        .biz-stagger-parent.is-revealed.anim-done>* {
            will-change: auto;
            filter: none;
        }

        /* Accesibilidad: Reducción de movimiento */
        @media (prefers-reduced-motion: reduce) {

            .biz-reveal,
            .biz-stagger-parent>* {
                opacity: 1 !important;
                transform: none !important;
                filter: none !important;
                transition: none !important;
                will-change: auto !important;
            }
        }

        /* 2. LUZ AMBIENTAL REACTIVA AL CURSOR (CURSOR SPOTLIGHT & SPECULAR BEVEL) */
        .biz-spotlight {
            position: relative;
            --spotlight-x: 50%;
            --spotlight-y: 50%;
            --spotlight-opacity: 0;
            --spotlight-radius: 460px;
            --spotlight-color: color-mix(in srgb, var(--biz-brand-color, #2563EB) 16%, transparent);
            --spotlight-border-color: color-mix(in srgb, var(--biz-brand-color, #2563EB) 45%, rgba(255, 255, 255, 0.4));
        }

        [data-theme="dark"] .biz-spotlight {
            --spotlight-color: color-mix(in srgb, var(--biz-brand-color, #3B82F6) 22%, transparent);
            --spotlight-border-color: color-mix(in srgb, var(--biz-brand-color, #60A5FA) 60%, rgba(255, 255, 255, 0.25));
        }

        /* Resplandor ambiental interno suave */
        .biz-spotlight-glow {
            position: absolute;
            inset: 0;
            border-radius: inherit;
            background: radial-gradient(var(--spotlight-radius, 460px) circle at var(--spotlight-x, 50%) var(--spotlight-y, 50%),
                    var(--spotlight-color),
                    transparent 68%);
            opacity: var(--spotlight-opacity, 0);
            transition: opacity 0.35s ease;
            pointer-events: none;
            z-index: 1;
            mix-blend-mode: plus-lighter;
        }

        /* Reflejo especular en el borde */
        .biz-spotlight-border {
            position: absolute;
            inset: -1px;
            border-radius: inherit;
            padding: 1px;
            background: radial-gradient(280px circle at var(--spotlight-x, 50%) var(--spotlight-y, 50%),
                    var(--spotlight-border-color),
                    transparent 70%);
            -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
            mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
            -webkit-mask-composite: xor;
            mask-composite: exclude;
            opacity: var(--spotlight-opacity, 0);
            transition: opacity 0.35s ease;
            pointer-events: none;
            z-index: 2;
        }

        /* Asegurar que el contenido interno de las tarjetas quede siempre interactivo */
        .biz-spotlight>*:not(.biz-spotlight-glow):not(.biz-spotlight-border) {
            position: relative;
            z-index: 3;
        }

        /* 3. PARALLAX SUAVE MULTI-CAPA */
        .biz-parallax-item {
            will-change: transform;
            transition: transform 0.1s cubic-bezier(0, 0, 0.2, 1);
        }

        /* ======================================================================
           WIDGET DE ESTADO EN TIEMPO REAL CON CALENDARIO DONOSTIARRA (LUXURY PRO)
           ====================================================================== */

        /* 1. Señalética Biométrica de Horario en Premenu (Disociación Semiótica) */
        .biz-premenu-schedule-btn {
            background: transparent !important;
            border: none !important;
            box-shadow: none !important;
            color: var(--theme-text-muted, #94A3B8) !important;
            border-radius: 0 !important;
            padding: 2px 4px !important;
            font-family: inherit;
            font-size: 11.5px;
            font-weight: 500;
            cursor: pointer;
            display: inline-flex;
            align-items: center;
            gap: 7px;
            text-decoration: none;
            transition: opacity 0.18s ease, color 0.18s ease;
        }

        .biz-premenu-schedule-btn:hover {
            background: transparent !important;
            transform: none !important;
            border-color: transparent !important;
            color: var(--theme-text-primary, #F8FAFC) !important;
            opacity: 0.95;
        }

        .biz-live-status-text {
            color: var(--theme-text-muted, #94A3B8);
            font-size: 11.5px;
            font-weight: 500;
            letter-spacing: -0.01em;
            display: inline-flex;
            align-items: center;
            gap: 4px;
        }

        .biz-live-status-sep {
            opacity: 0.45;
        }

        .biz-live-status-sub {
            color: var(--theme-text-muted, #64748B);
            font-weight: 400;
        }

        /* Micro-Punto Biométrico de Pulso Orgánico ("Breathing Dot" — Flighty & Uber Eats Standard) */
        .biz-live-breathing-dot,
        .biz-status-dot-mini {
            width: 7px;
            height: 7px;
            border-radius: 50%;
            display: inline-block;
            flex-shrink: 0;
            position: relative;
        }

        .biz-live-breathing-dot.is-open,
        .biz-status-dot-mini.biz-status-open {
            background: #10B981;
            box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.55);
            animation: bioBreathingPulseGreen 2.4s cubic-bezier(0.4, 0, 0.6, 1) infinite;
        }

        .biz-live-breathing-dot.is-closing,
        .biz-status-dot-mini.biz-status-closing-soon {
            background: #F59E0B;
            box-shadow: 0 0 0 0 rgba(245, 158, 11, 0.55);
            animation: bioBreathingPulseAmber 2.4s cubic-bezier(0.4, 0, 0.6, 1) infinite;
        }

        .biz-live-breathing-dot.is-opening,
        .biz-status-dot-mini.biz-status-opening-soon {
            background: #3B82F6;
            box-shadow: 0 0 0 0 rgba(59, 130, 246, 0.55);
            animation: bioBreathingPulseBlue 2.4s cubic-bezier(0.4, 0, 0.6, 1) infinite;
        }

        .biz-live-breathing-dot.is-closed,
        .biz-status-dot-mini.biz-status-closed {
            background: #94A3B8;
            box-shadow: 0 0 0 1px rgba(148, 163, 184, 0.35);
        }

        @keyframes bioBreathingPulseGreen {
            0% {
                transform: scale(0.92);
                box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.6), 0 0 4px rgba(16, 185, 129, 0.4);
            }
            50% {
                transform: scale(1.08);
                box-shadow: 0 0 0 5px rgba(16, 185, 129, 0), 0 0 8px rgba(16, 185, 129, 0.65);
            }
            100% {
                transform: scale(0.92);
                box-shadow: 0 0 0 0 rgba(16, 185, 129, 0), 0 0 4px rgba(16, 185, 129, 0.4);
            }
        }

        @keyframes bioBreathingPulseAmber {
            0% {
                transform: scale(0.92);
                box-shadow: 0 0 0 0 rgba(245, 158, 11, 0.6), 0 0 4px rgba(245, 158, 11, 0.4);
            }
            50% {
                transform: scale(1.08);
                box-shadow: 0 0 0 5px rgba(245, 158, 11, 0), 0 0 8px rgba(245, 158, 11, 0.65);
            }
            100% {
                transform: scale(0.92);
                box-shadow: 0 0 0 0 rgba(245, 158, 11, 0), 0 0 4px rgba(245, 158, 11, 0.4);
            }
        }

        @keyframes bioBreathingPulseBlue {
            0% {
                transform: scale(0.92);
                box-shadow: 0 0 0 0 rgba(59, 130, 246, 0.6), 0 0 4px rgba(59, 130, 246, 0.4);
            }
            50% {
                transform: scale(1.08);
                box-shadow: 0 0 0 5px rgba(59, 130, 246, 0), 0 0 8px rgba(59, 130, 246, 0.65);
            }
            100% {
                transform: scale(0.92);
                box-shadow: 0 0 0 0 rgba(59, 130, 246, 0), 0 0 4px rgba(59, 130, 246, 0.4);
            }
        }

        /* 2. Barra de Acción Editorial: Widget Interactivo */
        .biz-action-status.biz-status-interactive {
            cursor: pointer;
            padding: 8px 14px;
            border-radius: 16px;
            background: rgba(255, 255, 255, 0.06);
            border: 1px solid rgba(255, 255, 255, 0.12);
            transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
            position: relative;
            user-select: none;
        }

        .biz-action-status.biz-status-interactive:hover {
            background: rgba(255, 255, 255, 0.12);
            transform: translateY(-1.5px);
            border-color: rgba(255, 255, 255, 0.25);
            box-shadow: 0 8px 20px -6px rgba(0, 0, 0, 0.15);
        }

        .biz-action-status.biz-status-interactive:active {
            transform: scale(0.98);
        }

        /* Punto con Anillo Radar Pulsante */
        .biz-status-pulse-wrapper {
            position: relative;
            width: 12px;
            height: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
        }

        .biz-status-pulse-wrapper .biz-status-dot {
            width: 9px;
            height: 9px;
            border-radius: 50%;
            position: relative;
            z-index: 2;
        }

        .biz-status-pulse-wrapper .biz-status-dot.biz-status-open {
            background: #10B981;
            box-shadow: 0 0 10px rgba(16, 185, 129, 0.9);
        }

        .biz-status-pulse-wrapper .biz-status-dot.biz-status-closing-soon {
            background: #F59E0B;
            box-shadow: 0 0 10px rgba(245, 158, 11, 0.9);
        }

        .biz-status-pulse-wrapper .biz-status-dot.biz-status-opening-soon {
            background: #3B82F6;
            box-shadow: 0 0 10px rgba(59, 130, 246, 0.9);
        }

        .biz-status-pulse-wrapper .biz-status-dot.biz-status-closed {
            background: #EF4444;
            box-shadow: 0 0 8px rgba(239, 68, 68, 0.7);
        }

        .biz-status-ring {
            position: absolute;
            inset: -4px;
            border-radius: 50%;
            pointer-events: none;
            opacity: 0;
            animation: liveRadarPulse 2.4s cubic-bezier(0.24, 0, 0.38, 1) infinite;
        }

        .biz-status-ring.biz-status-open {
            border: 1.5px solid rgba(16, 185, 129, 0.75);
        }

        .biz-status-ring.biz-status-closing-soon {
            border: 1.5px solid rgba(245, 158, 11, 0.75);
        }

        .biz-status-ring.biz-status-opening-soon {
            border: 1.5px solid rgba(59, 130, 246, 0.75);
        }

        .biz-status-ring.biz-status-closed {
            display: none;
        }

        @keyframes liveRadarPulse {
            0% {
                transform: scale(0.6);
                opacity: 0.9;
            }

            70% {
                transform: scale(1.85);
                opacity: 0;
            }

            100% {
                transform: scale(2);
                opacity: 0;
            }
        }

        .biz-status-header-line {
            display: flex;
            align-items: center;
            gap: 7px;
            line-height: 1.2;
        }

        .biz-status-festive-chip {
            background: linear-gradient(135deg, #FEF3C7, #FDE68A);
            color: #92400E;
            font-size: 10px;
            font-weight: 800;
            padding: 2px 7px;
            border-radius: 9999px;
            border: 0.5px solid rgba(217, 119, 6, 0.3);
            letter-spacing: 0.02em;
            display: inline-flex;
            align-items: center;
            gap: 3px;
        }

        .biz-status-chevron {
            font-size: 11px;
            opacity: 0.5;
            margin-left: 4px;
            transition: transform 0.2s ease;
        }

        .biz-action-status.biz-status-interactive:hover .biz-status-chevron {
            transform: translateY(2px);
            opacity: 0.9;
        }

        /* 3. Alerta Especial Festiva Donostiarra en Hero */
        .biz-donostia-holiday-alert-bar {
            margin-top: 14px;
            background: linear-gradient(135deg, rgba(30, 58, 138, 0.92), rgba(15, 23, 42, 0.95));
            border: 1px solid rgba(217, 119, 6, 0.4);
            border-radius: 18px;
            padding: 14px 20px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 16px;
            box-shadow: 0 16px 36px -10px rgba(0, 0, 0, 0.4), 0 0 24px rgba(245, 158, 11, 0.15);
            cursor: pointer;
            transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
            user-select: none;
        }

        .biz-donostia-holiday-alert-bar:hover {
            transform: translateY(-2px);
            border-color: rgba(245, 158, 11, 0.7);
            box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.45), 0 0 32px rgba(245, 158, 11, 0.25);
        }

        .biz-holiday-alert-icon {
            font-size: 26px;
            flex-shrink: 0;
            filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.3));
        }

        .biz-holiday-alert-content {
            flex: 1;
        }

        .biz-holiday-alert-badge {
            font-size: 9.5px;
            font-weight: 800;
            letter-spacing: 0.1em;
            text-transform: uppercase;
            color: #FBBF24;
            margin-bottom: 3px;
        }

        .biz-holiday-alert-headline {
            font-family: 'Outfit', sans-serif;
            font-size: 15px;
            font-weight: 800;
            color: #FFFFFF;
            line-height: 1.25;
            margin-bottom: 2px;
        }

        .biz-holiday-alert-text {
            font-size: 12.5px;
            color: rgba(255, 255, 255, 0.85);
            line-height: 1.4;
        }

        .biz-holiday-alert-cta {
            font-size: 12px;
            font-weight: 700;
            color: #FBBF24;
            white-space: nowrap;
            background: rgba(245, 158, 11, 0.15);
            border: 1px solid rgba(245, 158, 11, 0.3);
            padding: 6px 14px;
            border-radius: 9999px;
            transition: all 0.2s ease;
        }

        .biz-donostia-holiday-alert-bar:hover .biz-holiday-alert-cta {
            background: #F59E0B;
            color: #0F172A;
            transform: translateX(2px);
        }

        /* 4. Bloque de Coordenadas Interactivo */
        .biz-coord-block.biz-coord-schedule-interactive {
            cursor: pointer;
            transition: all 0.22s ease;
            position: relative;
        }

        .biz-coord-block.biz-coord-schedule-interactive:hover {
            transform: translateY(-2px);
            border-color: rgba(37, 99, 235, 0.35);
            box-shadow: 0 10px 24px -6px rgba(0, 0, 0, 0.08);
        }

        .biz-coord-status-tag {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            font-size: 12px;
            font-weight: 500;
            margin-top: 6px;
            padding: 0 !important;
            border-radius: 0 !important;
            background: transparent !important;
            border: none !important;
            color: var(--theme-text-secondary, #64748B);
        }

        .biz-coord-status-tag.biz-status-open,
        .biz-coord-status-tag.biz-status-closing-soon,
        .biz-coord-status-tag.biz-status-opening-soon {
            background: transparent !important;
            color: var(--theme-text-secondary, #64748B);
            border: none !important;
        }

        .biz-coord-status-tag.biz-status-closed {
            background: transparent !important;
            color: var(--theme-text-muted, #94A3B8);
            border: none !important;
        }

        .biz-coord-action-hint {
            font-size: 11.5px;
            color: var(--primary, #2563EB);
            font-weight: 700;
            margin-top: 6px;
        }

        /* 5. MODAL DE HORARIOS: DISEÑO MODERNO & MINIMALISTA */
        .biz-schedule-modal-overlay {
            position: fixed;
            inset: 0;
            background: rgba(15, 23, 42, 0.6);
            backdrop-filter: blur(16px);
            -webkit-backdrop-filter: blur(16px);
            z-index: 10000;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 16px;
            opacity: 0;
            pointer-events: none;
            transition: opacity 0.25s ease;
        }

        .biz-schedule-modal-overlay.active {
            opacity: 1;
            pointer-events: auto;
        }

        .biz-schedule-modal-card {
            background: #FFFFFF;
            border: 1px solid #E2E8F0;
            border-radius: 20px;
            max-width: 460px;
            width: 100%;
            max-height: 90vh;
            overflow-y: auto;
            padding: 24px;
            position: relative;
            box-shadow: 0 20px 48px -12px rgba(15, 23, 42, 0.22);
            transform: scale(0.96) translateY(8px);
            transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1);
        }

        .biz-schedule-modal-overlay.active .biz-schedule-modal-card {
            transform: scale(1) translateY(0);
        }

        .biz-schedule-modal-close {
            position: absolute;
            top: 16px;
            right: 16px;
            width: 32px;
            height: 32px;
            border-radius: 50%;
            background: #F8FAFC;
            border: 1px solid #E2E8F0;
            color: #64748B;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: all 0.2s ease;
            padding: 0;
        }

        .biz-schedule-modal-close:hover {
            background: #F1F5F9;
            color: #0F172A;
            transform: rotate(90deg);
        }

        .biz-sch-modal-header {
            display: flex;
            align-items: center;
            gap: 12px;
            margin-bottom: 18px;
            padding-right: 32px;
        }

        .biz-sch-modal-icon-wrap {
            width: 42px;
            height: 42px;
            border-radius: 12px;
            background: var(--biz-brand-color, #2563EB);
            color: #FFFFFF;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 4px 14px color-mix(in srgb, var(--biz-brand-color, #2563EB) 28%, transparent);
            flex-shrink: 0;
        }

        .biz-sch-modal-pretitle {
            font-size: 10px;
            font-weight: 800;
            letter-spacing: 0.08em;
            color: var(--biz-brand-color, #2563EB);
            text-transform: uppercase;
        }

        .biz-sch-modal-title {
            font-family: 'Outfit', sans-serif;
            font-size: 20px;
            font-weight: 800;
            color: #0F172A;
            margin: 2px 0 1px;
            line-height: 1.2;
        }

        .biz-sch-modal-subtitle {
            font-size: 12.5px;
            color: #64748B;
        }

        /* Tarjeta Live Hero en Modal (Minimalista) */
        .biz-sch-live-hero {
            border-radius: 14px;
            padding: 14px 16px;
            margin-bottom: 16px;
            border: 1px solid transparent;
            transition: all 0.2s ease;
        }

        .biz-sch-live-hero.biz-status-open {
            background: #F0FDF4;
            border-color: #BBF7D0;
        }

        .biz-sch-live-hero.biz-status-closing-soon {
            background: #FFFBEB;
            border-color: #FDE68A;
        }

        .biz-sch-live-hero.biz-status-opening-soon {
            background: #EFF6FF;
            border-color: #BFDBFE;
        }

        .biz-sch-live-hero.biz-status-closed {
            background: #FEF2F2;
            border-color: #FECACA;
        }

        .biz-sch-live-top {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 4px;
        }

        .biz-sch-live-badge {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            font-family: 'Outfit', sans-serif;
            font-size: 14.5px;
            font-weight: 700;
            letter-spacing: -0.01em;
            color: #0F172A;
        }

        .biz-sch-live-clock {
            font-size: 11.5px;
            color: #64748B;
        }

        .biz-sch-live-main-detail {
            font-size: 13px;
            font-weight: 600;
            color: #334155;
            line-height: 1.4;
        }

        /* Sección de Horario Semanal */
        .biz-sch-section {
            background: #F8FAFC;
            border: 1px solid #E2E8F0;
            border-radius: 14px;
            padding: 14px;
            margin-bottom: 16px;
        }

        .biz-sch-section-title {
            margin-bottom: 10px;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

        .biz-sch-sec-title-left {
            display: inline-flex;
            align-items: center;
            gap: 7px;
            font-family: 'Outfit', sans-serif;
            font-size: 13.5px;
            font-weight: 800;
            color: var(--biz-brand-color, #2563EB);
        }

        .biz-sch-sec-title-left span {
            color: #0F172A;
        }

        .biz-sch-sec-subtitle {
            font-size: 11px;
            font-weight: 600;
            color: #94A3B8;
        }

        /* Lista de Días de la Semana Minimalista */
        .biz-sch-week-list {
            display: flex;
            flex-direction: column;
            gap: 5px;
        }

        .biz-sch-day-row {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 7px 10px;
            border-radius: 8px;
            font-size: 12.5px;
            background: #FFFFFF;
            border: 1px solid #F1F5F9;
            transition: all 0.15s ease;
        }

        .biz-sch-day-row.is-today {
            background: color-mix(in srgb, var(--biz-brand-color, #2563EB) 8%, #FFFFFF);
            border-color: color-mix(in srgb, var(--biz-brand-color, #2563EB) 30%, transparent);
            font-weight: 700;
        }

        .biz-sch-day-row.is-closed .biz-sch-day-hours {
            color: #94A3B8;
            font-weight: 500;
        }

        .biz-sch-day-meta {
            display: flex;
            align-items: center;
            gap: 7px;
        }

        .biz-sch-day-name {
            color: #0F172A;
        }

        .biz-sch-today-badge {
            background: var(--biz-brand-color, #2563EB);
            color: #FFFFFF;
            font-size: 9px;
            font-weight: 800;
            padding: 1px 5px;
            border-radius: 9999px;
            letter-spacing: 0.04em;
        }

        .biz-sch-day-hours {
            font-weight: 600;
            color: #334155;
        }

        /* Footer del Modal */
        .biz-sch-modal-footer {
            display: flex;
            align-items: center;
            justify-content: space-between;
            flex-wrap: wrap;
            gap: 12px;
            padding-top: 14px;
            border-top: 1px solid #E2E8F0;
        }

        .biz-sch-footer-note {
            font-size: 11.5px;
            color: #64748B;
            display: inline-flex;
            align-items: center;
            gap: 6px;
        }

        .biz-sch-footer-actions {
            display: flex;
            gap: 8px;
            align-items: center;
        }

        .biz-sch-cta-btn {
            display: inline-flex;
            align-items: center;
            gap: 7px;
            padding: 8px 16px;
            border-radius: 10px;
            font-size: 12.5px;
            font-weight: 700;
            text-decoration: none;
            letter-spacing: 0.02em;
            box-shadow: 0 3px 10px rgba(0, 0, 0, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.25), inset 0 -2px 0 rgba(0, 0, 0, 0.18);
            transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
            position: relative;
        }

        .biz-sch-cta-btn.biz-sch-cta-wa {
            background: linear-gradient(135deg, #25D366 0%, #16A34A 100%);
            color: #FFFFFF;
            border: 1px solid rgba(255, 255, 255, 0.25);
            box-shadow: 0 4px 14px rgba(37, 211, 102, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.35), inset 0 -2px 0 rgba(0, 0, 0, 0.18);
        }

        .biz-sch-cta-btn.biz-sch-cta-wa:hover {
            transform: translateY(-1.5px);
            filter: brightness(1.05);
            box-shadow: 0 6px 18px rgba(37, 211, 102, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.40);
        }

        .biz-sch-cta-btn.biz-sch-cta-phone {
            background: linear-gradient(135deg, #0F172A 0%, #1E293B 100%);
            color: #FFFFFF;
            border: 1px solid rgba(255, 255, 255, 0.18);
            box-shadow: 0 4px 14px rgba(15, 23, 42, 0.30), inset 0 1px 0 rgba(255, 255, 255, 0.25), inset 0 -2px 0 rgba(0, 0, 0, 0.25);
        }

        .biz-sch-cta-btn.biz-sch-cta-phone:hover {
            transform: translateY(-1.5px);
            background: linear-gradient(135deg, #1E293B 0%, #334155 100%);
            box-shadow: 0 6px 18px rgba(15, 23, 42, 0.40), inset 0 1px 0 rgba(255, 255, 255, 0.30);
        }

        .biz-sch-cta-btn:active {
            transform: translateY(1px);
            box-shadow: 0 1px 4px rgba(0, 0, 0, 0.20), inset 0 1px 2px rgba(0, 0, 0, 0.25) !important;
        }

        .biz-sch-cta-arrow {
            transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1);
        }

        .biz-sch-cta-btn:hover .biz-sch-cta-arrow {
            transform: translateX(2.5px);
        }

        @media (max-width: 640px) {
            .biz-schedule-modal-card {
                padding: 20px 16px;
                border-radius: 22px;
            }

            .biz-sch-modal-title {
                font-size: 18px;
            }

            .biz-donostia-holiday-alert-bar {
                flex-direction: column;
                align-items: flex-start;
                padding: 14px;
            }

            .biz-holiday-alert-cta {
                width: 100%;
                text-align: center;
                margin-top: 6px;
            }

            .biz-sch-modal-footer {
                flex-direction: column;
                align-items: stretch;
            }

            .biz-sch-modal-footer>div:last-child {
                width: 100%;
                display: grid;
                grid-template-columns: 1fr;
            }

            .biz-sch-cta-btn {
                justify-content: center;
                width: 100%;
            }
        }

        /* ==========================================================================
   BANNER PUBLICITARIO BILLBOARD N16 STUDIO (ADAPTADO AL COLOR DE ACENTO)
   ========================================================================== */
.n16-banner-billboard-section {
    padding: 28px 0 42px 0;
    position: relative;
    z-index: 5;
    width: 100%;
}

.n16-billboard-card {
    max-width: 1100px;
    margin: 0 auto;
    position: relative;
    /* Fondo del color de acento corporativo elegido por el comercio */
    background: linear-gradient(135deg, 
        color-mix(in srgb, var(--biz-accent-color, var(--biz-brand-color, #2563EB)) 88%, #000000) 0%, 
        var(--biz-accent-color, var(--biz-brand-color, #2563EB)) 55%, 
        color-mix(in srgb, var(--biz-accent-color, var(--biz-brand-color, #2563EB)) 80%, #000000) 100%
    );
    border-radius: 20px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0 0 32px;
    color: #FFFFFF;
    min-height: 122px;
    box-shadow: 0 16px 40px -10px color-mix(in srgb, var(--biz-accent-color, var(--biz-brand-color, #2563EB)) 50%, rgba(0, 0, 0, 0.45)), 0 4px 14px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    border: 1px solid rgba(255, 255, 255, 0.22);
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s ease;
}

.n16-billboard-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 20px 48px -8px color-mix(in srgb, var(--biz-accent-color, var(--biz-brand-color, #2563EB)) 65%, rgba(0, 0, 0, 0.55));
}

/* 1. Marca / Logo Izquierda con Logo Oficial N16 y Filtro de Contraste */
.n16-bb-brand {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    flex-shrink: 0;
    padding-right: 24px;
    border-right: 1px solid rgba(255, 255, 255, 0.25);
}

.n16-bb-logo-img {
    height: 28px;
    width: auto;
    max-width: 130px;
    object-fit: contain;
    display: block;
    /* Filtro de contraste máximo para que se vea siempre nítido y perfecto en blanco puro */
    filter: brightness(0) invert(1) drop-shadow(0 2px 4px rgba(0, 0, 0, 0.35));
    transition: transform 0.25s ease, filter 0.25s ease;
}

.n16-bb-brand-sub {
    font-size: 0.65rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    color: rgba(255, 255, 255, 0.92);
    text-transform: uppercase;
    line-height: 1;
}

/* 2. Titular Tipográfico Central */
.n16-bb-headline {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 26px;
    flex: 1;
    min-width: 0;
}

.n16-bb-kicker {
    font-size: 0.88rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    color: rgba(255, 255, 255, 0.95);
    text-transform: uppercase;
    line-height: 1.2;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}

.n16-bb-title {
    font-size: clamp(1.35rem, 2.1vw, 2.05rem);
    font-weight: 900;
    letter-spacing: 0.04em;
    color: #FFFFFF;
    margin: 2px 0 0 0;
    text-transform: uppercase;
    line-height: 1.1;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
}

.n16-bb-sub {
    font-size: 0.76rem;
    color: rgba(255, 255, 255, 0.92);
    margin: 4px 0 0 0;
    line-height: 1.35;
}

.n16-bb-sub strong {
    color: #FFFFFF;
    font-weight: 800;
}

/* 3. Botón de Acción y URL (Con Alto Contraste en Blanco Puro sobre Fondo de Acento) */
.n16-bb-cta-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    flex-shrink: 0;
    padding: 0 24px;
    z-index: 3;
}

.n16-bb-btn {
    background: #FFFFFF !important;
    color: #0F172A !important;
    font-weight: 850;
    font-size: 0.8rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    padding: 11px 26px;
    border-radius: 999px;
    text-decoration: none !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
    transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), filter 0.2s ease, box-shadow 0.25s ease, background 0.2s ease;
    white-space: nowrap;
    border: none;
}

.n16-bb-btn:hover {
    transform: scale(1.05);
    background: #F8FAFC !important;
    box-shadow: 0 10px 26px rgba(0, 0, 0, 0.35);
}

.n16-bb-url {
    font-size: 0.72rem;
    color: rgba(255, 255, 255, 0.92);
    text-decoration: none;
    letter-spacing: 0.02em;
    transition: color 0.2s ease;
}

.n16-bb-url:hover {
    color: #FFFFFF;
    text-decoration: underline;
}

/* 4. Elemento Gráfico y Fotografía Derecha con Halo Circular */
.n16-bb-visual {
    position: relative;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-right: 28px;
    z-index: 2;
}

.n16-bb-circle-halo {
    position: absolute;
    width: 125px;
    height: 125px;
    border-radius: 50%;
    background: color-mix(in srgb, var(--biz-accent-color, var(--biz-brand-color, #FFFFFF)) 25%, transparent);
    right: 16px;
    pointer-events: none;
    z-index: 1;
}

.n16-bb-avatar-frame {
    position: relative;
    width: 96px;
    height: 96px;
    border-radius: 50%;
    overflow: hidden;
    border: 3px solid color-mix(in srgb, var(--biz-accent-color, var(--biz-brand-color, #FFFFFF)) 60%, #FFFFFF);
    box-shadow: 0 8px 24px -4px rgba(0, 0, 0, 0.35);
    z-index: 2;
    background: color-mix(in srgb, var(--biz-accent-color, var(--biz-brand-color, #0284C7)) 85%, #ffffff 15%);
}

.n16-bb-person-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 20%;
    display: block;
}

/* Responsive Media Queries */
@media (max-width: 992px) {
    .n16-billboard-card {
        padding: 0 0 0 20px;
    }
    .n16-bb-brand {
        padding-right: 16px;
    }
    .n16-bb-headline {
        padding-left: 18px;
    }
    .n16-bb-visual {
        padding-right: 18px;
    }
    .n16-bb-avatar-frame {
        width: 84px;
        height: 84px;
    }
    .n16-bb-circle-halo {
        width: 110px;
        height: 110px;
        right: 8px;
    }
}

@media (max-width: 768px) {
    .n16-billboard-card {
        flex-direction: column;
        padding: 24px 20px 20px 20px;
        min-height: auto;
        justify-content: center;
        text-align: center;
    }
    .n16-bb-brand {
        border-right: none;
        padding-right: 0;
        margin-bottom: 12px;
        flex-direction: row;
        gap: 8px;
        width: 100%;
    }
    .n16-bb-headline {
        padding-left: 0;
        align-items: center;
        width: 100%;
        margin-bottom: 16px;
    }
    .n16-bb-title {
        font-size: 1.55rem;
    }
    .n16-bb-cta-wrap {
        padding: 0;
        margin-bottom: 16px;
        width: 100%;
    }
    .n16-bb-btn {
        width: 100%;
        max-width: 260px;
    }
    .n16-bb-visual {
        padding-right: 0;
    }
    .n16-bb-avatar-frame {
        width: 92px;
        height: 92px;
    }
    .n16-bb-circle-halo {
        display: none;
    }
}

        /* ==========================================================================
           SUITE DE ALTA GAMA & DIFUSIÓN VIP (FLAGSHIP MASTHEAD, PRIDE & SHARE MODAL)
           ========================================================================== */

        /* 1. Haute Flagship Masthead */
        .biz-masthead-luxury {
            background: rgba(7, 10, 18, 0.94);
            border-bottom: 1px solid rgba(212, 175, 55, 0.18);
            backdrop-filter: blur(16px);
            -webkit-backdrop-filter: blur(16px);
        }

        .biz-masthead-badge {
            background: linear-gradient(135deg, rgba(212, 175, 55, 0.12) 0%, rgba(212, 175, 55, 0.04) 100%);
            border: 1px solid rgba(212, 175, 55, 0.3);
            color: #E6CA65;
            box-shadow: 0 0 12px rgba(212, 175, 55, 0.12);
        }

        .biz-masthead-spark {
            color: #D4AF37;
            font-size: 12px;
            display: inline-block;
            animation: bizSparkPulse 3s ease-in-out infinite;
        }

        @keyframes bizSparkPulse {

            0%,
            100% {
                opacity: 0.7;
                transform: scale(0.95);
            }

            50% {
                opacity: 1;
                transform: scale(1.15);
                filter: drop-shadow(0 0 6px #D4AF37);
            }
        }

        .biz-masthead-share-btn {
            background: linear-gradient(135deg, rgba(212, 175, 55, 0.16) 0%, rgba(212, 175, 55, 0.06) 100%);
            border: 1px solid rgba(212, 175, 55, 0.35);
            color: #F8FAFC;
            transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
        }

        .biz-masthead-share-btn:hover {
            background: linear-gradient(135deg, #D4AF37 0%, #AA820A 100%);
            color: #06080E;
            border-color: #D4AF37;
            transform: translateY(-1px);
            box-shadow: 0 6px 18px rgba(212, 175, 55, 0.35);
        }

        /* 2. Monograma Escudo de la Marca en Master Dock */
        .biz-dock-logo-monogram {
            width: 44px;
            height: 44px;
            border-radius: 12px;
            background: linear-gradient(145deg, #1E2538 0%, #0D1220 100%);
            border: 1px solid rgba(212, 175, 55, 0.35);
            box-shadow: 0 4px 14px rgba(0, 0, 0, 0.4), inset 0 1px 1px rgba(255, 255, 255, 0.15);
            display: flex;
            align-items: center;
            justify-content: center;
            font-family: 'Outfit', sans-serif;
            font-size: 17px;
            font-weight: 800;
            color: #E6CA65;
            letter-spacing: -0.02em;
            flex-shrink: 0;
            transition: all 0.25s ease;
        }

        .biz-dock-brand:hover .biz-dock-logo-monogram {
            border-color: #D4AF37;
            box-shadow: 0 0 20px rgba(212, 175, 55, 0.4);
            transform: scale(1.05);
        }

        /* 3. Hero Kicker & Tagline */
        .biz-dispatch-kicker-spark {
            color: #D4AF37;
            font-size: 13px;
            margin-right: 2px;
        }

        .biz-dispatch-tagline {
            font-size: 15px;
            line-height: 1.55;
            color: #CBD5E1;
            margin: 0 0 4px 0;
            font-weight: 400;
            letter-spacing: -0.01em;
        }

        /* Botón Presumir / Compartir en Fila CTA (Master Dock Capsule) */
        .biz-btn-dual-share {
            display: inline-flex;
            align-items: center;
            gap: 7px;
            padding: 8.5px 16px;
            border-radius: 9999px;
            background: rgba(15, 23, 42, 0.06);
            border: 1px solid rgba(15, 23, 42, 0.15);
            color: #0F172A !important;
            font-size: 13px;
            font-weight: 700;
            cursor: pointer;
            flex-shrink: 0;
            transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
            text-decoration: none;
            letter-spacing: -0.01em;
        }

        .biz-btn-dual-share svg {
            color: #475569;
            flex-shrink: 0;
        }

        .biz-btn-dual-share:hover {
            background: rgba(15, 23, 42, 0.12);
            border-color: rgba(15, 23, 42, 0.25);
            color: #000000 !important;
            transform: translateY(-1.5px);
            box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
        }

        [data-theme="dark"] .biz-btn-dual-share {
            background: rgba(255, 255, 255, 0.08);
            border: 1px solid rgba(255, 255, 255, 0.18);
            color: #F8FAFC !important;
        }

        [data-theme="dark"] .biz-btn-dual-share svg {
            color: #CBD5E1;
        }

        [data-theme="dark"] .biz-btn-dual-share:hover {
            background: rgba(255, 255, 255, 0.16);
            border-color: rgba(255, 255, 255, 0.3);
            color: #FFFFFF !important;
            box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
        }

        /* 4. MODAL DE DIFUSIÓN Y PRESTIGIO OFICIAL (#bizLuxuryShareModal) */
        .biz-share-modal-overlay {
            position: fixed;
            inset: 0;
            z-index: 10000;
            background: rgba(4, 7, 14, 0.86);
            backdrop-filter: blur(22px);
            -webkit-backdrop-filter: blur(22px);
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 20px;
            opacity: 0;
            pointer-events: none;
            transition: opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1);
        }

        .biz-share-modal-overlay.active {
            opacity: 1;
            pointer-events: auto;
        }

        .biz-share-modal-card {
            background: radial-gradient(circle at 50% 0%, #25334E 0%, var(--surface-3, #1E293F) 100%);
            border: 1px solid rgba(212, 175, 55, 0.35);
            border-radius: 28px;
            box-shadow: 0 35px 80px -15px rgba(0, 0, 0, 0.85), 0 0 50px rgba(212, 175, 55, 0.14);
            width: 100%;
            max-width: 530px;
            max-height: 90vh;
            overflow-y: auto;
            padding: clamp(26px, 4vw, 36px);
            position: relative;
            color: #F8FAFC;
            transform: scale(0.94) translateY(14px);
            transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);
        }

        .biz-share-modal-overlay.active .biz-share-modal-card {
            transform: scale(1) translateY(0);
        }

        .biz-share-modal-close {
            position: absolute;
            top: 18px;
            right: 18px;
            width: 36px;
            height: 36px;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.06);
            border: 1px solid rgba(255, 255, 255, 0.12);
            color: #94A3B8;
            font-size: 22px;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            line-height: 1;
            transition: all 0.2s ease;
        }

        .biz-share-modal-close:hover {
            background: rgba(255, 255, 255, 0.14);
            color: #FFFFFF;
            transform: rotate(90deg);
        }

        .biz-share-modal-header {
            text-align: center;
            margin-bottom: 22px;
        }

        .biz-share-modal-spark-icon {
            color: #D4AF37;
            font-size: 22px;
            line-height: 1;
            margin-bottom: 6px;
            filter: drop-shadow(0 0 8px rgba(212, 175, 55, 0.5));
        }

        .biz-share-modal-kicker {
            font-size: 11px;
            font-weight: 700;
            letter-spacing: 0.16em;
            text-transform: uppercase;
            color: #D4AF37;
            margin-bottom: 6px;
        }

        .biz-share-modal-title {
            font-family: 'Outfit', sans-serif;
            font-size: clamp(22px, 3vw, 27px);
            font-weight: 800;
            color: #FFFFFF;
            letter-spacing: -0.025em;
            margin: 0 0 8px 0;
            line-height: 1.2;
        }

        .biz-share-modal-desc {
            font-size: 13px;
            color: #94A3B8;
            line-height: 1.5;
            margin: 0;
            max-width: 440px;
            margin-left: auto;
            margin-right: auto;
        }

        /* Tarjeta Preview */
        .biz-share-preview-card {
            background: rgba(255, 255, 255, 0.03);
            border: 1px solid rgba(255, 255, 255, 0.09);
            border-radius: 20px;
            overflow: hidden;
            display: flex;
            gap: 16px;
            padding: 12px;
            margin-bottom: 22px;
            align-items: center;
            box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.08);
        }

        .biz-share-preview-media {
            width: 86px;
            height: 86px;
            border-radius: 14px;
            overflow: hidden;
            position: relative;
            flex-shrink: 0;
        }

        .biz-share-preview-media img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }

        .biz-share-preview-body {
            flex: 1;
            min-width: 0;
        }

        .biz-share-preview-cat {
            font-size: 11px;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 0.06em;
            color: #94A3B8;
            margin-bottom: 3px;
        }

        .biz-share-preview-name {
            font-family: 'Outfit', sans-serif;
            font-size: 17px;
            font-weight: 800;
            color: #FFFFFF;
            letter-spacing: -0.015em;
            margin-bottom: 6px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .biz-share-preview-rating {
            display: flex;
            align-items: center;
            gap: 6px;
            font-size: 12px;
        }

        .biz-share-preview-stars {
            color: #EAB308;
            letter-spacing: 1px;
        }

        .biz-share-preview-score {
            font-weight: 700;
            color: #F8FAFC;
        }

        .biz-share-preview-dot {
            opacity: 0.4;
        }

        .biz-share-preview-verified {
            color: #60A5FA;
            font-weight: 600;
        }

        /* Acciones de Difusión */
        .biz-share-actions-grid {
            display: flex;
            flex-direction: column;
            gap: 12px;
            margin-bottom: 22px;
        }

        .biz-share-action-btn {
            display: flex;
            align-items: center;
            gap: 14px;
            padding: 14px 18px;
            border-radius: 16px;
            text-decoration: none;
            cursor: pointer;
            transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
            text-align: left;
            width: 100%;
            box-sizing: border-box;
            border: none;
        }

        .biz-share-action-wa {
            background: linear-gradient(135deg, #15803D 0%, #0F5132 100%);
            border: 1px solid rgba(74, 222, 128, 0.4);
            color: #FFFFFF;
            box-shadow: 0 8px 24px -6px rgba(21, 128, 61, 0.5);
        }

        .biz-share-action-wa:hover {
            background: linear-gradient(135deg, #16A34A 0%, #15803D 100%);
            transform: translateY(-2px);
            box-shadow: 0 12px 28px -4px rgba(34, 197, 94, 0.6);
            color: #FFFFFF;
        }

        .biz-share-action-copy {
            background: rgba(255, 255, 255, 0.05);
            border: 1px solid rgba(255, 255, 255, 0.12);
            color: #F8FAFC;
        }

        .biz-share-action-copy:hover {
            background: rgba(255, 255, 255, 0.1);
            border-color: rgba(212, 175, 55, 0.4);
            transform: translateY(-2px);
        }

        .biz-share-action-copy.is-copied {
            background: rgba(34, 197, 94, 0.2);
            border-color: rgba(74, 222, 128, 0.6);
            color: #4ADE80;
        }

        .biz-share-action-icon {
            width: 38px;
            height: 38px;
            border-radius: 10px;
            background: rgba(255, 255, 255, 0.12);
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
        }

        .biz-share-action-texts {
            display: flex;
            flex-direction: column;
            gap: 2px;
        }

        .biz-share-action-main {
            font-size: 14.5px;
            font-weight: 700;
            line-height: 1.2;
        }

        .biz-share-action-sub {
            font-size: 11.5px;
            opacity: 0.75;
            line-height: 1.2;
        }

        /* Sección QR Mostrador */
        .biz-share-qr-section {
            background: rgba(255, 255, 255, 0.02);
            border: 1px dashed rgba(212, 175, 55, 0.35);
            border-radius: 20px;
            padding: 16px;
            display: flex;
            align-items: center;
            gap: 18px;
            margin-bottom: 18px;
        }

        .biz-share-qr-box {
            width: 90px;
            height: 90px;
            background: #FFFFFF;
            padding: 6px;
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5);
        }

        .biz-share-qr-img {
            width: 100%;
            height: 100%;
            object-fit: contain;
            display: block;
        }

        .biz-share-qr-info {
            flex: 1;
            min-width: 0;
        }

        .biz-share-qr-tag {
            font-size: 10px;
            font-weight: 700;
            letter-spacing: 0.14em;
            color: #D4AF37;
            text-transform: uppercase;
            margin-bottom: 3px;
        }

        .biz-share-qr-headline {
            font-family: 'Outfit', sans-serif;
            font-size: 14.5px;
            font-weight: 700;
            color: #FFFFFF;
            margin-bottom: 4px;
        }

        .biz-share-qr-p {
            font-size: 11.5px;
            color: #94A3B8;
            line-height: 1.45;
            margin: 0;
        }

        .biz-share-modal-footer {
            text-align: center;
            font-size: 11px;
            color: #64748B;
            letter-spacing: 0.04em;
            padding-top: 6px;
        }

        /* ==========================================================================
           LAYOUT EDITORIAL DE ALTO ESTATUS: ANCHO ACOTADO (MAX-WIDTH: 1380PX)
           ========================================================================== */

        /* 1. ANCHO MÁXIMO DE CONTENIDO CENTRADO Y CONSISTENTE EN ESCRITORIO */
        .container,
        .biz-editorial-wrap {
            width: 100% !important;
            max-width: 1380px !important;
            margin-left: auto !important;
            margin-right: auto !important;
            padding-left: clamp(20px, 3.2vw, 44px) !important;
            padding-right: clamp(20px, 3.2vw, 44px) !important;
            box-sizing: border-box !important;
        }

        .biz-editorial-canvas {
            width: 100% !important;
            max-width: 100% !important;
            overflow-x: clip;
            position: relative;
            z-index: 10;
        }

        /* 2. HERO CINEMÁTICO A PANTALLA COMPLETA (EMPIEZA LIMPIAMENTE TRAS EL MENÚ) */
        .biz-hero.biz-hero--fullbleed {
            position: relative;
            width: 100%;
            max-width: 100%;
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            background: #0F172A;
            display: block;
        }

        /* Escena fotográfica panorámica editorial de gran altura y presencia */
        .biz-hero-full-stage {
            position: relative;
            width: 100%;
            /* Siempre el 60% del alto de la pantalla (svh = estable en móvil) */
            height: 60vh;
            height: 60svh;
            min-height: 0;
            max-height: none;
            border-radius: 0;
            overflow: hidden;
            display: flex;
            align-items: stretch;
            justify-content: center;
            box-shadow: none;
            background: #0F172A;
            z-index: 1;
        }

        [data-theme="dark"] .biz-hero-full-stage {
            box-shadow: none;
        }

        .biz-hero-full-stage picture,
        .biz-hero-full-stage .edge-optimized-picture {
            width: 100%;
            height: 100%;
            display: block;
        }

        .biz-hero-full-media {
            width: 100%;
            height: 100%;
            min-height: 100%;
            object-fit: cover;
            object-position: center top !important;
            display: block;
            image-rendering: auto;
            image-rendering: -webkit-optimize-contrast;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
        }

        /* Scrim fotográfico: la imagen se muestra completamente limpia y nítida */
        .biz-hero-full-scrim {
            position: absolute;
            inset: 0;
            pointer-events: none;
            background: linear-gradient(180deg,
                    rgba(15, 23, 42, 0.0) 0%,
                    rgba(15, 23, 42, 0.0) 70%,
                    rgba(15, 23, 42, 0.2) 100%);
            z-index: 2;
        }

        /* Barra de badges flotante superior (Botón de fotos a la derecha) */
        .biz-hero-full-topbar {
            position: absolute;
            top: 14px;
            left: 0;
            right: 0;
            pointer-events: auto;
            padding: 0 clamp(20px, 3vw, 40px);
            display: flex;
            justify-content: flex-end;
            align-items: center;
            z-index: 5;
            pointer-events: auto;
        }

        .biz-hero-full-badge-gallery {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 8px 18px;
            border-radius: 999px;
            background: rgba(255, 255, 255, 0.92);
            backdrop-filter: blur(16px);
            -webkit-backdrop-filter: blur(16px);
            border: 1px solid rgba(255, 255, 255, 0.95);
            color: #0F172A;
            font-size: 13px;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.22);
        }

        .biz-hero-full-badge-gallery:hover {
            background: #FFFFFF;
            transform: translateY(-2px);
            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
            color: var(--biz-brand-color, #2563EB);
        }

        /* 3. BARRA DE IDENTIDAD Y RUTA DE PRESTIGIO SITUADA DEBAJO DEL HERO */
        .biz-hero-below-identity-card {
            background: #FFFFFF;
            border: 1px solid rgba(226, 232, 240, 0.95);
            border-radius: 20px;
            padding: 16px clamp(18px, 2.4vw, 32px);
            box-shadow: 0 4px 20px -4px rgba(15, 23, 42, 0.06), 0 1px 3px rgba(0, 0, 0, 0.02);
            display: flex;
            flex-direction: column;
            gap: 4px;
            width: 100%;
            box-sizing: border-box;
            margin-bottom: 24px;
            transition: all 0.25s ease;
        }

        [data-theme="dark"] .biz-hero-below-identity-card {
            background: #1E293B;
            border-color: rgba(255, 255, 255, 0.1);
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
        }

        .biz-hero-full-console-wrap {
            display: none !important;
        }

        .biz-hero-full-console-card {
            display: none !important;
        }

        .biz-hero-full-identity {
            display: flex;
            flex-direction: column;
            gap: 2px;
            flex: 1 1 auto;
            min-width: 220px;
        }

        .biz-hero-full-title {
            font-family: 'Outfit', sans-serif;
            font-size: clamp(20px, 2.2vw, 30px);
            font-weight: 800;
            letter-spacing: -0.025em;
            line-height: 1.15;
            color: #0F172A;
            margin: 0;
        }

        [data-theme="dark"] .biz-hero-full-title {
            color: #FFFFFF;
        }

        /* Breadcrumb Integrado en Consola Flotante Hero */
        .biz-hero-console-breadcrumb {
            margin-bottom: 2px;
        }

        .biz-hero-console-breadcrumb ol {
            list-style: none;
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            gap: 6px;
            padding: 0;
            margin: 0;
        }

        .biz-hero-console-breadcrumb li {
            font-size: 11px;
            font-weight: 700;
            letter-spacing: 0.6px;
            text-transform: uppercase;
            color: #64748b;
            display: inline-flex;
            align-items: center;
            gap: 6px;
            line-height: 1.2;
        }

        .biz-hero-console-breadcrumb a {
            color: #64748b;
            text-decoration: none;
            transition: color 0.18s ease;
        }

        .biz-hero-console-breadcrumb a:hover {
            color: var(--biz-brand-color, #2563EB);
        }

        .biz-hero-console-breadcrumb .biz-bc-sep {
            color: #cbd5e1;
            font-size: 10px;
            font-weight: 400;
        }

        .biz-hero-console-breadcrumb li.active,
        .biz-hero-console-breadcrumb .biz-bc-current-name {
            color: #0f172a;
            font-weight: 800;
        }

        [data-theme="dark"] .biz-hero-console-breadcrumb li,
        [data-theme="dark"] .biz-hero-console-breadcrumb a {
            color: #94a3b8;
        }

        [data-theme="dark"] .biz-hero-console-breadcrumb li.active,
        [data-theme="dark"] .biz-hero-console-breadcrumb .biz-bc-current-name {
            color: #f1f5f9;
        }

        /* Fila de Título, Insignia de Verificación y Badge de Categoría */
        .biz-hero-console-title-row {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 16px;
            flex-wrap: wrap;
            width: 100%;
        }

        .biz-hero-title-group {
            display: flex;
            align-items: center;
            gap: 14px;
            flex-wrap: wrap;
        }

        /* Insignia Oficial Verificada — El Color de Acento se reserva con carácter exclusivo */
        .biz-hero-verified-badge {
            display: inline-flex;
            align-items: center;
            gap: 5px;
            padding: 4px 12px;
            border-radius: 9999px;
            background: color-mix(in srgb, var(--biz-brand-color, #2563EB) 12%, transparent);
            border: 1px solid color-mix(in srgb, var(--biz-brand-color, #2563EB) 30%, transparent);
            color: var(--biz-brand-color, #2563EB);
            font-size: 11.5px;
            font-weight: 800;
            letter-spacing: 0.4px;
            white-space: nowrap;
            box-shadow: 0 2px 8px color-mix(in srgb, var(--biz-brand-color, #2563EB) 16%, transparent);
            transition: transform 0.2s ease, box-shadow 0.2s ease;
        }

        .biz-hero-verified-badge:hover {
            transform: translateY(-1px);
            box-shadow: 0 4px 12px color-mix(in srgb, var(--biz-brand-color, #2563EB) 26%, transparent);
        }

        .biz-hero-verified-badge svg {
            flex-shrink: 0;
        }

        .biz-hero-actions-group {
            display: flex;
            align-items: center;
            gap: 12px;
            flex-wrap: wrap;
        }

        /* Botón Principal de Conversión Directa del Escaparate — 10% Mono-Accent Conversion Dominance */
        .biz-hero-direct-cta {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 8px 18px;
            border-radius: 9999px;
            background: linear-gradient(135deg, #22C55E 0%, #16A34A 100%) !important;
            color: #FFFFFF !important;
            font-family: 'Outfit', sans-serif;
            font-size: 12.5px;
            font-weight: 800;
            letter-spacing: 0.5px;
            text-transform: uppercase;
            text-decoration: none !important;
            box-shadow: 0 4px 18px rgba(34, 197, 94, 0.40), inset 0 1px 1px rgba(255, 255, 255, 0.40) !important;
            border: 1px solid rgba(255, 255, 255, 0.32) !important;
            transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
            white-space: nowrap;
        }

        .biz-hero-direct-cta:hover {
            transform: translateY(-2px);
            background: linear-gradient(135deg, #16A34A 0%, #15803D 100%) !important;
            filter: brightness(1.05);
            box-shadow: 0 8px 24px rgba(34, 197, 94, 0.55), inset 0 1px 1.5px rgba(255, 255, 255, 0.50) !important;
        }

        .biz-hero-direct-cta:active {
            transform: translateY(0);
        }

        .biz-hero-console-category-badge {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            padding: 5px 13px;
            border-radius: 9999px;
            background: rgba(241, 245, 249, 0.95);
            border: 1px solid rgba(203, 213, 225, 0.85);
            color: #334155;
            font-size: 12px;
            font-weight: 700;
            white-space: nowrap;
            letter-spacing: 0.2px;
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
            transition: all 0.2s ease;
        }

        [data-theme="dark"] .biz-hero-console-category-badge {
            background: rgba(255, 255, 255, 0.08);
            border-color: rgba(255, 255, 255, 0.14);
            color: #e2e8f0;
        }

        .biz-hero-full-address {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            color: #475569;
            font-size: 13px;
            font-weight: 500;
            text-decoration: none;
            transition: color 0.2s ease;
            margin: 0;
            width: fit-content;
        }

        .biz-hero-full-address:hover {
            color: var(--biz-brand-color, #2563EB);
        }

        [data-theme="dark"] .biz-hero-full-address {
            color: #94A3B8;
        }

        .biz-hero-full-actions {
            display: flex;
            align-items: center;
            gap: 10px;
            flex-wrap: wrap;
            justify-content: flex-end;
            flex: 0 0 auto;
        }

        .biz-hero-full-status-pill {
            display: inline-flex;
            align-items: center;
            gap: 7px;
            padding: 7px 14px;
            border-radius: 999px;
            background: rgba(241, 245, 249, 0.9);
            border: 1px solid rgba(203, 213, 225, 0.8);
            font-size: 12px;
            font-weight: 600;
            color: #1E293B;
            cursor: pointer;
            transition: all 0.2s ease;
        }

        .biz-hero-full-status-pill:hover {
            background: #FFFFFF;
            transform: translateY(-1px);
            border-color: #94A3B8;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
        }

        [data-theme="dark"] .biz-hero-full-status-pill {
            background: rgba(30, 41, 59, 0.85);
            border: 1px solid rgba(255, 255, 255, 0.12);
            color: #F1F5F9;
        }

        .biz-hero-full-btn-wa {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 8px 18px;
            border-radius: 999px;
            background: linear-gradient(135deg, #22C55E 0%, #16A34A 100%);
            color: #FFFFFF !important;
            font-size: 13px;
            font-weight: 700;
            text-decoration: none;
            box-shadow: 0 4px 14px rgba(34, 197, 94, 0.3);
            transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
        }

        .biz-hero-full-btn-wa:hover {
            background: linear-gradient(135deg, #16A34A 0%, #15803D 100%);
            transform: translateY(-2px);
            box-shadow: 0 8px 20px rgba(34, 197, 94, 0.4);
            color: #FFFFFF !important;
        }

        .biz-hero-full-btn-call {
            display: inline-flex;
            align-items: center;
            gap: 7px;
            padding: 8px 16px;
            border-radius: 999px;
            background: #0F172A;
            color: #FFFFFF !important;
            font-size: 13px;
            font-weight: 600;
            text-decoration: none;
            transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
            box-shadow: 0 4px 14px rgba(15, 23, 42, 0.18);
        }

        .biz-hero-full-btn-call:hover {
            background: #1E293B;
            transform: translateY(-2px);
            box-shadow: 0 8px 18px rgba(15, 23, 42, 0.25);
            color: #FFFFFF !important;
        }

        [data-theme="dark"] .biz-hero-full-btn-call {
            background: #FFFFFF;
            color: #0F172A !important;
        }

        .biz-hero-full-tools {
            display: flex;
            align-items: center;
            gap: 7px;
        }

        .biz-hero-full-tool-btn {
            width: 36px;
            height: 36px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            background: rgba(241, 245, 249, 0.9);
            border: 1px solid rgba(203, 213, 225, 0.8);
            color: #334155;
            cursor: pointer;
            transition: all 0.2s ease;
        }

        .biz-hero-full-tool-btn:hover {
            background: #FFFFFF;
            color: #0F172A;
            transform: translateY(-2px);
            border-color: #94A3B8;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
        }

        [data-theme="dark"] .biz-hero-full-tool-btn {
            background: rgba(30, 41, 59, 0.85);
            border: 1px solid rgba(255, 255, 255, 0.12);
            color: #E2E8F0;
        }

        .biz-hero-full-action-row {
            display: flex;
            align-items: center;
            gap: 8px;
        }

        /* 4. AJUSTES RESPONSIVOS DEL HERO (MOBILE & TABLET EXCELLENCE) */
        @media (max-width: 860px) {
            .biz-hero.biz-hero--fullbleed {
                max-width: 100% !important;
                margin: 0 !important;
                padding: 0 !important;
                overflow: visible !important;
                padding-bottom: 20px !important;
            }

            .biz-hero-full-stage {
                position: relative !important;
                top: auto !important;
                height: 60vh !important;
                height: 60svh !important;
                min-height: 0 !important;
                border-radius: 0 !important;
                box-shadow: none !important;
                overflow: hidden !important;
            }

            .biz-hero-full-topbar {
                top: 14px !important;
                padding: 0 16px !important;
                justify-content: flex-end !important;
            }

            .biz-hero-full-console-wrap {
                position: relative !important;
                bottom: auto !important;
                padding: 0 clamp(14px, 3.2vw, 20px) !important;
                margin-top: -30px !important;
                z-index: 10 !important;
            }

            .biz-hero-full-console-card {
                flex-direction: column !important;
                align-items: stretch !important;
                gap: 12px !important;
                padding: 14px 16px !important;
                border-radius: 18px !important;
                box-shadow: 0 14px 34px -10px rgba(15, 23, 42, 0.18) !important;
            }

            .biz-hero-full-identity {
                flex: 1 1 auto !important;
                min-width: 0 !important;
                gap: 2px !important;
            }

            .biz-hero-full-title {
                font-size: clamp(22px, 5.5vw, 28px) !important;
            }

            .biz-hero-full-actions {
                display: flex !important;
                flex-direction: column !important;
                gap: 8px !important;
                width: 100% !important;
            }

            .biz-hero-full-action-row {
                display: flex !important;
                align-items: center !important;
                gap: 8px !important;
                width: 100% !important;
            }

            .biz-hero-full-btn-wa {
                flex: 1 !important;
                justify-content: center !important;
                padding: 10px 16px !important;
                font-size: 13.5px !important;
            }

            .biz-hero-full-btn-call {
                flex: 1 !important;
                justify-content: center !important;
                padding: 9px 16px !important;
                font-size: 13px !important;
            }

            .biz-hero-full-status-pill {
                width: 100% !important;
                justify-content: center !important;
                padding: 8px 14px !important;
                font-size: 12px !important;
            }

            .biz-hero-full-tools {
                display: flex !important;
                gap: 8px !important;
                justify-content: center !important;
            }
        }

        @media (max-width: 520px) {
            .biz-hero-full-stage {
                height: 60vh !important;
                height: 60svh !important;
                min-height: 0 !important;
            }

            .biz-hero-full-topbar {
                top: 12px !important;
                padding: 0 12px !important;
            }

            .biz-hero-full-badge-gallery {
                font-size: 11.5px !important;
                padding: 6px 12px !important;
            }

            .biz-hero-full-console-wrap {
                margin-top: -26px !important;
                padding: 0 12px !important;
            }

            .biz-hero-full-console-card {
                padding: 14px 14px !important;
                border-radius: 16px !important;
                gap: 10px !important;
            }

            .biz-hero-full-title {
                font-size: 22px !important;
            }

            .biz-hero-full-address {
                font-size: 12px !important;
            }

            .biz-hero-full-tool-btn {
                width: 38px !important;
                height: 38px !important;
            }
        }

        /* 4.5. CABECERA EDITORIAL FLEX & BADGE DE CATEGORÍA Y BARRIO REUBICADO */
        .biz-editorial-strip-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            gap: 12px;
            margin-bottom: 14px;
        }

        .biz-editorial-category-badge {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 6px 16px;
            border-radius: 999px;
            background: rgba(15, 23, 42, 0.05);
            border: 1px solid rgba(15, 23, 42, 0.1);
            color: #334155;
            font-size: 12.5px;
            font-weight: 600;
            letter-spacing: 0.01em;
            font-family: 'Outfit', -apple-system, sans-serif;
            transition: all 0.2s ease;
        }

        [data-theme="dark"] .biz-editorial-category-badge {
            background: rgba(255, 255, 255, 0.06);
            border-color: rgba(255, 255, 255, 0.12);
            color: #CBD5E1;
        }

        .biz-editorial-category-badge .biz-badge-dot {
            width: 7px;
            height: 7px;
            border-radius: 50%;
            background: #22C55E;
            box-shadow: 0 0 8px #22C55E;
        }

        /* 5. TARJETA DE AUTORIDAD Y CONFIANZA EDITORIAL (MONOGRAPH TRUST CARD TECH-LUXE) */
        .biz-monograph-trust-card {
            background: var(--theme-card-bg);
            backdrop-filter: blur(20px);
            -webkit-backdrop-filter: blur(20px);
            border: 1px solid var(--theme-card-border);
            border-radius: 24px;
            padding: 24px 22px;
            box-shadow: 0 16px 36px -12px rgba(0, 0, 0, 0.08), 0 0 0 1px color-mix(in srgb, var(--biz-brand-color) 12%, transparent);
            display: flex;
            flex-direction: column;
            gap: 16px;
            position: relative;
            overflow: hidden;
            margin-top: 6px;
            transition: box-shadow 0.3s ease, border-color 0.3s ease;
        }

        .biz-monograph-trust-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 3px;
            background: linear-gradient(90deg, var(--biz-brand-color, #2563EB), color-mix(in srgb, var(--biz-brand-color, #2563EB) 50%, #38BDF8));
        }

        .biz-trust-card-top {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 10px;
            flex-wrap: wrap;
            padding-bottom: 14px;
            border-bottom: 1px solid var(--theme-card-border);
        }

        .biz-trust-badge-verified {
            display: inline-flex;
            align-items: center;
            gap: 7px;
            padding: 5px 12px;
            border-radius: 999px;
            background: color-mix(in srgb, var(--biz-brand-color, #2563EB) 10%, transparent);
            color: var(--biz-brand-color, #2563EB);
            font-size: 11.5px;
            font-weight: 700;
            border: 1px solid color-mix(in srgb, var(--biz-brand-color, #2563EB) 26%, transparent);
            letter-spacing: 0.01em;
        }

        [data-theme="dark"] .biz-trust-badge-verified {
            background: color-mix(in srgb, var(--biz-brand-color, #2563EB) 18%, transparent);
            color: color-mix(in srgb, var(--biz-brand-color, #2563EB) 40%, #93C5FD);
            border-color: color-mix(in srgb, var(--biz-brand-color, #2563EB) 35%, transparent);
        }

        .biz-trust-beacon {
            width: 7px;
            height: 7px;
            border-radius: 50%;
            background: var(--biz-brand-color, #2563EB);
            box-shadow: 0 0 0 0 color-mix(in srgb, var(--biz-brand-color, #2563EB) 70%, transparent);
            animation: bizBeaconPulse 1.8s infinite;
        }

        @keyframes bizBeaconPulse {
            0% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--biz-brand-color, #2563EB) 70%, transparent); }
            70% { box-shadow: 0 0 0 6px color-mix(in srgb, var(--biz-brand-color, #2563EB) 0%, transparent); }
            100% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--biz-brand-color, #2563EB) 0%, transparent); }
        }

        .biz-trust-city-pill {
            display: inline-flex;
            align-items: center;
            gap: 5px;
            font-size: 11px;
            font-weight: 700;
            letter-spacing: 0.05em;
            text-transform: uppercase;
            color: var(--theme-text-muted);
            background: var(--theme-subtle-bg);
            padding: 4px 10px;
            border-radius: 999px;
            border: 1px solid var(--theme-card-border);
        }

        .biz-trust-points-list {
            display: flex;
            flex-direction: column;
            gap: 10px;
        }

        .biz-trust-point-item {
            display: flex;
            align-items: center;
            gap: 12px;
            padding: 10px 12px;
            border-radius: 14px;
            background: color-mix(in srgb, var(--theme-card-bg) 60%, var(--theme-subtle-bg));
            border: 1px solid color-mix(in srgb, var(--theme-card-border) 60%, transparent);
            transition: all 0.22s cubic-bezier(0.4, 0, 0.2, 1);
        }

        .biz-trust-point-item:hover {
            background: var(--theme-card-bg);
            border-color: color-mix(in srgb, var(--biz-brand-color, #2563EB) 35%, var(--theme-card-border));
            transform: translateX(2px);
        }

        .biz-trust-point-icon {
            width: 36px;
            height: 36px;
            border-radius: 11px;
            background: color-mix(in srgb, var(--biz-brand-color, #2563EB) 9%, var(--theme-subtle-bg));
            border: 1px solid color-mix(in srgb, var(--biz-brand-color, #2563EB) 20%, transparent);
            color: var(--biz-brand-color, #2563EB);
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
            transition: transform 0.25s ease, background 0.25s ease;
        }

        .biz-trust-point-item:hover .biz-trust-point-icon {
            transform: scale(1.06);
            background: color-mix(in srgb, var(--biz-brand-color, #2563EB) 16%, var(--theme-subtle-bg));
        }

        .biz-trust-point-details {
            min-width: 0;
            flex: 1;
        }

        .biz-trust-point-label {
            font-size: 10px;
            font-weight: 800;
            text-transform: uppercase;
            letter-spacing: 0.07em;
            color: var(--theme-text-muted);
            line-height: 1.2;
        }

        .biz-trust-point-val {
            font-size: 13px;
            font-weight: 700;
            color: var(--theme-text-hero);
            margin-top: 2px;
            display: flex;
            align-items: center;
            gap: 6px;
            line-height: 1.35;
        }

        .biz-monograph-trust-card .biz-status-dot-mini.biz-status-open {
            background: var(--biz-brand-color, #2563EB);
            box-shadow: 0 0 8px color-mix(in srgb, var(--biz-brand-color, #2563EB) 85%, transparent);
        }

        .biz-trust-cta-btn {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
            padding: 13px 18px;
            border-radius: 16px;
            background: linear-gradient(135deg, var(--biz-brand-color, #2563EB) 0%, color-mix(in srgb, var(--biz-brand-color, #2563EB) 85%, #1D4ED8) 50%, color-mix(in srgb, var(--biz-brand-color, #2563EB) 70%, #1E3A8A) 100%);
            color: #FFFFFF !important;
            text-decoration: none;
            box-shadow: 0 10px 24px -6px color-mix(in srgb, var(--biz-brand-color, #2563EB) 45%, transparent), 0 0 0 1px rgba(255, 255, 255, 0.25) inset;
            transition: all 0.28s cubic-bezier(0.16, 1, 0.3, 1);
            position: relative;
            overflow: hidden;
            margin-top: 4px;
        }

        .biz-trust-cta-btn::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.25), transparent);
            transition: left 0.6s ease;
        }

        .biz-trust-cta-btn:hover::before {
            left: 100%;
        }

        .biz-trust-cta-btn:hover {
            filter: brightness(1.08);
            transform: translateY(-2px);
            box-shadow: 0 14px 28px -4px color-mix(in srgb, var(--biz-brand-color, #2563EB) 55%, transparent), 0 0 0 1px rgba(255, 255, 255, 0.35) inset;
        }

        .biz-trust-cta-btn:active {
            transform: translateY(0);
        }

        .biz-trust-cta-content {
            display: flex;
            flex-direction: column;
            gap: 1px;
            text-align: left;
        }

        .biz-trust-cta-row {
            display: flex;
            align-items: center;
            gap: 7px;
            font-size: 13.5px;
            font-weight: 700;
            color: #FFFFFF;
        }

        .biz-trust-cta-sub {
            font-size: 10.5px;
            font-weight: 500;
            color: rgba(255, 255, 255, 0.9);
            letter-spacing: 0.01em;
        }

        .biz-trust-cta-arrow {
            transition: transform 0.25s ease;
            flex-shrink: 0;
            opacity: 0.85;
            color: #FFFFFF;
        }

        .biz-trust-cta-btn:hover .biz-trust-cta-arrow {
            transform: translateX(3px);
            opacity: 1;
        }

        /* ==========================================================================
           SECCIÓN 2: HORARIOS & ESTADO EN VIVO (BENTO GRID MODERNO)
           ========================================================================== */
        .biz-schedule-status-section {
            position: relative;
            z-index: 10;
        }

        .biz-section-header-editorial {
            margin-bottom: 24px;
        }

        .biz-schedule-status-grid {
            display: grid;
            grid-template-columns: minmax(320px, 1.15fr) minmax(320px, 0.85fr);
            gap: clamp(24px, 3.5vw, 42px);
            align-items: stretch;
        }

        @media (max-width: 960px) {
            .biz-schedule-status-grid {
                grid-template-columns: 1fr;
            }
        }

        .biz-schedule-live-card {
            background: var(--theme-card-bg, #FFFFFF);
            border: 1px solid var(--theme-card-border, rgba(226, 232, 240, 0.95));
            border-radius: 24px;
            padding: clamp(24px, 2.5vw, 32px);
            box-shadow: 0 16px 36px -12px rgba(0, 0, 0, 0.06);
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            gap: 18px;
            position: relative;
            overflow: hidden;
        }

        .biz-schedule-live-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 3px;
            background: linear-gradient(90deg, #10B981, #34D399);
        }

        .biz-schedule-card-top {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
            flex-wrap: wrap;
            padding-bottom: 16px;
            border-bottom: 1px solid var(--theme-card-border, rgba(226, 232, 240, 0.8));
        }

        .biz-schedule-pill-group {
            display: flex;
            align-items: center;
            gap: 12px;
            flex-wrap: wrap;
        }

        .biz-schedule-status-badge {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 0 !important;
            border-radius: 0 !important;
            background: transparent !important;
            border: none !important;
            box-shadow: none !important;
            font-size: 13px;
            font-weight: 500;
            letter-spacing: -0.01em;
            font-family: inherit;
            color: var(--theme-text-secondary, #64748B) !important;
        }

        .biz-schedule-status-badge.biz-status-open,
        [data-theme="dark"] .biz-schedule-status-badge.biz-status-open {
            background: transparent !important;
            border: none !important;
            color: var(--theme-text-secondary, #64748B) !important;
        }

        .biz-schedule-status-badge.biz-status-closed {
            background: transparent !important;
            border: none !important;
            color: var(--theme-text-muted, #94A3B8) !important;
        }

        .biz-schedule-detail-text {
            font-size: 14px;
            font-weight: 600;
            color: var(--theme-text-secondary, #64748B);
            font-family: 'Outfit', sans-serif;
        }

        .biz-schedule-zone-tag {
            font-size: 11px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.08em;
            color: #94A3B8;
        }

        .biz-schedule-week-list {
            display: flex;
            flex-direction: column;
            gap: 7px;
            margin: 6px 0;
        }

        .biz-schedule-day-row {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 9px 14px;
            border-radius: 12px;
            background: rgba(248, 250, 252, 0.85);
            transition: background 0.2s ease;
        }

        [data-theme="dark"] .biz-schedule-day-row {
            background: rgba(255, 255, 255, 0.04);
        }

        .biz-schedule-day-row.is-today-active {
            background: rgba(16, 185, 129, 0.09);
            border: 1px solid rgba(16, 185, 129, 0.24);
        }

        [data-theme="dark"] .biz-schedule-day-row.is-today-active {
            background: rgba(16, 185, 129, 0.16);
            border-color: rgba(16, 185, 129, 0.35);
        }

        .biz-day-name-col {
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .biz-day-name {
            font-family: 'Outfit', sans-serif;
            font-size: 13.5px;
            font-weight: 600;
            color: var(--theme-text-hero, #0F172A);
        }

        .biz-day-today-tag {
            background: #10B981;
            color: #FFFFFF;
            font-size: 10px;
            font-weight: 800;
            text-transform: uppercase;
            padding: 2px 8px;
            border-radius: 999px;
            letter-spacing: 0.04em;
        }

        .biz-day-hours {
            font-family: 'Outfit', sans-serif;
            font-size: 13.5px;
            font-weight: 600;
            color: var(--theme-text-secondary, #334155);
        }

        .biz-day-hours.is-closed {
            color: #94A3B8;
            font-style: italic;
        }

        .biz-schedule-holidays-note {
            display: flex;
            align-items: center;
            gap: 12px;
            padding: 12px 16px;
            border-radius: 14px;
            background: color-mix(in srgb, var(--biz-brand-color, #2563EB) 8%, var(--theme-card-bg));
            border: 1px solid color-mix(in srgb, var(--biz-brand-color, #2563EB) 20%, transparent);
        }

        .biz-hol-note-icon {
            font-size: 22px;
            flex-shrink: 0;
        }

        .biz-hol-note-title {
            font-size: 11px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.06em;
            color: var(--biz-brand-color, #2563EB);
        }

        .biz-hol-note-text {
            font-size: 13px;
            font-weight: 600;
            color: var(--theme-text-hero, #0F172A);
        }

        /* ==========================================================================
           ARQUITECTURA DE RESILIENCIA DE RED Y DEGRADACIÓN AGRACIADA (ZERO-JANK)
           Inspirado en Netflix Chaos Engineering & Google Adaptive Tiering
           ========================================================================== */

        /* 1. Degradación gráfica cuando la red es precaria o hay ahorro de datos activo */
        html.is-connection-constrained,
        html.is-save-data {
            --aurora-animation-play-state: paused;
        }

        html.is-connection-constrained .aurora-stream,
        html.is-save-data .aurora-stream {
            animation: none !important;
            opacity: 0.12 !important;
            transform: none !important;
        }

        html.is-connection-constrained .aurora-grid-pattern,
        html.is-save-data .aurora-grid-pattern {
            display: none !important;
        }

        /* Reducir el coste de filtros de desenfoque masivos en móviles sobrecargados */
        html.is-connection-constrained .biz-master-header,
        html.is-connection-constrained .biz-mobile-bottom-dock,
        html.is-save-data .biz-master-header,
        html.is-save-data .biz-mobile-bottom-dock {
            backdrop-filter: blur(8px) !important;
            -webkit-backdrop-filter: blur(8px) !important;
        }

        html.is-connection-constrained .biz-spotlight,
        html.is-save-data .biz-spotlight {
            --spotlight-opacity: 0 !important;
        }

        /* Pausar desenfoques de movimiento dinámico en carrusel */
        html.is-connection-constrained .biz-cinema-carousel-track,
        html.is-save-data .biz-cinema-carousel-track {
            --motion-blur: 0px !important;
            filter: none !important;
        }

        /* Priorizar legibilidad de acciones de contacto */
        html.is-connection-constrained .biz-hero-full-btn-wa,
        html.is-connection-constrained .biz-hero-full-btn-call,
        html.is-connection-constrained .biz-dock-main-wa-btn,
        html.is-save-data .biz-hero-full-btn-wa,
        html.is-save-data .biz-hero-full-btn-call,
        html.is-save-data .biz-dock-main-wa-btn {
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25) !important;
            transform: none !important;
        }

        /* 2. Banner de Estado de Red Inteligente (Discreto, Alta Gama, Auto-dismiss) */
        .biz-network-resilience-banner {
            position: fixed;
            top: 14px;
            left: 50%;
            transform: translateX(-50%) translateY(-120%);
            z-index: 99999;
            display: flex;
            align-items: center;
            gap: 10px;
            padding: 8px 18px;
            background: rgba(15, 23, 42, 0.94);
            backdrop-filter: blur(14px);
            -webkit-backdrop-filter: blur(14px);
            border: 1px solid rgba(245, 158, 11, 0.4);
            border-radius: 9999px;
            box-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.5), 0 0 15px rgba(245, 158, 11, 0.2);
            font-family: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif;
            font-size: 12.5px;
            font-weight: 600;
            color: #F8FAFC;
            pointer-events: none;
            opacity: 0;
            transition: transform 0.45s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.35s ease;
        }

        .biz-network-resilience-banner.is-active {
            transform: translateX(-50%) translateY(0);
            opacity: 1;
            pointer-events: auto;
        }

        .biz-network-resilience-banner.is-offline {
            border-color: rgba(239, 68, 68, 0.45);
            box-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.5), 0 0 15px rgba(239, 68, 68, 0.25);
        }

        .biz-network-resilience-banner.is-restored {
            border-color: rgba(34, 197, 94, 0.45);
            box-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.5), 0 0 15px rgba(34, 197, 94, 0.25);
        }

        .biz-net-indicator-dot {
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background: #F59E0B;
            box-shadow: 0 0 8px #F59E0B;
            flex-shrink: 0;
        }

        .biz-network-resilience-banner.is-offline .biz-net-indicator-dot {
            background: #EF4444;
            box-shadow: 0 0 8px #EF4444;
        }

        .biz-network-resilience-banner.is-restored .biz-net-indicator-dot {
            background: #22C55E;
            box-shadow: 0 0 8px #22C55E;
        }

        .biz-net-banner-text {
            white-space: nowrap;
            letter-spacing: 0.01em;
        }

        .biz-net-banner-badge {
            font-size: 10px;
            font-weight: 800;
            letter-spacing: 0.06em;
            text-transform: uppercase;
            padding: 2px 7px;
            border-radius: 9999px;
            background: rgba(245, 158, 11, 0.18);
            color: #FBBF24;
        }

        .biz-network-resilience-banner.is-offline .biz-net-banner-badge {
            background: rgba(239, 68, 68, 0.2);
            color: #FCA5A5;
        }

        .biz-network-resilience-banner.is-restored .biz-net-banner-badge {
            background: rgba(34, 197, 94, 0.2);
            color: #86EFAC;
        }

        /* ======================================================================
           BUS DE CONVERSIÓN CONVERSACIONAL DIRECTA (WHATSAPP CRM)
           Minimalist Haute Luxe Single-Tone Action Sheet (Adaptive Light / Dark)
           ====================================================================== */
        .biz-wa-crm-overlay {
            position: fixed;
            inset: 0;
            background: rgba(3, 6, 12, 0.74);
            backdrop-filter: blur(24px) saturate(160%);
            -webkit-backdrop-filter: blur(24px) saturate(160%);
            z-index: 100000;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 16px;
            opacity: 0;
            pointer-events: none;
            transition: opacity 0.22s ease;
        }

        .biz-wa-crm-overlay.active {
            opacity: 1;
            pointer-events: auto;
        }

        .biz-wa-crm-drawer {
            width: 100%;
            max-width: 420px;
            background: rgba(255, 255, 255, 0.98) !important;
            backdrop-filter: blur(28px) saturate(180%) !important;
            -webkit-backdrop-filter: blur(28px) saturate(180%) !important;
            border: 1px solid rgba(226, 232, 240, 0.9) !important;
            border-radius: 20px;
            padding: 22px 20px 18px 20px;
            box-shadow: 0 24px 60px -12px rgba(15, 23, 42, 0.18), 0 12px 24px -8px rgba(15, 23, 42, 0.08) !important;
            color: #1E293B;
            position: relative;
            transform: scale(0.96) translateY(10px);
            transition: transform 0.28s cubic-bezier(0.16, 1, 0.3, 1);
            overflow: hidden;
        }

        .biz-wa-crm-overlay.active .biz-wa-crm-drawer {
            transform: scale(1) translateY(0);
        }

        [data-theme="dark"] .biz-wa-crm-drawer {
            background: rgba(14, 18, 27, 0.96) !important;
            border: 1px solid rgba(255, 255, 255, 0.08) !important;
            box-shadow: 0 24px 60px -12px rgba(0, 0, 0, 0.85), 0 0 0 1px rgba(255, 255, 255, 0.03) !important;
            color: #FFFFFF;
        }

        .biz-wa-crm-close {
            position: absolute;
            top: 16px;
            right: 16px;
            width: 30px;
            height: 30px;
            border-radius: 8px;
            border: 1px solid rgba(15, 23, 42, 0.08);
            background: rgba(15, 23, 42, 0.04);
            color: #64748B;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: all 0.18s ease;
            padding: 0;
        }

        .biz-wa-crm-close:hover {
            background: rgba(15, 23, 42, 0.08);
            color: #0F172A;
            border-color: rgba(15, 23, 42, 0.18);
        }

        [data-theme="dark"] .biz-wa-crm-close {
            border: 1px solid rgba(255, 255, 255, 0.06);
            background: rgba(255, 255, 255, 0.03);
            color: rgba(255, 255, 255, 0.6);
        }

        [data-theme="dark"] .biz-wa-crm-close:hover {
            background: rgba(255, 255, 255, 0.08);
            color: #FFFFFF;
            border-color: rgba(255, 255, 255, 0.14);
        }

        .biz-wa-crm-header {
            display: flex;
            align-items: center;
            gap: 12px;
            margin-bottom: 16px;
            padding-right: 32px;
        }

        .biz-wa-crm-logo-badge {
            width: 38px;
            height: 38px;
            border-radius: 12px;
            background: rgba(34, 197, 94, 0.12);
            color: #16a34a;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
        }

        [data-theme="dark"] .biz-wa-crm-logo-badge {
            background: rgba(34, 197, 94, 0.14);
            color: #22c55e;
        }

        .biz-wa-crm-title {
            font-family: 'Outfit', sans-serif;
            font-size: 16px;
            font-weight: 700;
            color: #090E1A;
            margin: 0;
            line-height: 1.25;
            letter-spacing: -0.01em;
        }

        [data-theme="dark"] .biz-wa-crm-title {
            color: #FFFFFF;
        }

        .biz-wa-crm-status {
            display: flex;
            align-items: center;
            gap: 6px;
            font-size: 11.5px;
            font-weight: 500;
            color: #64748B;
            margin-top: 3px;
        }

        [data-theme="dark"] .biz-wa-crm-status {
            color: rgba(255, 255, 255, 0.55);
        }

        .biz-wa-crm-dot {
            width: 6.5px;
            height: 6.5px;
            border-radius: 50%;
            background: #22c55e;
            box-shadow: 0 0 6px rgba(34, 197, 94, 0.6);
        }

        .biz-wa-intents-grid {
            display: flex;
            flex-direction: column;
            gap: 6px;
            margin-bottom: 16px;
        }

        /* Minimalist Single-Tone Row */
        .biz-wa-intent-card {
            display: flex;
            align-items: center;
            gap: 12px;
            width: 100%;
            padding: 10px 14px;
            background: rgba(248, 250, 252, 0.9);
            border: 1px solid rgba(226, 232, 240, 0.95);
            border-radius: 12px;
            color: #1E293B;
            cursor: pointer;
            text-align: left;
            transition: all 0.18s cubic-bezier(0.16, 1, 0.3, 1);
            position: relative;
            outline: none;
        }

        .biz-wa-intent-card:hover {
            background: #FFFFFF;
            border-color: rgba(var(--card-accent-rgb, 15, 91, 255), 0.35);
            box-shadow: 0 4px 14px -3px rgba(15, 23, 42, 0.08);
            transform: translateX(3px);
        }

        [data-theme="dark"] .biz-wa-intent-card {
            background: rgba(255, 255, 255, 0.03);
            border: 1px solid rgba(255, 255, 255, 0.06);
            color: #FFFFFF;
        }

        [data-theme="dark"] .biz-wa-intent-card:hover {
            background: rgba(255, 255, 255, 0.07);
            border-color: rgba(var(--card-accent-rgb, 15, 91, 255), 0.4);
            box-shadow: 0 4px 14px -4px rgba(0, 0, 0, 0.5);
        }

        /* Single-Tone Solid Icon */
        .biz-wa-intent-icon {
            width: 34px;
            height: 34px;
            border-radius: 10px;
            background: rgba(var(--card-accent-rgb, 15, 91, 255), 0.1);
            color: var(--card-accent, #0f5bff);
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
            transition: all 0.18s ease;
        }

        .biz-wa-intent-card:hover .biz-wa-intent-icon {
            background: var(--card-accent, #0f5bff);
            color: #FFFFFF;
            transform: scale(1.05);
        }

        .biz-wa-intent-texts {
            flex: 1;
            min-width: 0;
        }

        .biz-wa-intent-title {
            display: block;
            font-family: 'Outfit', sans-serif;
            font-size: 13.5px;
            font-weight: 600;
            color: #0F172A;
            margin-bottom: 2px;
            letter-spacing: -0.01em;
        }

        [data-theme="dark"] .biz-wa-intent-title {
            color: #FFFFFF;
        }

        .biz-wa-intent-sub {
            display: block;
            font-size: 11.5px;
            color: #64748B;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        [data-theme="dark"] .biz-wa-intent-sub {
            color: rgba(255, 255, 255, 0.55);
        }

        .biz-wa-intent-arrow {
            color: #94A3B8;
            transition: transform 0.18s ease, color 0.18s ease;
            flex-shrink: 0;
        }

        .biz-wa-intent-card:hover .biz-wa-intent-arrow {
            transform: translateX(2px);
            color: var(--card-accent, #0f5bff);
        }

        [data-theme="dark"] .biz-wa-intent-arrow {
            color: rgba(255, 255, 255, 0.3);
        }

        .biz-wa-crm-footer {
            display: flex;
            flex-direction: column;
            gap: 6px;
            align-items: center;
            border-top: 1px solid rgba(226, 232, 240, 0.9);
            padding-top: 12px;
        }

        [data-theme="dark"] .biz-wa-crm-footer {
            border-top: 1px solid rgba(255, 255, 255, 0.06);
        }

        .biz-wa-crm-bypass-btn {
            background: transparent;
            border: none;
            color: #64748B;
            font-size: 11.5px;
            font-weight: 500;
            cursor: pointer;
            padding: 5px 12px;
            border-radius: 9999px;
            display: inline-flex;
            align-items: center;
            gap: 5px;
            transition: all 0.18s ease;
            text-decoration: none;
        }

        .biz-wa-crm-bypass-btn:hover {
            color: #0F172A;
            background: rgba(15, 23, 42, 0.05);
        }

        [data-theme="dark"] .biz-wa-crm-bypass-btn {
            color: rgba(255, 255, 255, 0.55);
        }

        [data-theme="dark"] .biz-wa-crm-bypass-btn:hover {
            color: #FFFFFF;
            background: rgba(255, 255, 255, 0.06);
        }

        .biz-wa-crm-trust-seal {
            display: flex;
            align-items: center;
            gap: 5px;
            font-size: 10px;
            color: #94A3B8;
            letter-spacing: 0.01em;
        }

        [data-theme="dark"] .biz-wa-crm-trust-seal {
            color: rgba(255, 255, 255, 0.35);
        }

        @media (max-width: 640px) {
            .biz-wa-crm-overlay {
                align-items: flex-end;
                padding: 0;
            }

            .biz-wa-crm-drawer {
                border-bottom-left-radius: 0;
                border-bottom-right-radius: 0;
                border-top-left-radius: 20px;
                border-top-right-radius: 20px;
                max-width: 100%;
                padding: 18px 16px calc(18px + env(safe-area-inset-bottom, 0px)) 16px;
                transform: translateY(100%);
            }

            .biz-wa-crm-overlay.active .biz-wa-crm-drawer {
                transform: translateY(0);
            }
        }

        /* ==========================================================================
           SUITE EJECUTIVA UNIFICADA: MOVILIDAD & CONCIERGE VIP (FULL WIDTH MASTER)
           Arquitectura unificada a todo el ancho, métricas de movilidad sin cortes
           ========================================================================== */
        
        .biz-concierge-section {
            padding: clamp(36px, 5vw, 64px) 0 clamp(44px, 6vw, 72px);
            background: var(--bg-pure);
            position: relative;
        }

        /* 1. Master Suite Container (Unificado & Majestuoso) */
        .biz-concierge-suite-master {
            background: linear-gradient(180deg, color-mix(in srgb, var(--biz-brand-color) 2.5%, var(--theme-card-bg, #FFFFFF)) 0%, var(--theme-card-bg, #FFFFFF) 100%);
            border: 1px solid var(--theme-card-border);
            border-radius: 32px;
            padding: clamp(24px, 3.5vw, 44px);
            box-shadow: 0 24px 64px -16px rgba(0, 0, 0, 0.08), 0 4px 16px -2px rgba(0, 0, 0, 0.03);
            position: relative;
            overflow: hidden;
            transition: border-color 0.3s ease, box-shadow 0.3s ease;
        }

        [data-theme="dark"] .biz-concierge-suite-master {
            background: linear-gradient(180deg, rgba(30, 41, 59, 0.75) 0%, rgba(15, 23, 42, 0.95) 100%);
            border-color: rgba(255, 255, 255, 0.1);
            box-shadow: 0 30px 70px -20px rgba(0, 0, 0, 0.65);
        }

        /* 2. Encabezado de la Suite */
        .biz-suite-header {
            display: flex;
            align-items: flex-end;
            justify-content: space-between;
            gap: 24px;
            margin-bottom: clamp(24px, 3vw, 36px);
            flex-wrap: wrap;
        }

        .biz-suite-header-main {
            max-width: 780px;
            display: flex;
            flex-direction: column;
            gap: 6px;
        }

        .biz-suite-kicker {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            font-family: 'Outfit', sans-serif;
            font-size: 11px;
            font-weight: 800;
            letter-spacing: 0.14em;
            text-transform: uppercase;
            color: var(--theme-text-muted);
        }

        .biz-suite-pulse-dot {
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background: var(--biz-brand-color);
            box-shadow: 0 0 10px var(--biz-brand-color);
            position: relative;
            flex-shrink: 0;
        }

        .biz-suite-pulse-dot::after {
            content: '';
            position: absolute;
            inset: -4px;
            border-radius: 50%;
            border: 1.5px solid var(--biz-brand-color);
            animation: mobBrandPulse 2s cubic-bezier(0, 0, 0.2, 1) infinite;
        }

        @keyframes mobBrandPulse {
            0% { transform: scale(0.8); opacity: 1; }
            80%, 100% { transform: scale(2.2); opacity: 0; }
        }

        .biz-suite-title {
            font-family: 'Outfit', sans-serif;
            font-size: clamp(28px, 3.4vw, 44px);
            font-weight: 800;
            line-height: 1.15;
            letter-spacing: -0.025em;
            color: var(--theme-text-hero);
            margin: 0;
        }

        .biz-suite-subtitle {
            font-size: 15.5px;
            color: var(--theme-text-secondary);
            line-height: 1.6;
            margin: 0;
        }

        .biz-suite-header-actions {
            display: flex;
            align-items: center;
            gap: 12px;
        }

        .biz-suite-live-badge {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            padding: 9px 18px;
            border-radius: 999px;
            background: color-mix(in srgb, var(--biz-brand-color) 8%, var(--theme-card-bg, #FFFFFF));
            border: 1px solid color-mix(in srgb, var(--biz-brand-color) 25%, transparent);
            color: var(--theme-text-hero);
            font-size: 13px;
            cursor: pointer;
            transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
            text-decoration: none;
            box-shadow: 0 2px 10px -3px rgba(0, 0, 0, 0.05);
        }

        .biz-suite-live-badge:hover {
            transform: translateY(-1.5px);
            border-color: var(--biz-brand-color);
            box-shadow: 0 8px 20px -2px color-mix(in srgb, var(--biz-brand-color) 25%, transparent);
        }

        .biz-suite-live-dot {
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background: #22C55E;
            box-shadow: 0 0 8px #22C55E;
            flex-shrink: 0;
        }

        .biz-suite-live-info {
            display: inline-flex;
            align-items: center;
            gap: 4px;
            line-height: 1.2;
        }

        .biz-suite-live-info strong {
            color: var(--biz-brand-color);
            font-weight: 800;
        }

        .biz-suite-live-info span {
            color: var(--theme-text-muted);
            font-size: 12px;
        }

        .biz-suite-live-badge svg {
            color: var(--theme-text-muted);
            transition: transform 0.2s ease;
        }

        .biz-suite-live-badge:hover svg {
            transform: translateX(2px);
            color: var(--biz-brand-color);
        }

        /* 3. Rejilla de Telemetría de Movilidad Urbana (4 Columnas Sin Cortes) */
        .biz-suite-mobility-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 16px;
            margin-bottom: 24px;
        }

        .biz-suite-mob-card {
            background: color-mix(in srgb, var(--biz-brand-color) 2%, var(--theme-subtle-bg, #F8FAFC));
            border: 1px solid var(--theme-card-border);
            border-radius: 20px;
            padding: 20px 22px;
            display: flex;
            flex-direction: column;
            gap: 10px;
            transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
            position: relative;
            box-sizing: border-box;
        }

        [data-theme="dark"] .biz-suite-mob-card {
            background: rgba(30, 41, 59, 0.6);
            border-color: rgba(255, 255, 255, 0.08);
        }

        .biz-suite-mob-card:hover {
            transform: translateY(-3px);
            border-color: color-mix(in srgb, var(--biz-brand-color) 40%, var(--theme-card-border));
            box-shadow: 0 12px 28px -8px color-mix(in srgb, var(--biz-brand-color) 18%, transparent);
        }

        .biz-suite-mob-header {
            display: flex;
            align-items: center;
            gap: 10px;
        }

        .biz-suite-mob-icon {
            width: 34px;
            height: 34px;
            border-radius: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-family: 'Outfit', sans-serif;
            font-size: 14px;
            font-weight: 900;
            flex-shrink: 0;
            line-height: 1;
        }

        .biz-suite-mob-icon.is-p {
            background: var(--biz-brand-color);
            color: #FFFFFF;
            box-shadow: 0 4px 12px color-mix(in srgb, var(--biz-brand-color) 35%, transparent);
        }

        .biz-suite-mob-icon.is-ev {
            background: linear-gradient(135deg, #10B981, #059669);
            color: #FFFFFF;
            box-shadow: 0 4px 12px rgba(16, 185, 129, 0.35);
        }

        .biz-suite-mob-icon.is-taxi {
            background: linear-gradient(135deg, #F59E0B, #D97706);
            color: #FFFFFF;
            box-shadow: 0 4px 12px rgba(245, 158, 11, 0.35);
        }

        .biz-suite-mob-icon.is-addr {
            background: color-mix(in srgb, var(--biz-brand-color) 12%, var(--theme-card-bg));
            color: var(--biz-brand-color);
        }

        .biz-suite-mob-tag {
            font-family: 'Outfit', sans-serif;
            font-size: 10px;
            font-weight: 800;
            letter-spacing: 0.1em;
            text-transform: uppercase;
            color: var(--theme-text-muted);
        }

        .biz-suite-mob-title {
            font-family: 'Outfit', sans-serif;
            font-size: 16.5px;
            font-weight: 800;
            color: var(--theme-text-hero);
            line-height: 1.3;
        }

        .biz-suite-mob-metrics {
            display: flex;
            flex-wrap: wrap;
            gap: 6px;
        }

        .biz-suite-metric-pill {
            display: inline-flex;
            align-items: center;
            gap: 5px;
            padding: 4px 10px;
            border-radius: 8px;
            font-size: 12px;
            background: rgba(0, 0, 0, 0.04);
            color: var(--theme-text-secondary);
            border: 1px solid rgba(0, 0, 0, 0.06);
        }

        [data-theme="dark"] .biz-suite-metric-pill {
            background: rgba(255, 255, 255, 0.06);
            border-color: rgba(255, 255, 255, 0.08);
            color: #E2E8F0;
        }

        .biz-suite-metric-pill.is-time {
            background: color-mix(in srgb, var(--biz-brand-color) 10%, transparent);
            color: var(--biz-brand-color);
            border-color: color-mix(in srgb, var(--biz-brand-color) 25%, transparent);
            font-weight: 700;
        }

        .biz-suite-mob-desc {
            font-size: 13px;
            line-height: 1.5;
            color: var(--theme-text-secondary);
        }

        .biz-suite-sub-note {
            font-size: 11.5px;
            color: var(--theme-text-muted);
            margin-top: 4px;
        }

        .biz-suite-mob-footer {
            margin-top: auto;
            padding-top: 10px;
            border-top: 1px solid var(--theme-card-border);
        }

        .biz-suite-mob-link {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            font-size: 12px;
            font-weight: 700;
            color: var(--biz-brand-color);
            text-decoration: none;
            transition: transform 0.2s ease, filter 0.2s ease;
        }

        .biz-suite-mob-link:hover {
            transform: translateX(3px);
            filter: brightness(1.1);
        }

        .biz-suite-status-badge {
            font-size: 12px;
            font-weight: 700;
            color: var(--theme-text-muted);
        }

        .biz-suite-status-badge.is-active-ev {
            color: #10B981;
        }

        /* 4. Visor Cartográfico Cinemático Integrado */
        .biz-suite-map-wrapper {
            margin-bottom: 24px;
            border-radius: 24px;
            overflow: hidden;
            border: 1px solid var(--theme-card-border);
            box-shadow: 0 12px 36px -12px rgba(0, 0, 0, 0.1);
            background: #E2E8F0;
        }

        .biz-master-map-container {
            position: relative;
            width: 100%;
            min-height: 460px;
        }

        .biz-master-map-viewport {
            width: 100%;
            height: 100%;
            min-height: 460px;
            position: relative;
            z-index: 1;
        }

        /* Filtro de grado arquitectónico para los tiles de OpenStreetMap */
        .leaflet-tile-pane {
            filter: saturate(0.85) contrast(1.04) brightness(1.01);
            transition: filter 0.3s ease;
        }

        [data-theme="dark"] .leaflet-tile-pane {
            filter: invert(92%) hue-rotate(180deg) brightness(96%) contrast(88%);
        }

        /* Fallback Cartográfico cuando Leaflet aún no inicializa */
        .biz-map-carto-fallback {
            position: absolute;
            inset: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            background: 
                radial-gradient(color-mix(in srgb, var(--biz-brand-color) 8%, transparent) 1px, transparent 1px),
                linear-gradient(to right, rgba(0,0,0,0.03) 1px, transparent 1px),
                linear-gradient(to bottom, rgba(0,0,0,0.03) 1px, transparent 1px);
            background-size: 20px 20px, 40px 40px, 40px 40px;
            z-index: 0;
        }

        .biz-map-route-visual-trace {
            display: inline-flex;
            align-items: center;
            gap: 12px;
            padding: 10px 20px;
            border-radius: 999px;
            background: rgba(255, 255, 255, 0.95);
            backdrop-filter: blur(10px);
            border: 1px solid rgba(0,0,0,0.08);
            font-size: 13px;
            font-weight: 700;
            color: #1E293B;
            box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
        }

        .biz-map-route-connector {
            color: var(--biz-brand-color);
            font-size: 12.5px;
            font-weight: 800;
        }

        /* Top HUD Floating */
        .biz-map-floating-hud {
            position: absolute;
            top: 16px;
            left: 16px;
            display: flex;
            align-items: center;
            gap: 8px;
            z-index: 400;
            pointer-events: none;
            flex-wrap: wrap;
        }

        .biz-map-hud-badge {
            font-family: 'Outfit', sans-serif;
            font-size: 11.5px;
            font-weight: 700;
            color: #1E293B;
            background: rgba(255, 255, 255, 0.92);
            backdrop-filter: blur(12px);
            -webkit-backdrop-filter: blur(12px);
            border: 1px solid rgba(0, 0, 0, 0.08);
            padding: 5px 12px;
            border-radius: 10px;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
            letter-spacing: 0.02em;
        }

        .biz-map-hud-badge.is-highlight {
            background: var(--biz-brand-color);
            color: #FFFFFF;
            border-color: transparent;
            box-shadow: 0 3px 12px color-mix(in srgb, var(--biz-brand-color) 40%, transparent);
        }

        [data-theme="dark"] .biz-map-hud-badge {
            background: rgba(15, 23, 42, 0.92);
            color: #F1F5F9;
            border-color: rgba(255, 255, 255, 0.12);
        }

        [data-theme="dark"] .biz-map-hud-badge.is-highlight {
            background: var(--biz-brand-color);
            color: #FFFFFF;
        }

        /* Bottom Floating Dock: Botones de Navegación Rápida */
        .biz-map-floating-dock {
            position: absolute;
            bottom: 14px;
            left: 14px;
            right: 14px;
            display: flex;
            align-items: center;
            gap: 12px;
            flex-wrap: wrap;
            padding: 10px 16px;
            border-radius: 18px;
            background: rgba(255, 255, 255, 0.94);
            backdrop-filter: blur(16px);
            -webkit-backdrop-filter: blur(16px);
            border: 1px solid rgba(0, 0, 0, 0.08);
            box-shadow: 0 10px 30px -4px rgba(0, 0, 0, 0.15);
            z-index: 400;
        }

        [data-theme="dark"] .biz-map-floating-dock {
            background: rgba(15, 23, 42, 0.94);
            border-color: rgba(255, 255, 255, 0.14);
        }

        .biz-map-action-btn {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 9px 18px;
            border-radius: 12px;
            font-size: 13px;
            font-weight: 700;
            text-decoration: none;
            transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1);
            white-space: nowrap;
        }

        .biz-map-action-btn.is-primary {
            background: var(--biz-brand-color);
            color: #FFFFFF;
            box-shadow: 0 3px 14px color-mix(in srgb, var(--biz-brand-color) 40%, transparent);
        }

        .biz-map-action-btn.is-primary:hover {
            transform: translateY(-1.5px);
            filter: brightness(1.08);
            box-shadow: 0 6px 20px color-mix(in srgb, var(--biz-brand-color) 50%, transparent);
        }

        .biz-map-action-btn.is-secondary {
            background: transparent;
            color: var(--theme-text-hero);
            border: 1px solid var(--theme-card-border);
        }

        .biz-map-action-btn.is-secondary:hover {
            background: color-mix(in srgb, var(--biz-brand-color) 8%, transparent);
            border-color: var(--biz-brand-color);
            color: var(--biz-brand-color);
            transform: translateY(-1.5px);
        }

        .biz-map-pill-canonical {
            font-size: 12px;
            color: var(--theme-text-muted);
            margin-left: auto;
            white-space: nowrap;
        }

        .biz-map-pill-canonical strong {
            color: var(--theme-text-hero);
        }

        .biz-pill-ev-inline {
            color: #10B981;
            font-weight: 700;
            margin-left: 2px;
        }

        /* 5. Consola VIP de Canales de Contacto Directo */
        .biz-suite-contact-console {
            background: color-mix(in srgb, var(--biz-brand-color) 1.5%, var(--theme-subtle-bg, #F8FAFC));
            border: 1px solid var(--theme-card-border);
            border-radius: 24px;
            padding: clamp(18px, 2.5vw, 26px);
            margin-bottom: 20px;
        }

        [data-theme="dark"] .biz-suite-contact-console {
            background: rgba(30, 41, 59, 0.5);
            border-color: rgba(255, 255, 255, 0.08);
        }

        .biz-suite-console-head {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 14px;
            margin-bottom: 16px;
            flex-wrap: wrap;
        }

        .biz-suite-console-eyebrow {
            font-family: 'Outfit', sans-serif;
            font-size: 11px;
            font-weight: 800;
            letter-spacing: 0.12em;
            text-transform: uppercase;
            color: var(--theme-text-muted);
        }

        .biz-suite-social-pills {
            display: flex;
            align-items: center;
            gap: 8px;
            flex-wrap: wrap;
        }

        .biz-suite-social-pill {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            padding: 5px 13px;
            border-radius: 999px;
            background: var(--theme-card-bg);
            border: 1px solid var(--theme-card-border);
            font-size: 12px;
            font-weight: 600;
            color: var(--theme-text-secondary);
            text-decoration: none;
            transition: all 0.2s ease;
        }

        .biz-suite-social-pill:hover {
            border-color: var(--biz-brand-color);
            color: var(--biz-brand-color);
            transform: translateY(-1px);
        }

        .biz-suite-channels-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 14px;
        }

        .biz-suite-channel-card {
            display: flex;
            align-items: center;
            gap: 14px;
            padding: 16px 20px;
            border-radius: 18px;
            background: var(--theme-card-bg);
            border: 1px solid var(--theme-card-border);
            text-decoration: none;
            cursor: pointer;
            transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
            width: 100%;
            box-sizing: border-box;
            text-align: left;
            box-shadow: 0 4px 14px -3px rgba(0, 0, 0, 0.04);
        }

        [data-theme="dark"] .biz-suite-channel-card {
            background: rgba(15, 23, 42, 0.7);
            border-color: rgba(255, 255, 255, 0.08);
        }

        .biz-suite-channel-card:hover {
            transform: translateY(-2.5px);
            border-color: var(--biz-brand-color);
            box-shadow: 0 12px 28px -6px color-mix(in srgb, var(--biz-brand-color) 22%, transparent);
        }

        .biz-suite-ch-icon {
            width: 42px;
            height: 42px;
            border-radius: 13px;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
        }

        .biz-suite-ch-icon.is-wa {
            background: linear-gradient(135deg, #25D366, #128C7E);
            color: #FFFFFF;
            box-shadow: 0 4px 14px rgba(37, 211, 102, 0.35);
        }

        .biz-suite-ch-icon.is-phone {
            background: color-mix(in srgb, var(--biz-brand-color) 12%, var(--theme-card-bg));
            color: var(--biz-brand-color);
        }

        .biz-suite-ch-icon.is-vcard {
            background: rgba(100, 116, 139, 0.12);
            color: var(--theme-text-hero);
        }

        .biz-suite-ch-body {
            display: flex;
            flex-direction: column;
            gap: 2px;
            flex: 1;
            min-width: 0;
        }

        .biz-suite-ch-tag {
            font-size: 10px;
            font-weight: 800;
            text-transform: uppercase;
            letter-spacing: 0.08em;
            color: var(--theme-text-muted);
        }

        .biz-suite-ch-val {
            font-family: 'Outfit', sans-serif;
            font-size: 16px;
            font-weight: 800;
            color: var(--theme-text-hero);
            line-height: 1.25;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .biz-suite-ch-cta {
            font-size: 12px;
            font-weight: 700;
            color: var(--biz-brand-color);
            transition: transform 0.2s ease;
        }

        .biz-suite-channel-card:hover .biz-suite-ch-cta {
            transform: translateX(3px);
        }

        /* 6. Partner Strip / Recomendación */
        .biz-suite-partner-strip {
            padding-top: 18px;
            border-top: 1px solid var(--theme-card-border);
            display: flex;
            flex-direction: column;
            gap: 10px;
        }

        .biz-suite-partner-label {
            font-family: 'Outfit', sans-serif;
            font-size: 10.5px;
            font-weight: 800;
            letter-spacing: 0.12em;
            text-transform: uppercase;
            color: var(--theme-text-muted);
        }

        .biz-suite-partner-card {
            display: flex;
            align-items: center;
            gap: 16px;
            padding: 12px 18px;
            border-radius: 16px;
            background: var(--theme-card-bg);
            border: 1px solid var(--theme-card-border);
        }

        [data-theme="dark"] .biz-suite-partner-card {
            background: rgba(30, 41, 59, 0.5);
            border-color: rgba(255, 255, 255, 0.08);
        }

        .biz-suite-partner-img {
            width: 58px;
            height: 58px;
            border-radius: 12px;
            object-fit: cover;
            flex-shrink: 0;
            border: 1px solid var(--theme-card-border);
        }

        .biz-suite-partner-content {
            display: flex;
            flex-direction: column;
            gap: 2px;
            flex: 1;
            min-width: 0;
        }

        .biz-suite-partner-name {
            font-family: 'Outfit', sans-serif;
            font-size: 14.5px;
            font-weight: 800;
            color: var(--theme-text-hero);
        }

        .biz-suite-partner-cat {
            font-size: 11px;
            font-weight: 700;
            color: var(--biz-brand-color);
            text-transform: uppercase;
        }

        .biz-suite-partner-desc {
            font-size: 12px;
            color: var(--theme-text-muted);
            margin: 0;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .biz-suite-partner-actions {
            display: flex;
            align-items: center;
            gap: 8px;
            flex-shrink: 0;
        }

        .biz-suite-partner-btn {
            display: inline-flex;
            align-items: center;
            gap: 5px;
            padding: 6px 14px;
            border-radius: 9px;
            background: var(--biz-brand-color);
            color: #FFFFFF;
            font-size: 12px;
            font-weight: 700;
            text-decoration: none;
            transition: all 0.2s ease;
        }

        .biz-suite-partner-btn:hover {
            filter: brightness(1.1);
            transform: translateY(-1px);
        }

        .biz-suite-partner-wa {
            width: 32px;
            height: 32px;
            border-radius: 9px;
            background: #22C55E;
            color: #FFFFFF;
            display: flex;
            align-items: center;
            justify-content: center;
            text-decoration: none;
            transition: all 0.2s ease;
        }

        .biz-suite-partner-wa:hover {
            background: #16A34A;
            transform: translateY(-1px);
        }

        /* Responsive Breakpoints de la Suite Ejecutiva */
        @media (max-width: 1180px) {
            .biz-suite-mobility-grid {
                grid-template-columns: repeat(2, 1fr);
            }
        }

        @media (max-width: 880px) {
            .biz-suite-channels-grid {
                grid-template-columns: 1fr;
            }
        }

        @media (max-width: 680px) {
            .biz-suite-header {
                flex-direction: column;
                align-items: flex-start;
                gap: 14px;
            }
            .biz-suite-mobility-grid {
                grid-template-columns: 1fr;
            }
            .biz-master-map-container,
            .biz-master-map-viewport {
                min-height: 320px;
            }
            .biz-map-floating-dock {
                position: relative;
                bottom: 0;
                left: 0;
                right: 0;
                border-radius: 0;
                border-top: 1px solid var(--theme-card-border);
                box-shadow: none;
            }
            .biz-map-pill-canonical {
                margin-left: 0;
                width: 100%;
                text-align: center;
                order: -1;
            }
            .biz-map-action-btn {
                flex: 1;
                justify-content: center;
            }
            .biz-suite-partner-card {
                flex-direction: column;
                align-items: flex-start;
            }
            .biz-suite-partner-actions {
                width: 100%;
                justify-content: flex-end;
            }
        }

        .biz-cmd-ch-arrow {
            font-size: 15px;
            font-weight: 700;
            color: var(--theme-text-muted);
            transition: transform 0.2s ease, color 0.2s ease;
        }

        .biz-cmd-channel-btn:hover .biz-cmd-ch-arrow {
            transform: translateX(3px);
            color: var(--biz-brand-color);
        }

        .biz-cmd-social-strip {
            display: flex;
            align-items: center;
            gap: 8px;
            flex-wrap: wrap;
            margin-top: 4px;
            padding-top: 10px;
            border-top: 1px solid var(--theme-card-border);
        }

        .biz-cmd-social-pill {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            padding: 5px 12px;
            border-radius: 999px;
            background: var(--theme-subtle-bg);
            border: 1px solid var(--theme-card-border);
            font-size: 11.5px;
            font-weight: 600;
            color: var(--theme-text-secondary);
            text-decoration: none;
            transition: all 0.2s ease;
        }

        .biz-cmd-social-pill:hover {
            border-color: var(--biz-brand-color);
            color: var(--biz-brand-color);
            transform: translateY(-1px);
        }

        /* Bloque 3: Curaduría Recomendada o Enlace al Barrio */
        .biz-cmd-partner-flex {
            display: flex;
            gap: 14px;
            align-items: center;
            margin-top: 4px;
        }

        .biz-cmd-partner-img {
            width: 72px;
            height: 72px;
            border-radius: 14px;
            object-fit: cover;
            flex-shrink: 0;
            border: 1px solid var(--theme-card-border);
        }

        /* 5. Marcadores y Tooltips en Leaflet */
        .biz-leaflet-marker-wrap {
            background: transparent !important;
            border: none !important;
        }

        .biz-leaf-pin {
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
        }

        .biz-leaf-pin.is-dest .biz-leaf-core {
            width: 32px;
            height: 32px;
            border-radius: 10px;
            background: var(--brand-tint, var(--biz-brand-color));
            color: #FFFFFF;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 4px 14px color-mix(in srgb, var(--brand-tint, var(--biz-brand-color)) 45%, transparent);
            position: relative;
            z-index: 2;
        }

        .biz-leaf-pin.is-dest .biz-leaf-aura {
            position: absolute;
            inset: -6px;
            border-radius: 14px;
            background: color-mix(in srgb, var(--brand-tint, var(--biz-brand-color)) 30%, transparent);
            animation: mobAuraPulse 2.4s ease-out infinite;
        }

        @keyframes mobAuraPulse {
            0% { transform: scale(0.9); opacity: 0.8; }
            70% { transform: scale(1.6); opacity: 0; }
            100% { transform: scale(1.6); opacity: 0; }
        }

        .biz-leaf-pin.is-origin .biz-leaf-badge-p {
            width: 30px;
            height: 30px;
            border-radius: 9px;
            background: #FFFFFF;
            border: 2px solid var(--brand-tint, var(--biz-brand-color));
            color: var(--brand-tint, var(--biz-brand-color));
            font-family: 'Outfit', sans-serif;
            font-weight: 900;
            font-size: 13px;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
            position: relative;
            z-index: 2;
        }

        .biz-leaf-ev-indicator {
            position: absolute;
            bottom: -4px;
            right: -4px;
            background: #10B981;
            color: #FFFFFF;
            font-size: 9px;
            border-radius: 3px;
            padding: 1px 3px;
            line-height: 1;
            z-index: 3;
            box-shadow: 0 1px 4px rgba(0,0,0,0.15);
        }

        .biz-leaf-bubble {
            position: absolute;
            top: -26px;
            left: 50%;
            transform: translateX(-50%);
            background: rgba(15, 23, 42, 0.92);
            color: #FFFFFF;
            font-size: 10px;
            font-weight: 700;
            padding: 2px 7px;
            border-radius: 5px;
            white-space: nowrap;
            pointer-events: none;
            box-shadow: 0 2px 8px rgba(0,0,0,0.15);
            letter-spacing: 0.02em;
        }

        .biz-leaf-bubble.is-parking {
            top: auto;
            bottom: -22px;
            background: #FFFFFF;
            color: #1E293B;
            border: 1px solid rgba(0, 0, 0, 0.1);
        }

        /* 6. Responsive Breakpoints para controles cartográficos */
        @media (max-width: 640px) {
            .biz-map-floating-dock {
                position: relative;
                bottom: 0;
                left: 0;
                right: 0;
                border-radius: 0;
                border-top: 1px solid var(--theme-card-border);
                box-shadow: none;
            }
            .biz-map-pill-canonical {
                margin-left: 0;
                width: 100%;
                text-align: center;
                order: -1;
            }
            .biz-map-action-btn {
                flex: 1;
                justify-content: center;
            }
        }

        /* ==========================================================================
           MODO SOCIAL BIO-LINK UNIVERSAL (?view=bio) · SÍNTESIS EDITORIAL HAUTE GAMME
           Reconciliación Semiótica Total con la Ficha Web Madre (Arc & Raycast Model):
           - Idénticos radios de curvatura (--radius-lg / 24px) y física de vidrio líquido.
           - Tipografía compartida Outfit & Plus Jakarta Sans con pesos armónicos.
           - Iconografía SVG estandarizada (stroke-width: 1.75 con viewBox 24x24).
           - Color de marca del comercio en lugar de acentos neón discordantes.
           - Plena adaptación reactiva tanto a Modo Claro como a Modo Oscuro.
           ========================================================================== */
        body.is-bio-view {
            overflow-x: hidden;
            min-height: 100vh;
            background-color: var(--theme-bg-canvas) !important;
            background-image: 
                radial-gradient(ellipse 90% 40% at 50% -5%, color-mix(in srgb, var(--biz-brand-color, #2563EB) 10%, transparent) 0%, transparent 65%) !important;
            background-attachment: fixed;
            color: var(--theme-text-primary);
            font-family: 'Outfit', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
            -webkit-tap-highlight-color: transparent;
        }

        /* Desactivar streams aurora globales en bio-view para no interferir con la atmósfera */
        body.is-bio-view .aurora-bg-container,
        body.is-bio-view .aurora-grid-pattern {
            display: none !important;
        }

        .biz-bio-wrapper {
            max-width: 460px;
            margin: 0 auto;
            min-height: 100vh;
            padding: 18px 16px 100px 16px;
            display: flex;
            flex-direction: column;
            position: relative;
            z-index: 10;
            box-sizing: border-box;
            animation: bioEditorialFadeIn 0.32s cubic-bezier(0.16, 1, 0.3, 1) forwards;
        }

        @keyframes bioEditorialFadeIn {
            from {
                opacity: 0;
                transform: translateY(10px) scale(0.99);
            }
            to {
                opacity: 1;
                transform: translateY(0) scale(1);
            }
        }

        /* ==========================================================================
           1. PROFILE CARD CONDENSADA (NIVEL 2: CRISTAL ESTRUCTURAL)
           ========================================================================== */
        .biz-bio-profile-card {
            position: relative;
            background: var(--glass-card-bg) !important;
            backdrop-filter: var(--glass-card-blur) !important;
            -webkit-backdrop-filter: var(--glass-card-blur) !important;
            border: 1px solid var(--glass-card-border) !important;
            border-radius: 24px;
            overflow: hidden;
            box-shadow: var(--glass-card-shadow) !important;
            margin-bottom: 22px;
            display: flex;
            flex-direction: column;
            transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s ease;
        }

        /* 1.1 Portada Cinematográfica con Scrim hacia el Cristal */
        .biz-bio-cover {
            position: relative;
            width: 100%;
            height: 200px;
            overflow: hidden;
            background: var(--theme-subtle-bg);
        }

        .biz-bio-cover-img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center 30%;
            transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
        }

        .biz-bio-profile-card:hover .biz-bio-cover-img {
            transform: scale(1.03);
        }

        .biz-bio-cover-gradient {
            position: absolute;
            inset: 0;
            background: linear-gradient(180deg, rgba(15, 23, 42, 0.35) 0%, rgba(15, 23, 42, 0.05) 50%, var(--glass-card-bg) 100%);
            pointer-events: none;
        }

        .biz-bio-cover-topbar {
            position: absolute;
            top: 14px;
            left: 16px;
            right: 16px;
            display: flex;
            align-items: center;
            justify-content: flex-end;
            z-index: 3;
            pointer-events: auto;
        }

        .biz-bio-cover-share-btn {
            width: 36px;
            height: 36px;
            border-radius: 50%;
            background: var(--glass-floating-bg);
            backdrop-filter: var(--glass-floating-blur);
            -webkit-backdrop-filter: var(--glass-floating-blur);
            border: 1px solid var(--glass-card-border);
            color: var(--theme-text-hero);
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
            transition: all 0.22s ease;
            padding: 0;
        }

        .biz-bio-cover-share-btn:hover {
            transform: scale(1.08);
            background: var(--biz-brand-color);
            color: #FFFFFF;
            border-color: var(--biz-brand-color);
        }

        .biz-bio-cover-share-btn:active {
            transform: scale(0.92);
        }

        /* 1.2 Canales Sociales Flotantes en la Portada */
        .biz-bio-cover-socials {
            position: absolute;
            bottom: 12px;
            right: 16px;
            display: flex;
            align-items: center;
            gap: 8px;
            z-index: 3;
        }

        .biz-bio-cover-soc-link {
            width: 32px;
            height: 32px;
            border-radius: 50%;
            background: var(--glass-floating-bg);
            backdrop-filter: var(--glass-floating-blur);
            -webkit-backdrop-filter: var(--glass-floating-blur);
            border: 1px solid var(--glass-card-border);
            color: var(--theme-text-hero);
            display: flex;
            align-items: center;
            justify-content: center;
            text-decoration: none;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
            transition: transform 0.2s ease, background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
        }

        .biz-bio-cover-soc-link svg {
            width: 15px;
            height: 15px;
            stroke: currentColor;
            fill: none;
            stroke-width: 1.75;
        }

        .biz-bio-cover-soc-link:hover {
            transform: translateY(-2px) scale(1.08);
            background: var(--biz-brand-color, #2563EB);
            color: #FFFFFF;
            border-color: var(--biz-brand-color, #2563EB);
            box-shadow: 0 4px 12px color-mix(in srgb, var(--biz-brand-color, #2563EB) 40%, transparent);
        }

        /* 1.3 Bloque de Identidad Editorial */
        .biz-bio-identity {
            padding: 20px 20px 16px 20px;
            display: flex;
            flex-direction: column;
        }

        .biz-bio-name-row {
            display: flex;
            align-items: center;
            gap: 8px;
            margin-bottom: 4px;
            flex-wrap: wrap;
        }

        .biz-bio-name {
            font-family: 'Outfit', sans-serif;
            font-size: clamp(21px, 5.5vw, 25px);
            font-weight: 800;
            letter-spacing: -0.02em;
            color: var(--theme-text-hero);
            margin: 0;
            line-height: 1.2;
            text-transform: none;
        }

        .biz-bio-verified-badge {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            color: var(--biz-brand-color, #2563EB);
            flex-shrink: 0;
        }

        .biz-bio-verified-badge svg {
            width: 20px;
            height: 20px;
            stroke: currentColor;
            fill: none;
            stroke-width: 1.75;
            filter: drop-shadow(0 0 8px color-mix(in srgb, var(--biz-brand-color, #2563EB) 40%, transparent));
        }

        .biz-bio-handle {
            font-size: 13px;
            font-weight: 600;
            color: var(--theme-text-muted);
            margin-bottom: 10px;
            letter-spacing: 0.01em;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
        }

        .biz-bio-bio-text {
            font-size: 13.5px;
            line-height: 1.6;
            color: var(--theme-text-secondary);
            font-weight: 400;
            margin: 0;
        }

        /* 1.4 Tira de Métricas y Horario en Vivo */
        .biz-bio-stats-strip {
            padding: 14px 20px 16px 20px;
            border-top: 1px solid var(--theme-card-border);
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 14px;
            background: var(--theme-subtle-bg);
        }

        .biz-bio-stat-col {
            display: flex;
            flex-direction: column;
            gap: 3px;
            text-decoration: none;
            background: none;
            border: none;
            padding: 0;
            text-align: left;
        }

        .biz-bio-stat-col.is-schedule-trigger {
            cursor: pointer;
            transition: opacity 0.18s ease;
        }

        .biz-bio-stat-col.is-schedule-trigger:hover {
            opacity: 0.85;
            transform: none;
        }

        .biz-bio-stat-number {
            font-family: 'Outfit', sans-serif;
            font-size: 14.5px;
            font-weight: 800;
            color: var(--theme-text-hero);
            display: flex;
            align-items: center;
            gap: 6px;
            letter-spacing: -0.01em;
        }

        /* Telemetría biométrica de estado (Señalética no táctil · Flighty / Uber Eats) */
        .biz-bio-stat-col.biz-bio-stat-telemetry .biz-bio-telemetry-val {
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
            font-size: 13.5px;
            font-weight: 550;
            color: var(--theme-text-secondary, #475569);
            letter-spacing: 0;
            display: inline-flex;
            align-items: center;
            gap: 7px;
        }

        .biz-bio-stat-col.biz-bio-stat-telemetry .biz-bio-telemetry-title {
            font-size: 11px;
            font-weight: 600;
            text-transform: none;
            letter-spacing: 0.02em;
            color: var(--theme-text-muted, #94A3B8);
        }

        .biz-bio-stat-title {
            font-size: 11px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.08em;
            color: var(--theme-text-muted);
        }

        .biz-bio-live-dot {
            width: 7.5px;
            height: 7.5px;
            border-radius: 50%;
            display: inline-block;
            flex-shrink: 0;
            position: relative;
        }

        .biz-bio-live-dot.is-open {
            background: #10B981;
            box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.55);
            animation: bioBreathingPulseGreen 2.4s cubic-bezier(0.4, 0, 0.6, 1) infinite;
        }

        .biz-bio-live-dot.is-closed {
            background: #94A3B8;
            box-shadow: 0 0 0 1px rgba(148, 163, 184, 0.35);
        }

        /* 2. Encabezado de Sección Editorial */
        .biz-bio-section-heading {
            font-family: 'Outfit', sans-serif;
            font-size: 11px;
            font-weight: 800;
            text-transform: uppercase;
            letter-spacing: 0.1em;
            color: var(--theme-text-muted);
            margin: 0 0 12px 4px;
            display: flex;
            align-items: center;
            gap: 10px;
        }

        .biz-bio-section-heading::after {
            content: "";
            flex: 1;
            height: 1px;
            background: var(--theme-card-border);
        }

        /* 3. Lista Vertical de Accesos Directos (Nivel 2: Cristal Estructural Táctil) */
        .biz-bio-cards-list {
            display: flex;
            flex-direction: column;
            gap: 10px;
            width: 100%;
            margin-bottom: 22px;
        }

        .biz-bio-item-card {
            display: flex;
            align-items: center;
            gap: 14px;
            background: var(--glass-card-bg) !important;
            backdrop-filter: var(--glass-card-blur) !important;
            -webkit-backdrop-filter: var(--glass-card-blur) !important;
            border: 1px solid var(--glass-card-border) !important;
            border-radius: 18px;
            padding: 12px 18px;
            min-height: 62px;
            text-decoration: none;
            color: var(--theme-text-hero);
            box-shadow: var(--glass-card-shadow) !important;
            transition: transform 0.22s cubic-bezier(0.16, 1, 0.3, 1), background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
            cursor: pointer;
            width: 100%;
            box-sizing: border-box;
            text-align: left;
            position: relative;
        }

        .biz-bio-item-card:hover {
            border-color: var(--biz-brand-color) !important;
            transform: translateY(-2px);
            box-shadow: 0 10px 24px -6px color-mix(in srgb, var(--biz-brand-color) 22%, transparent), var(--glass-card-shadow) !important;
        }

        .biz-bio-item-card:active {
            transform: scale(0.985);
        }

        /* Insignias de Utilidad Pacíficas (30% Superficie de Apoyo en Escala Neutra / Vidrio Ahumado) */
        .biz-bio-item-badge {
            width: 42px;
            height: 42px;
            border-radius: 12px;
            background: rgba(15, 23, 42, 0.05);
            color: var(--theme-text-primary);
            border: 1px solid rgba(15, 23, 42, 0.10);
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
            transition: all 0.22s ease;
        }

        [data-theme="dark"] .biz-bio-item-badge {
            background: rgba(255, 255, 255, 0.07);
            color: #E2E8F0;
            border-color: rgba(255, 255, 255, 0.14);
        }

        .biz-bio-item-card:hover .biz-bio-item-badge {
            background: rgba(15, 23, 42, 0.12);
            color: var(--theme-text-hero);
            transform: scale(1.05);
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
        }

        [data-theme="dark"] .biz-bio-item-card:hover .biz-bio-item-badge {
            background: rgba(255, 255, 255, 0.16);
            color: #FFFFFF;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.35);
        }

        /* CANAL DE CONVERSIÓN PRIMARIA (10% NEUROCONTRASTE): WHATSAPP CON DOMINANCIA UNITARIA */
        .biz-bio-item-card.is-wa {
            background: linear-gradient(135deg, rgba(34, 197, 94, 0.10) 0%, var(--glass-card-bg) 100%) !important;
            border-color: rgba(34, 197, 94, 0.40) !important;
            box-shadow: 0 6px 20px rgba(34, 197, 94, 0.18), var(--glass-card-shadow) !important;
        }

        .biz-bio-item-card.is-wa .biz-bio-item-badge {
            background: linear-gradient(135deg, #22C55E 0%, #16A34A 100%) !important;
            color: #FFFFFF !important;
            border: 1px solid rgba(255, 255, 255, 0.35) !important;
            box-shadow: 0 4px 14px rgba(34, 197, 94, 0.40) !important;
        }

        .biz-bio-item-card.is-wa .biz-bio-item-title {
            color: #15803D !important;
            font-weight: 800 !important;
        }

        [data-theme="dark"] .biz-bio-item-card.is-wa .biz-bio-item-title {
            color: #4ADE80 !important;
        }

        .biz-bio-item-card.is-wa:hover {
            border-color: #22C55E !important;
            box-shadow: 0 10px 28px rgba(34, 197, 94, 0.30), var(--glass-card-shadow) !important;
        }

        .biz-bio-item-card.is-wa:hover .biz-bio-item-badge {
            background: linear-gradient(135deg, #16A34A 0%, #15803D 100%) !important;
            transform: scale(1.08);
            box-shadow: 0 6px 18px rgba(34, 197, 94, 0.55) !important;
        }

        .biz-bio-item-card.is-wa .biz-bio-item-arrow {
            color: #22C55E !important;
        }

        .biz-bio-item-badge svg {
            width: 20px;
            height: 20px;
            stroke: currentColor !important;
            fill: none !important;
            stroke-width: 1.75 !important;
        }

        .biz-bio-item-info {
            flex: 1;
            min-width: 0;
            display: flex;
            align-items: center;
        }

        .biz-bio-item-title {
            font-family: 'Outfit', sans-serif;
            font-size: 14.5px;
            font-weight: 700;
            letter-spacing: -0.01em;
            color: var(--theme-text-hero);
            line-height: 1.25;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .biz-bio-item-sub {
            display: none !important;
        }

        .biz-bio-item-arrow {
            color: var(--theme-text-muted);
            flex-shrink: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: transform 0.2s ease, color 0.2s ease;
        }

        .biz-bio-item-card:hover .biz-bio-item-arrow {
            color: var(--theme-text-primary);
            transform: translateX(4px);
        }

        /* 4. Canales Sociales Oficiales */
        .biz-bio-socials {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 10px;
            margin-bottom: 22px;
            width: 100%;
        }

        .biz-bio-socials-label {
            font-family: 'Outfit', sans-serif;
            font-size: 11px;
            font-weight: 800;
            text-transform: uppercase;
            letter-spacing: 0.1em;
            color: var(--theme-text-muted);
        }

        .biz-bio-socials-row {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
            flex-wrap: wrap;
        }

        .biz-bio-social-icon {
            width: 40px;
            height: 40px;
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            background: var(--glass-card-bg);
            border: 1px solid var(--glass-card-border);
            color: var(--theme-text-secondary);
            transition: transform 0.2s ease, background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
        }

        .biz-bio-social-icon svg {
            width: 18px;
            height: 18px;
            stroke: currentColor;
            fill: none;
            stroke-width: 1.75;
        }

        .biz-bio-social-icon:hover {
            transform: scale(1.1);
            background: var(--biz-brand-color, #2563EB);
            color: #FFFFFF;
            border-color: var(--biz-brand-color, #2563EB);
            box-shadow: 0 4px 14px color-mix(in srgb, var(--biz-brand-color, #2563EB) 35%, transparent);
        }

        /* 5. Pie de Página con Botón de Copiar y Enlace a Directorio */
        .biz-bio-footer {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 12px;
            margin-top: auto;
            padding-top: 18px;
            border-top: 1px solid var(--theme-card-border);
            width: 100%;
            text-align: center;
            margin-bottom: 20px;
        }

        .biz-bio-footer-brand {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            background: var(--theme-card-bg);
            border: 1px solid var(--theme-card-border);
            border-radius: 14px;
            padding: 8px 20px;
            margin-bottom: 6px;
            box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);
            box-sizing: border-box;
        }

        .biz-bio-footer-logo-img {
            max-height: 38px;
            width: auto;
            max-width: 170px;
            object-fit: contain;
            display: block;
        }

        .biz-bio-copy-link-btn {
            display: inline-flex;
            align-items: center;
            gap: 7px;
            padding: 8px 18px;
            background: color-mix(in srgb, var(--biz-brand-color, #2563EB) 10%, var(--theme-card-bg));
            border: 1px solid color-mix(in srgb, var(--biz-brand-color, #2563EB) 25%, transparent);
            border-radius: 999px;
            font-size: 12px;
            font-weight: 700;
            color: var(--biz-brand-color, #2563EB);
            cursor: pointer;
            transition: background 0.2s ease, transform 0.2s ease, color 0.2s ease;
        }

        .biz-bio-copy-link-btn:hover {
            background: var(--biz-brand-color, #2563EB);
            color: #FFFFFF;
            transform: translateY(-1px);
            box-shadow: 0 4px 14px color-mix(in srgb, var(--biz-brand-color, #2563EB) 35%, transparent);
        }

        .biz-bio-credits {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 6px;
            font-size: 12px;
            color: var(--theme-text-muted);
            flex-wrap: wrap;
        }

        .biz-bio-credits-dot {
            opacity: 0.4;
        }

        .biz-bio-dir-link {
            color: var(--biz-brand-color, #2563EB);
            text-decoration: none;
            font-weight: 700;
        }

        .biz-bio-dir-link:hover {
            text-decoration: underline;
        }

        /* 6. Barra de Navegación Inferior Flotante (Nivel 3: Cristal Flotante de Alta Densidad) */
        .biz-bio-bottom-nav {
            position: fixed;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 100%;
            max-width: 460px;
            background: var(--glass-floating-bg) !important;
            backdrop-filter: var(--glass-floating-blur) !important;
            -webkit-backdrop-filter: var(--glass-floating-blur) !important;
            border-top: 1px solid var(--glass-floating-border) !important;
            padding: 8px 16px calc(8px + env(safe-area-inset-bottom, 0px)) 16px;
            display: flex;
            align-items: center;
            justify-content: space-around;
            z-index: 100;
            box-sizing: border-box;
            border-top-left-radius: 20px;
            border-top-right-radius: 20px;
            box-shadow: var(--glass-floating-shadow) !important;
        }

        .biz-bio-nav-tab {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 4px;
            text-decoration: none;
            background: none;
            border: none;
            cursor: pointer;
            color: var(--theme-text-muted);
            font-size: 11px;
            font-weight: 600;
            letter-spacing: 0.01em;
            transition: color 0.2s ease, transform 0.2s ease;
            padding: 4px 8px;
        }

        .biz-bio-nav-tab svg {
            width: 19px;
            height: 19px;
            stroke-width: 1.75;
            stroke: currentColor;
            fill: none;
        }

        .biz-bio-nav-tab:hover {
            color: var(--biz-brand-color, #2563EB);
        }

        .biz-bio-nav-tab.is-active {
            color: var(--biz-brand-color, #2563EB);
            font-weight: 700;
        }

        .biz-bio-nav-tab.is-active svg {
            stroke-width: 2.0;
            filter: drop-shadow(0 2px 8px color-mix(in srgb, var(--biz-brand-color, #2563EB) 35%, transparent));
        }

        /* ☀️ Adaptación de Alto Rendimiento para Pantallas Móviles */
        @media (max-width: 480px) {
            .biz-bio-wrapper {
                padding-left: 12px;
                padding-right: 12px;
            }
            .biz-bio-profile-card {
                border-radius: 22px;
            }
            .biz-bio-cover {
                height: 190px;
            }
            .biz-bio-identity {
                padding: 16px 14px 12px 14px;
            }
            .biz-bio-footer-brand {
                padding: 6px 14px;
            }
            .biz-bio-footer-logo-img {
                max-height: 32px;
                max-width: 140px;
            }
            .biz-bio-stats-strip {
                padding: 12px 14px 14px 14px;
            }
            .biz-bio-item-card {
                border-radius: 16px;
                padding: 10px 14px;
            }
            .biz-bio-item-badge {
                width: 40px;
                height: 40px;
            }
        }