.marca-page {
        --brand-accent: #c9a227;
    }
    .marca-hero {
        background:
            radial-gradient(1200px 420px at 5% 95%, rgba(217, 119, 6, 0.14), transparent 72%),
            radial-gradient(900px 480px at 95% -10%, rgba(148, 163, 184, 0.22), transparent 60%),
            linear-gradient(135deg, #0f172a 0%, #1e293b 48%, #334155 100%);
    }
    .marca-hero-logo-card {
        background: rgba(255, 255, 255, 0.98);
        border: 1px solid rgba(148, 163, 184, 0.35);
        border-radius: 1.1rem;
        box-shadow: 0 22px 42px rgba(15, 23, 42, 0.35);
        min-height: 240px;
    }
    .marca-hero-panel {
        background: rgba(15, 23, 42, 0.32);
        border: 1px solid rgba(148, 163, 184, 0.28);
        border-radius: 1rem;
        backdrop-filter: blur(8px);
    }
    .marca-kicker {
        letter-spacing: 0.08em;
        text-transform: uppercase;
        font-size: 0.72rem;
        color: #cbd5e1;
    }
    .marca-hero-title {
        line-height: 1.02;
        letter-spacing: -0.01em;
    }
    .marca-hero-stats {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.6rem;
    }
    .marca-hero-stat {
        background: rgba(15, 23, 42, 0.45);
        border: 1px solid rgba(148, 163, 184, 0.22);
        border-radius: 0.75rem;
        padding: 0.65rem 0.8rem;
    }
    .marca-hero-btn-secondary {
        border: 1px solid rgba(255, 255, 255, 0.35);
        color: #fff;
    }
    .marca-hero-btn-secondary:hover {
        background: rgba(255, 255, 255, 0.1);
    }
    .valor-badge {
        background: rgba(255,255,255,0.1);
        backdrop-filter: blur(10px);
    }
    /* Tarjeta de producto: ahora en product-card.php + .pc-* de site-shell.css */
    @media (min-width: 768px) {
        .marca-hero-logo-card {
            min-height: 320px;
        }
        .marca-hero-stats {
            max-width: 380px;
        }
    }