/* Adaptación visual al sistema de MasonLab. */
:root {
  --ml-accent: #e1723a;
  --ml-cta: #282722;
  --ml-green: #34d399;
  --ml-surface: #fffdf9;
  --ml-border: #e7e0d4;
  --ml-text: #292822;
  --ml-muted: #716b62;
  --sans: "DM Sans", Arial, sans-serif;
  --display: "Syne", Arial, sans-serif;
  --mono: "DM Mono", monospace;
  --line: var(--ml-border);
  --text: var(--ml-text);
  --muted: var(--ml-muted);
  --surface: var(--ml-surface);
}

.hero { background: #ffdc70; border-radius: 0 0 34px 34px; padding: 28px clamp(20px, 5vw, 70px) 86px; width: min(1280px, 100%); }
.site-nav { display: flex; justify-content: space-between; align-items: center; }
.brand { color: var(--ml-text); font: 500 15px var(--mono); letter-spacing: -.6px; }
.brand span { color: var(--ml-accent); }
.brand-logo { display: inline-flex; align-items: center; }
.brand-logo img { display: block; width: 164px; height: auto; }
.parent-link { color: #4d493f; font: 12px var(--mono); text-decoration: none; }
.parent-link:hover { color: #000; }
body { background: #fbf8f2; }
h1, h2, h3 { color: var(--ml-text); font-family: var(--display); }
h1 { font-size: clamp(40px, 4.2vw, 60px); font-weight: 800; letter-spacing: -.045em; max-width: 670px; }
h1 em, h2 em { color: var(--ml-accent); }
.intro, .section-heading > p, .process p, .portfolio-note { color: var(--ml-muted); }
.eyebrow { color: #4d493f; font-size: 12px; letter-spacing: .15em; }
.eyebrow span { background: var(--ml-accent); }
.button { border-radius: 8px; font-size: 14px; font-weight: 600; gap: 10px; }
.button-primary { background: var(--ml-cta); color: #fff; }
.button-primary:hover { background: #4a473f; box-shadow: 0 8px 24px #28272233; }
.text-link { color: var(--ml-text); border-bottom-color: #29282255; font-weight: 600; }
.proof-row { color: #4d493f; }
.art-card-back { background: linear-gradient(145deg, #25233b, #111113); }
.art-card-main:after { background: radial-gradient(circle at 75% 20%, #6366f155 0, transparent 25%), linear-gradient(135deg, transparent 46%, #b6b6bf16 46%, #b6b6bf16 48%, transparent 48%); }
.art-caption, .video-poster strong, .video-meta strong { font-family: var(--display); }
.art-sticker { background: #fffdf9; color: var(--ml-text); border-radius: 6px; }
.section-heading h2, .process h2, .final-cta h2 { font-size: clamp(32px, 3.2vw, 46px); font-weight: 800; letter-spacing: -.035em; line-height: 1.1; }
.filter { background: #fffdf9; border-color: var(--ml-border); border-radius: 8px; color: var(--ml-muted); }
.filter.active { background: var(--ml-cta); border-color: var(--ml-cta); color: #fff; }
.video-frame, .price-card { border-radius: 12px; }
.video-meta span, .price-kicker, .process li > span { color: var(--ml-accent); }
.video-meta strong { font-size: 14px; letter-spacing: -.02em; }
.price-card { background: var(--ml-surface); }
.price-card.featured { background: linear-gradient(135deg, #fff0bd, var(--ml-surface) 58%); border-color: #f1cf5d; }
.popular { background: #ffdc70; border-radius: 5px; color: var(--ml-text); }
.price-card ul { color: #514c44; }
.button-outline { border-color: #bdb5a7; color: var(--ml-text); }
.button-outline:hover { background: #fff0bd; border-color: #e1723a; color: var(--ml-text); }
.process li { border-color: var(--ml-border); }
.process li:last-child { border-color: var(--ml-border); }
.final-cta { border-color: var(--ml-border); }
.whatsapp-float { background: var(--ml-green); border-radius: 8px; font-weight: 600; }
footer { background: #ffdc70; border-radius: 20px 20px 0 0; color: #292822; padding: 28px 32px; min-height: 120px; }
footer .brand { color: #292822; }
footer a:not(.brand) { color: #292822; text-decoration: none; }

@media (max-width: 720px) {
  .parent-link { font-size: 11px; }
  .brand-logo img { width: 142px; }
  .hero-copy { text-align: center; }
  .hero-copy .eyebrow { justify-content: center; }
  .hero-copy .intro { margin-left: auto; margin-right: auto; }
  .hero-copy .hero-actions { justify-content: center; }
  .hero-copy .proof-row { justify-content: center; }
}