/* Spanish typography and LTR overrides; all brand colors and layouts are shared. */
html[lang="es"] body {
  direction: ltr;
  font-family: "Inter", system-ui, sans-serif;
  line-height: 1.7;
}
html[lang="es"] h1,
html[lang="es"] h2,
html[lang="es"] h3,
html[lang="es"] .stat-number,
html[lang="es"] .reference-footer-column h2,
html[lang="es"] .section.journey-section { font-family: "Inter", system-ui, sans-serif; }
html[lang="es"] .hero h1 { font-size: clamp(34px, 4.4vw, 58px); }
html[lang="es"] .section-title h2 { text-wrap: balance; }
html[lang="es"] .nav-list { font-size: 13px; }
html[lang="es"] .nav-list a { padding-inline: 8px; white-space: nowrap; }
html[lang="es"] .header-content { gap: 12px; }
html[lang="es"] .header-cta,
html[lang="es"] .header-contact { font-size: 12px; }
html[lang="es"] .testimonials-section .testimonial-card blockquote p { line-height: 1.8; }
html[lang="es"] .form-field input[type="tel"] { direction: ltr; text-align: left; }
html[lang="es"] .form-cta-note,
html[lang="es"] .contact-region-label,
html[lang="es"] .contact-number-group,
html[lang="es"] .contact-list:not(.contact-list-compact) .contact-item span { text-align: start; }
html[lang="es"] .contact-number-group { justify-items: start; }
html[lang="es"] .footer-link-arrow { transform: none; }
html[lang="es"] .journey-truck { transform: none; animation-name: journey-truck-move-ltr; }
@keyframes journey-truck-move-ltr {
  0% { opacity: 0; right: calc(100% - 2rem); }
  10% { opacity: 1; }
  90% { opacity: 1; }
  100% { opacity: 0; right: 0; }
}
html[lang="es"] .journey-title { white-space: normal; font-size: 14px; }
html[lang="es"] .journey-place strong { font-size: 12px; }
html[lang="es"] .legal-content ul { margin-inline: 22px 0; }
html[lang="es"] .reference-footer { text-align: start; }
html[lang="es"] .prep-card > div::after { content: "?"; font-family: "Inter", system-ui, sans-serif; }

@media (min-width: 921px) and (max-width: 1280px) {
  html[lang="es"] .nav-list { font-size: 12px; }
  html[lang="es"] .nav-list a { padding-inline: 7px; }
}
@media (max-width: 920px) {
  html[lang="es"] .warehouse-point { flex-direction: row; }
}
@media (max-width: 620px) {
  html[lang="es"] .hero h1 { font-size: 34px; }
  html[lang="es"] .page-hero h1 { font-size: 30px; }
  html[lang="es"] .contact-item-left strong { font-size: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  html[lang="es"] .journey-truck { animation: none; }
}