/* ========================================================================== */
/* TIPOGRAFÍA OFICIAL PROPIETARIA DE YAMAHA MOTOR PERÚ: GRAVITON ESTRICTA    */
/* ========================================================================== */
@font-face {
  font-family: 'Estricta';
  src: url('/static/fonts/graviton_-_estrictaregular-webfont.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Estricta';
  src: url('/static/fonts/graviton_-_estrictamedium-webfont.woff2') format('woff2'),
       url('/static/fonts/graviton_-_estrictamedium-webfont.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Estricta';
  src: url('/static/fonts/graviton_-_estrictabold-webfont.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Estricta';
  src: url('/static/fonts/graviton_-_estrictablack-webfont.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/* ========================================================================== */
/* VARIABLES Y TEMA OFICIAL DE YAMAHA MOTOR PERÚ                              */
/* ========================================================================== */
:root {
  --font-estricta: 'Estricta', sans-serif;
  --primary-red: #ED1C24;
  --primary-blue: #002B7F;
  --primary-500: #002B7F;
  --primary-200: #FFFFFF;
  --neutral-300: #596573;
  --neutral-40: #F3F4F5;
  --neutral-50: #F9F9F9;
  --text-dark: #1E1E1E;
}

body {
  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  color: var(--text-dark);
  background-color: #FFFFFF;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

/* Clase de Tipografía Oficial Estricta */
.font-estricta {
  font-family: 'Estricta', 'Barlow Condensed', sans-serif !important;
}

/* Color Azul Oficial Yamaha (Botones Saber más y Ver más de img1 e img3) */
.bg-yamaha-blue {
  background-color: #2b30fa !important;
}
.hover\:bg-yamaha-blue:hover {
  background-color: #1c20e0 !important;
}

/* Ocultar barra de desplazamiento horizontal */
.no-scrollbar::-webkit-scrollbar {
  display: none;
}
.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* Menú Desplegable Flyout */
.group:hover > .mega-menu-flyout {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

/* Transición suave para diapositivas del carrusel */
.carousel-slide {
  transition: opacity 0.7s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Botón flotante Back to Top */
#backToTopBtn {
  transition: opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1), transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

/* ========================================================================== */
/* UTILIDADES DE MAQUETACIÓN OFICIAL YAMAHA MOTOR PERÚ                        */
/* ========================================================================== */
.centered {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
@media (min-width: 1024px) {
  .centered {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

.bg-auxiliary-500 {
  background-color: #181818 !important;
}
.bg-primary-400 {
  background-color: #070633 !important;
}
.bg-primary-500 {
  background-color: #ED1C24 !important;
}
.hover\:bg-auxiliary-400:hover {
  background-color: #B9141B !important;
}
.text-h2 {
  font-size: 2.25rem;
  font-weight: 900;
  line-height: 1.15;
}
.text-h3 {
  font-size: 2rem;
  font-weight: 900;
  line-height: 1.2;
}
.text-h4 {
  font-size: 1.5rem;
  font-weight: 900;
  line-height: 1.3;
}
.rounded-4xl {
  border-radius: 32px !important;
}

/* ========================================================================== */
/* CARRUSELES HORIZONTALES ROBUSTOS (DISEÑO DEPORTIVO Y CONOCE MÁS)           */
/* ========================================================================== */
#conoceTrack {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
  scroll-behavior: smooth !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}
#conoceTrack::-webkit-scrollbar {
  display: none !important;
}

.conoce-slide {
  flex: 0 0 85vw !important;
  width: 85vw !important;
  max-width: 85vw !important;
}
@media (min-width: 640px) {
  .conoce-slide {
    flex: 0 0 500px !important;
    width: 500px !important;
    max-width: 500px !important;
  }
}
@media (min-width: 1024px) {
  .conoce-slide {
    flex: 0 0 calc((100% - 24px) / 2.1) !important;
    width: calc((100% - 24px) / 2.1) !important;
    max-width: calc((100% - 24px) / 2.1) !important;
  }
}

#featTrack {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
  scroll-behavior: smooth !important;
  scrollbar-width: none !important;
}
#featTrack::-webkit-scrollbar {
  display: none !important;
}
.feat-card {
  flex: 0 0 80vw !important;
  width: 80vw !important;
}
@media (min-width: 640px) {
  .feat-card {
    flex: 0 0 340px !important;
    width: 340px !important;
  }
}
@media (min-width: 1024px) {
  .feat-card {
    flex: 0 0 calc((100% - 48px) / 3) !important;
    width: calc((100% - 48px) / 3) !important;
  }
}

/* ========================================================================== */
/* TIPOGRAFÍA Y PALETA OFICIALES DE SUBNAV Y ESPECIFICACIONES (YAMAHA PERÚ)   */
/* ========================================================================== */
.font-roboto {
  font-family: 'Roboto', sans-serif !important;
}

.bg-neutral-100 {
  background-color: #DEE7EF !important;
}
.border-neutral-200 {
  border-color: #DDDDDD !important;
}
.text-neutral-300 {
  color: #596573 !important;
}
.text-neutral-500 {
  color: #010101 !important;
}
.bg-neutral-500 {
  background-color: #010101 !important;
}

.flex-2 { flex: 2 2 0% !important; }
.flex-3 { flex: 3 3 0% !important; }
@media (min-width: 1024px) {
  .lg\:flex-2 { flex: 2 2 0% !important; }
  .lg\:flex-3 { flex: 3 3 0% !important; }
}

/* ========================================================================== */
/* SECCIÓN DE PRECIOS OFICIAL YAMAHA PERÚ (IMG1 / IMG2)                        */
/* ========================================================================== */
.max-w-125 {
  max-width: 500px !important;
}
.h-125 {
  height: 500px !important;
}
.max-w-141\.25,
.max-w-141-25,
[class*="max-w-141"] {
  max-width: 565px !important;
}
.gap-13 {
  gap: 52px !important;
}
.primary-200,
.text-primary-200 {
  color: #FFFFFF !important;
}
.border-price-divider {
  border-bottom: 1px solid rgba(221, 221, 221, 0.4) !important;
}
.text-price-muted {
  color: rgba(221, 221, 221, 0.4) !important;
}