/* Plantilla de estilo luxury-auto-01 · vertical: Luxury Auto */
@import url('https://fonts.googleapis.com/css2?family=Crimson+Pro:wght@400;500;600;700;800&family=Source+Sans+3:wght@400;500;600;700;800&display=swap');
:root {
  --color-primary-1: #0D0D0D;
  --color-primary-2: #FFFFFF;
  --color-primary-3: #0078D6;
  --color-primary-4: #014880;
  --color-primary-5: #012C4D;
  --color-accent-1: #4EAFFD;
  --color-accent-2: #B4DDFE;
  --color-accent-3: #E6F5FF;
  --color-accent-4: #D92121;
  --color-accent-5: #198025;
  --color-neutral-1: #262626;
  --color-neutral-2: #424242;
  --color-neutral-3: #6B6B6B;
  --color-neutral-4: #767676;
  --color-neutral-5: #9F9F9F;
  --color-neutral-6: #C9C9C9;
  --color-neutral-7: #E8E8E8;
  --color-neutral-8: #F4F4F4;
  --color-neutral-9: #F8F8F8;
  --color-bg: #FFFFFF;
  --color-bg-alt: #F4F4F4;
  --color-bg-brand: #0D0D0D;
  --color-text: #0D0D0D;
  --color-text-heading: #0D0D0D;
  --color-text-muted: #424242;
  --color-border: #E8E8E8;
  --color-action: #0078D6;
  --color-action-text: #FFFFFF;
  --color-link: #0078D6;
  --color-link-hover: #014880;
  --color-focus: #0078D6;
  --color-success: #198025;
  --color-error: #D92121;
  --color-warning: #BA9700;
  --on-bg: #0D0D0D;
  --on-bg-alt: #0D0D0D;
  --color-text-accent: #014880;
  --on-action: #FFFFFF;
  --on-hero: #FFFFFF;
  --on-brand: #FFFFFF;
  --on-dark: #FFFFFF;
  --on-chart-1: #000000;
  --on-chart-2: #FFFFFF;
  --on-chart-3: #000000;
  --on-chart-4: #000000;
  --on-chart-5: #FFFFFF;
  --on-chart-6: #000000;
  --tag-bg: #E6F5FF;
  --tag-color: #0D0D0D;
  --gradient-1: linear-gradient(180deg, rgba(13,13,13,0) 0%, #0D0D0D 85.0%);
  --gradient-2: linear-gradient(90deg, rgba(13,13,13,0.75) 0%, rgba(13,13,13,0) 60.0%);
  --font-display: "Crimson Pro", system-ui, sans-serif;
  --font-body: "Source Sans 3", system-ui, sans-serif;
  --text-h1-size: 56px;
  --text-h1-line: 1.143;
  --text-h1-tracking: 0px;
  --text-h1-weight: 400;
  --text-h2-size: 40px;
  --text-h2-line: 1.2;
  --text-h2-tracking: 0px;
  --text-h2-weight: 400;
  --text-h3-size: 32px;
  --text-h3-line: 1.25;
  --text-h3-tracking: 0px;
  --text-h3-weight: 400;
  --text-h4-size: 24px;
  --text-h4-line: 1.333;
  --text-h4-tracking: 0px;
  --text-h4-weight: 400;
  --text-body-large-size: 20px;
  --text-body-large-line: 1.4;
  --text-body-large-tracking: 0px;
  --text-body-large-weight: 400;
  --text-body-size: 16px;
  --text-body-line: 1.5;
  --text-body-tracking: 0px;
  --text-body-weight: 400;
  --text-eyebrow-size: 16px;
  --text-eyebrow-line: 1.5;
  --text-eyebrow-tracking: 0.5px;
  --text-eyebrow-weight: 700;
  --text-button-size: 16px;
  --text-button-line: 1.5;
  --text-button-tracking: 0px;
  --text-button-weight: 700;
  --text-small-size: 12px;
  --text-small-line: 1.667;
  --text-small-tracking: 0px;
  --text-small-weight: 400;
  --radius-none: 0px;
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-lg: 24px;
  --radius-pill: 999px;
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-24: 24px;
  --space-32: 32px;
  --space-48: 48px;
  --space-64: 64px;
  --space-96: 96px;
  --shadow-layered: 0px 3px 3px 0px rgba(0,0,0,0.05);
  --shadow-soft: 0px 0px 4px 0px rgba(0,0,0,0.1);
  --container-max: 1170px;
  --button-radius: 2px;
  --button-padding: 12px 24px;
  --button-size: 16px;
  --button-weight: 700;
  --button-transform: none;
  --button-tracking: 0px;
  --button-primary-bg: #0078D6;
  --button-primary-color: #FFFFFF;
  --button-primary-border: 1px solid #0078D6;
  --button-secondary-bg: transparent;
  --button-secondary-color: #0D0D0D;
  --button-secondary-border: 1px solid #9F9F9F;
  --button-inverse-bg: #FFFFFF;
  --button-inverse-color: #0D0D0D;
  --button-inverse-border: 1px solid #FFFFFF;
  --button-ghost-bg: transparent;
  --button-ghost-color: #FFFFFF;
  --button-ghost-border: 1px solid #9F9F9F;
  --card-radius: 0px;
  --card-border: none;
  --card-shadow: 0 1px 2px rgba(0,0,0,0.06), 0 3px 3px rgba(0,0,0,0.05), 0 7px 4px rgba(0,0,0,0.03);
  --hero-bg: #0D0D0D;
  --hero-color: #FFFFFF;
  --hero-accent: #FFFFFF;
  --heading-weight: 400;
  --heading-tracking: 0.0000em;
  --brand-bg: #0D0D0D;
  --brand-color: #FFFFFF;
  --brand-accent: #4EAFFD;
  --dark-bg: #012C4D;
  --dark-color: #FFFFFF;
  --dark-accent: #B4DDFE;
  --input-radius: 2px;
  --chart-1: #0078D6;
  --chart-2: #014880;
  --chart-3: #4EAFFD;
  --chart-4: #9F9F9F;
  --chart-5: #0D0D0D;
  --chart-6: #B4DDFE;
}

body { font-family: var(--font-body); color: var(--color-text); background: var(--color-bg); }
h1, h2, h3, h4 { font-family: var(--font-display); }
.btn { display: inline-block; font-family: var(--font-body); font-size: var(--button-size); font-weight: var(--button-weight);
  text-transform: var(--button-transform); letter-spacing: var(--button-tracking); padding: var(--button-padding);
  border-radius: var(--button-radius); text-decoration: none; line-height: 1.2; cursor: pointer; }
.btn-primary { background: var(--button-primary-bg); color: var(--button-primary-color); border: var(--button-primary-border); }
.btn-secondary { background: var(--button-secondary-bg); color: var(--button-secondary-color); border: var(--button-secondary-border); }
.btn-inverse { background: var(--button-inverse-bg); color: var(--button-inverse-color); border: var(--button-inverse-border); }
.btn-ghost { background: var(--button-ghost-bg); color: var(--button-ghost-color); border: var(--button-ghost-border); }
.card { background: var(--color-bg); border-radius: var(--card-radius); border: var(--card-border); box-shadow: var(--card-shadow); }
a { color: var(--color-text-accent, var(--color-link)); }