/* Approved palette sampled from the front faces of titulo-100-p3sitos-v1.png.
   Base RGB 251/57/44; the darker shades retain the title's dimensional lighting. */
html[data-tema="mercedes"],
html[data-tema="mercedes"] body.campaign-app,
html[data-tema="mercedes"] #checkout#checkout {
  --mg-red: #fb392c;
  --mg-red-rgb: 251,57,44;
  --mg-red-light: #ff6658;
  --mg-red-shade: #d5271c;
  --mg-deep-red: #a51d13;
  --mg-red-dark: #74130d;
  --mg-red-surface: #351612;
  --mg-red-surface-deep: #25110f;
  --accent: var(--mg-red);
  --accent-soft: var(--mg-red-surface);
  --accent-dark: var(--mg-red-surface-deep);
  --purple: var(--mg-red);
  --lavender: var(--mg-red);
  --danger: var(--mg-red);
  --pz-rojo: var(--mg-red);
  --g-rojo: var(--mg-red);
  --g-rojo2: var(--mg-red-shade);
  --acento: var(--mg-red);
  --rojo: var(--mg-red);
  --rojo2: var(--mg-red);
  --rojo3: var(--mg-deep-red);
  --paq-on: var(--mg-red-surface);
}
html[data-tema="mercedes"] .mg-rank-title {
  -webkit-text-stroke-color: var(--mg-red-light);
  text-shadow: 0 -1px 0 var(--mg-red-light),0 1px 0 var(--mg-red-shade),0 2px 0 #bf2419,0 3px 0 var(--mg-deep-red),0 4px 0 #89180f,0 5px 0 var(--mg-red-dark),0 7px 2px #000b,0 12px 16px #0009;
}
html[data-tema="mercedes"] .mg-phone-rank-title {
  -webkit-text-stroke-color: var(--mg-red-light);
  text-shadow: 0 -1px 0 var(--mg-red-light),0 1px 0 var(--mg-red-shade),0 2px 0 var(--mg-deep-red),0 3px 0 #89180f,0 4px 0 var(--mg-red-dark),0 6px 2px #000b,0 9px 12px #0009;
}
html[data-tema="mercedes"] .mg-featured .mg-place-number { background: rgba(var(--mg-red-rgb),.25); }
html[data-tema="mercedes"] .mg-car-card.mg-featured { --mg-glass: rgba(43,22,18,.23); }
html[data-tema="mercedes"] .mg-burgundy .mg-phone-glow { background: radial-gradient(ellipse,rgba(var(--mg-red-rgb),.28),transparent 68%); }
html[data-tema="mercedes"] .mg-home .mg-buy-button { border-color: var(--mg-red-light); }
html[data-tema="mercedes"] #screen-boletos :is(.quick-icon,.ticket-outline) { background: var(--mg-red-surface-deep); }
html[data-tema="mercedes"] #lookupButton { font-size: 19px; font-weight: 700; }
html[data-tema="mercedes"] #checkout#checkout .mz-correo-rojo { background: var(--mg-red-surface-deep); }
html[data-tema="mercedes"] #checkout#checkout .garaje-pasos button.mzw-actual { background: var(--mg-red-surface); box-shadow: 0 0 0 2px rgba(var(--mg-red-rgb),.2); }
html[data-tema="mercedes"] #checkout#checkout .garaje-pasos button.mzw-actual .waypoint-number { background: var(--mg-red); }
html[data-tema="mercedes"] #checkout#checkout .pq2 button.sel { background: var(--mg-red-surface) !important; }
html[data-tema="mercedes"] #checkout#checkout #paquetesGrid button:is(.sel,[aria-pressed="true"]) { box-shadow: 0 0 0 3px rgba(var(--mg-red-rgb),.3),0 14px 26px -12px rgba(var(--mg-red-rgb),.8); }
html[data-tema="mercedes"] #checkout#checkout :is(.field input:focus-visible,.quantity-control input:focus-visible,.deposit-choice input:focus-visible + span) { outline-color: rgba(var(--mg-red-rgb),.6); }
html[data-tema="mercedes"] #checkout#checkout .field input:focus { border-color: var(--mg-red); box-shadow: 0 0 0 3px rgba(var(--mg-red-rgb),.18); }
html[data-tema="mercedes"] #checkout#checkout .field input[aria-invalid="true"] { border-color: var(--mg-red); background: var(--mg-red-surface-deep); }
html[data-tema="mercedes"] #checkout#checkout .quantity-error { color: var(--mg-red-light); background: var(--mg-red-surface-deep); border-color: var(--mg-red); }
html[data-tema="mercedes"] #checkout#checkout .pay-option.selected { box-shadow: 0 0 0 2px rgba(var(--mg-red-rgb),.3),0 8px 24px #0003; }
html[data-tema="mercedes"] #checkout#checkout .mzw-err { background: var(--mg-deep-red); }
html[data-tema="mercedes"] #checkout#checkout :is(.quantity-control button,.upload-icon,.consent input) { accent-color: var(--mg-red); }
html[data-tema="mercedes"] #checkout#checkout :is(.mzw-sig,#nextStep) { box-shadow: 0 8px 22px -10px rgba(var(--mg-red-rgb),.75); }
html[data-tema="mercedes"] #checkout#checkout :is(.mzw-sig > i,#nextStep > i) { color: var(--mg-red); }
html[data-tema="mercedes"] #checkout#checkout .mzw-b #nextStep { background: var(--mg-red); box-shadow: 0 8px 22px -10px rgba(var(--mg-red-rgb),.75),0 2px 0 #fff3 inset; }
html[data-tema="mercedes"] #checkout#checkout .mzw-b #nextStep > i { color: var(--mg-red); }
html[data-tema="mercedes"] #checkout#checkout .upload-icon { box-shadow: 0 12px 22px -12px rgba(var(--mg-red-rgb),.9); }
html[data-tema="mercedes"] .official-contact-icon { color: #fff; }
html[data-tema="mercedes"] .mzh-agotado { border-color: rgba(var(--mg-red-rgb),.45); background: rgba(var(--mg-red-rgb),.14); }
html[data-tema="mercedes"] .mzh-agotado a { color: var(--mg-red); }

/* Approved title and video shading, without the preview label. */
html[data-tema="mercedes"] .mg-film-shade { background: linear-gradient(180deg,rgba(7,10,17,.74),rgba(7,10,17,.64) 28%,rgba(8,13,22,.18) 58%,rgba(8,13,22,.65)); }
html[data-tema="mercedes"] .mg-cinema-window.mg-title-hero { height: auto; display: grid; justify-items: center; padding: 189px 0 36px; }
/* 29 oct 2026: la sombra va en el h1 con 56px de aire abajo (que se devuelven con el margen): en Safari la sombra
   de la imagen se cortaba en el borde de abajo del PNG y dejaba una franja oscura con canto recto detrás del título. */
html[data-tema="mercedes"] #homeTitleMz { width: 100%; max-width: 860px; margin: 0 0 -56px; padding: 0 0 56px; line-height: 0; background: none; text-shadow: none; filter: drop-shadow(0 8px 5px rgba(31,0,1,.35)) drop-shadow(0 16px 28px rgba(0,0,0,.65)); }
.mg-home img.mg-title-wordmark { display: block; width: 100%; height: auto; }
@media(max-width:760px) { html[data-tema="mercedes"] .mg-cinema-window.mg-title-hero { padding: 149px 0 22px; } }