/** Shopify CDN: Minification failed

Line 1664:0 All "@import" rules must come first

**/

/* =========================================================
   TURBO ACCESORIOS PREMIUM DARK MODE (INJECTED VIA API)
   ========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800&display=swap');

:root {
  --color-base-text: 240, 240, 240;
  --color-base-background-1: 26, 26, 26; /* #1A1A1A */
  --color-base-background-2: 15, 15, 15; /* #0F0F0F */
  --color-base-solid-button-labels: 255, 255, 255;
  --color-base-accent-1: 227, 6, 19; /* #E30613 Red */
  --color-base-accent-2: 26, 26, 26;
  --font-body-family: 'Montserrat', sans-serif;
  --font-heading-family: 'Montserrat', sans-serif;
}

body, html, .gradient, .page-container {
  background-color: #1A1A1A !important;
  color: #F0F0F0 !important;
  font-family: 'Montserrat', sans-serif !important;
}

/* Global Typography Override */
h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5, .banner__heading, .collection-list-title {
  font-family: 'Montserrat', sans-serif !important;
  color: #FFFFFF !important;
  font-weight: 800 !important;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

p, span, div {
  font-family: 'Montserrat', sans-serif;
}

/* Headers and Footers */
.header-wrapper, .footer, .site-header {
  background-color: #0F0F0F !important;
  border-bottom: 1px solid #333 !important;
}

.header__menu-item, .list-menu__item {
  color: #FFFFFF !important;
  font-weight: 600 !important;
  text-transform: uppercase;
}

.header__menu-item:hover {
  color: #E30613 !important;
}

/* Buttons */
.button, .btn, .button--primary, .product-form__submit {
  background-color: #E30613 !important;
  color: #FFFFFF !important;
  border-radius: 4px !important;
  border: none !important;
  text-transform: uppercase !important;
  font-weight: 700 !important;
  letter-spacing: 1px !important;
  transition: all 0.3s ease !important;
  box-shadow: none !important;
}

.button:hover, .btn:hover, .product-form__submit:hover {
  background-color: #ff1a2b !important;
  box-shadow: 0 0 15px rgba(227, 6, 19, 0.6) !important;
  transform: translateY(-2px);
}

/* Product Cards */
.card-wrapper, .product-card, .grid-view-item {
  background-color: #222222 !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  border: 1px solid #333 !important;
  transition: all 0.3s ease !important;
  padding-bottom: 10px;
}

.card-wrapper:hover, .product-card:hover {
  border-color: #E30613 !important;
  box-shadow: 0 10px 20px rgba(0,0,0,0.8) !important;
}

.card__heading, .price, .grid-view-item__title, .price-item {
  color: #FFFFFF !important;
}

.price-item--regular {
  color: #AAAAAA !important;
}

.price-item--sale {
  color: #E30613 !important;
  font-weight: 700 !important;
}

/* Glassmorphism for Banners */
.banner__box, .hero__inner, .slideshow__text-wrap {
  background: rgba(26, 26, 26, 0.75) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 8px !important;
}

/* Titles Accent Line */
.title-wrapper-with-link .title::after, .section-header__title::after {
  content: '';
  display: block;
  width: 80px;
  height: 4px;
  background-color: #E30613;
  margin-top: 12px;
  border-radius: 2px;
}

/* Clean up borders */
hr, .divider {
  border-color: #333 !important;
}

/* FIX BLACK TEXT ON DARK MODE */
.grid-product__title, .grid-product__price, .grid-product__vendor, .product-card__title, .product-card__price, .price-item, .price-item--regular, .price-item--sale, .card__heading a, .card-information__text, h1, h2, h3, h4, h5, h6, p, span, a, div, .product-title, .product-price {
    color: #FFFFFF !important;
}
.grid-product__price--savings, .price-item--sale {
    color: #E30613 !important;
    font-weight: 800 !important;
}
.grid-product__price--original, .price-item--regular {
    color: #AAAAAA !important;
    text-decoration: line-through !important;
}
.grid-item__meta, .product-card__meta {
    background-color: transparent !important;
}
.section-header__title, .collection-item__title {
    color: #FFFFFF !important;
}

/* ═══════════════════════════════════════════════════════════════
   TURBO PREMIUM DARK MODE v2.0
   Reescritura limpia — 6 mayo 2026
   Colores: Fondo #1A1A1A, Texto #FFFFFF, Acento #E30613
   ═══════════════════════════════════════════════════════════════ */

/* ───────────────────────────────────────────────────────────────
   1. FUNDACIÓN — Fondo oscuro global, texto blanco
   ─────────────────────────────────────────────────────────────── */
body,
.main-content,
.template-index,
.template-product,
.template-collection,
.template-page,
.template-cart,
.template-blog,
.template-article,
.index-sections {
    background-color: #1A1A1A !important;
    color: #FFFFFF !important;
}

/* ───────────────────────────────────────────────────────────────
   2. TIPOGRAFÍA — Todo texto legible sobre fondo oscuro
   ─────────────────────────────────────────────────────────────── */
h1, h2, h3, h4, h5, h6,
p, li, span, a, label, td, th,
.section-header__title,
.index-section__header,
.collection-hero__title,
.page-width,
.rte,
.rte p,
.rte li,
.product-single__description,
.product-single__description-full,
.product-single__title {
    color: #FFFFFF !important;
}

a:not(.btn):not(.shopify-payment-button__button) {
    color: #E8E8E8 !important;
}
a:hover {
    color: #E30613 !important;
}

/* ───────────────────────────────────────────────────────────────
   3. SECCIONES — Fondos oscuros para cada tipo de sección
   ─────────────────────────────────────────────────────────────── */
.index-section,
.shopify-section,
.promo-grid,
.collection-list,
.featured-collection,
.testimonials-section,
.map-multistore-section,
.advanced-block,
.footer-promotions {
    background-color: #1A1A1A !important;
}

/* Separadores entre secciones — eliminados para evitar franjas */

/* ───────────────────────────────────────────────────────────────
   4. HEADER — Barra de navegación
   ─────────────────────────────────────────────────────────────── */
.site-header,
.site-header__logo,
.header-layout {
    background-color: #111111 !important;
    border-bottom: 1px solid #2A2A2A !important;
}
.site-header a,
.site-nav__link,
.site-header__icon-link {
    color: #FFFFFF !important;
}
.site-nav__link:hover {
    color: #E30613 !important;
}

/* ───────────────────────────────────────────────────────────────
   5. PRODUCTO — Ficha de producto
   ─────────────────────────────────────────────────────────────── */

/* 5a. Precios SIEMPRE visibles */
.product__price,
.product__price--compare,
.product__price-savings,
.price-item,
.price-item--regular,
.price-item--sale,
#ProductPrice,
[id^="ProductPrice-"],
[id^="ComparePrice-"],
[id^="SavePrice-"],
.grid-product__price,
.grid-product__price--current,
.grid-product__price--original {
    color: #FFFFFF !important;
}
.product__price--compare,
.price-item--regular {
    color: #999999 !important;
    text-decoration: line-through !important;
}
.product__price-savings,
.price-item--sale {
    color: #E30613 !important;
    font-weight: 700 !important;
}

/* 5b. Variantes (tallas, colores) */
.variant-wrapper,
.variant-input-wrap,
.variant-input label,
.variant__label,
.product-form__item label,
.swatch__label {
    color: #FFFFFF !important;
}
.variant-input .variant-input--pill {
    background-color: #2A2A2A !important;
    color: #FFFFFF !important;
    border: 1px solid #444 !important;
}
.variant-input .variant-input--pill.is-active,
.variant-input .variant-input--pill:checked + label {
    background-color: #E30613 !important;
    border-color: #E30613 !important;
    color: #FFFFFF !important;
}

/* 5c. SKU */
.product-single__sku {
    color: #999 !important;
}

/* 5d. Cantidad */
.js-qty__wrapper {
    background-color: #2A2A2A !important;
    border: 1px solid #444 !important;
    color: #FFFFFF !important;
}
.js-qty__num {
    color: #FFFFFF !important;
    background-color: transparent !important;
}

/* 5e. Botón AGREGAR AL CARRITO — Rojo Turbo */
.btn--full.add-to-cart,
.add-to-cart {
    background-color: #E30613 !important;
    color: #FFFFFF !important;
    border: none !important;
    font-weight: 800 !important;
}
.add-to-cart:hover {
    background-color: #C00510 !important;
}

/* 5f. Botón COMPRAR AHORA — Rojo sólido, igual que Agregar al Carrito */
.shopify-payment-button__button--unbranded,
.shopify-payment-button__button {
    background-color: #E30613 !important;
    color: #FFFFFF !important;
    border: none !important;
    font-weight: 800 !important;
    border-radius: 4px !important;
}
.shopify-payment-button__button--unbranded:hover,
.shopify-payment-button__button:hover {
    background-color: #C00510 !important;
    color: #FFFFFF !important;
}

/* 5g. Banner de pagos (turbo-trust-badges) — Dark premium con borde rojo */
div.turbo-trust-badges {
    background-color: #222222 !important;
    background: #222222 !important;
    border: none !important;
    border-left: 4px solid #E30613 !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.3) !important;
}
.turbo-trust-badges p {
    color: #AAAAAA !important;
    letter-spacing: 1.5px !important;
}
.turbo-trust-badges span {
    text-shadow: none !important;
}
/* Colores de marca ligeramente más brillantes para fondo oscuro */
.turbo-trust-badges span[style*="001C71"] { color: #4A7FFF !important; }
.turbo-trust-badges span[style*="00E065"] { color: #00FF75 !important; }
.turbo-trust-badges span[style*="0050FF"] { color: #5A9FFF !important; }

/* 5h. Trust image (logos tarjetas) — Dark premium con borde rojo */
.trust-image {
    background-color: #222222 !important;
    border: none !important;
    border-left: 4px solid #E30613 !important;
    border-radius: 8px !important;
    padding: 12px 16px !important;
    margin-top: 10px !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.3) !important;
}
.trust-image .image-wrap {
    background: transparent !important;
}
/* La imagen de logos tiene fondo blanco incorporado,
   le aplicamos un filtro para que se vea bien en oscuro:
   invertimos + ajustamos brillo para que los logos se lean */
.trust-image img {
    filter: brightness(0.9) contrast(1.1) !important;
    border-radius: 4px !important;
}

/* 5i. Descripción del producto */
.product-single__description,
.product-single__description-full,
.product-single__description p,
.product-single__description-full p,
.product-single__description li {
    color: #E0E0E0 !important;
}

/* ───────────────────────────────────────────────────────────────
   6. COLECCIONES — Grid de productos
   ─────────────────────────────────────────────────────────────── */
.grid-product__content,
.grid-product__meta {
    background-color: #1A1A1A !important;
}
.grid-product__title {
    color: #FFFFFF !important;
}
.grid-product__vendor {
    color: #999 !important;
}
.grid-product__tag {
    background-color: #E30613 !important;
    color: #FFFFFF !important;
}

/* ───────────────────────────────────────────────────────────────
   7. HOMEPAGE — Promo Grid y bloques especiales
   ─────────────────────────────────────────────────────────────── */

/* 7a. Títulos y texto de bloques promocionales */
.promo-grid__text-wrap,
.advanced-block__text-wrap {
    color: #FFFFFF !important;
}
.promo-grid__title,
.advanced-block__title {
    color: #FFFFFF !important;
}

/* 7b. Bloques con estilo "Boxed" — fondo oscuro translúcido */
.advanced-block--boxed .advanced-block__text-wrap,
.promo-grid--boxed .promo-grid__text-wrap {
    background-color: rgba(26, 26, 26, 0.9) !important;
    border: 1px solid #333 !important;
    backdrop-filter: blur(8px) !important;
}

/* 7c. Precios en promo grid */
.promo-grid__price,
.advanced-block__price {
    color: #FFFFFF !important;
}
.promo-grid .price-item--regular { 
    color: #999 !important; 
    text-decoration: line-through !important; 
}
.promo-grid .price-item--sale { 
    color: #E30613 !important; 
    font-weight: bold !important; 
}

/* 7d. Guía de Tallas — compacto */
.promo-grid__text-wrap .btn,
.advanced-block__text-wrap .btn {
    background-color: #E30613 !important;
    color: #FFFFFF !important;
    border: none !important;
}

/* 7e+7f. Crédito Online — ver sección 31 abajo para reglas completas */

/* ───────────────────────────────────────────────────────────────
   8. TESTIMONIOS
   ─────────────────────────────────────────────────────────────── */
.testimonials-section,
.testimonial-block {
    background-color: #1A1A1A !important;
}
.testimonial-block__text,
.testimonial-block__author {
    color: #E0E0E0 !important;
}

/* ───────────────────────────────────────────────────────────────
   9. MAPA Y SEDES
   ─────────────────────────────────────────────────────────────── */
.map-multistore-section {
    background-color: #1A1A1A !important;
}
.map-multistore .btn,
.map-multistore button {
    background-color: #E30613 !important;
    color: #FFFFFF !important;
    border: none !important;
}
.map-multistore__info,
.map-multistore__address,
.map-multistore__hours {
    color: #E0E0E0 !important;
}

/* ───────────────────────────────────────────────────────────────
   10. FOOTER
   ─────────────────────────────────────────────────────────────── */
.site-footer,
.footer-block,
.footer-newsletter {
    background-color: #0F0F0F !important;
    color: #FFFFFF !important;
    border-top: 1px solid #2A2A2A !important;
}
.site-footer p,
.site-footer a,
.site-footer h1, .site-footer h2, .site-footer h3, .site-footer h4,
.footer-heading,
.footer__list-item a {
    color: #FFFFFF !important;
}
.newsletter-form__field-wrapper input {
    background-color: #222 !important;
    color: #FFF !important;
    border: 1px solid #444 !important;
}

/* ───────────────────────────────────────────────────────────────
   11. CARRITO (Drawer)
   ─────────────────────────────────────────────────────────────── */
.drawer,
.drawer__inner,
.ajaxcart__inner {
    background-color: #1A1A1A !important;
    color: #FFFFFF !important;
}
.ajaxcart__product-name,
.ajaxcart__product-meta {
    color: #FFFFFF !important;
}
.drawer__close-button {
    color: #FFFFFF !important;
}

/* ───────────────────────────────────────────────────────────────
   12. BOTONES GENÉRICOS
   ─────────────────────────────────────────────────────────────── */
.btn:not(.add-to-cart):not(.shopify-payment-button__button) {
    background-color: #E30613 !important;
    color: #FFFFFF !important;
    border: none !important;
}
.btn--tertiary,
.btn--secondary:not(.add-to-cart) {
    background-color: transparent !important;
    color: #E30613 !important;
    border: 2px solid #E30613 !important;
}

/* ───────────────────────────────────────────────────────────────
   13. FORMULARIOS (Newsletter, contacto)
   ─────────────────────────────────────────────────────────────── */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
textarea,
select {
    background-color: #2A2A2A !important;
    color: #FFFFFF !important;
    border: 1px solid #444 !important;
}

/* ───────────────────────────────────────────────────────────────
   14. BREADCRUMBS
   ─────────────────────────────────────────────────────────────── */
.breadcrumb a,
.breadcrumb span {
    color: #999 !important;
}
.breadcrumb a:hover {
    color: #E30613 !important;
}

/* ───────────────────────────────────────────────────────────────
   15. ANNOUNCEMENT BAR — ya está oscura por defecto, mantener
   ─────────────────────────────────────────────────────────────── */

/* ───────────────────────────────────────────────────────────────
   16. COLLECTION LIST (Homepage)
   ─────────────────────────────────────────────────────────────── */
.collection-list__item-title {
    color: #FFFFFF !important;
}
.collection-list__item-count {
    color: #999 !important;
}

/* ───────────────────────────────────────────────────────────────
   17. FOOTER PROMOTIONS
   ─────────────────────────────────────────────────────────────── */
.footer-promotions__title {
    color: #FFFFFF !important;
}

/* ───────────────────────────────────────────────────────────────
   18. RECENTLY VIEWED
   ─────────────────────────────────────────────────────────────── */
.recently-viewed-section {
    background-color: #1A1A1A !important;
}

/* ───────────────────────────────────────────────────────────────
   19. SEARCH
   ─────────────────────────────────────────────────────────────── */
.search-form__input {
    background-color: #2A2A2A !important;
    color: #FFFFFF !important;
    border: 1px solid #444 !important;
}

/* ═══════════════════════════════════════════════════════════════
   FIN — TURBO PREMIUM DARK MODE v2.0
   ═══════════════════════════════════════════════════════════════ */


/* ───────────────────────────────────────────────────────────────
   20. STICKY ADD TO CART — Botón flotante al hacer scroll
   ─────────────────────────────────────────────────────────────── */
.product-sticky-form,
.product-sticky-cart,
.sticky-cart,
.sticky-add-cart {
    background-color: #111111 !important;
    border-top: 2px solid #E30613 !important;
    z-index: 9999 !important;
    box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.5) !important;
}
.product-sticky-form .btn,
.product-sticky-cart .btn,
.sticky-cart .btn {
    background-color: #E30613 !important;
    color: #FFFFFF !important;
}
.product-sticky-form .product__price,
.product-sticky-cart .product__price,
.sticky-cart .product__price {
    color: #FFFFFF !important;
}

/* ───────────────────────────────────────────────────────────────
   21. COLLECTION PAGE — Sidebar filters dark mode
   ─────────────────────────────────────────────────────────────── */
.collection-sidebar,
.tag-list,
.filter-group {
    background-color: #1A1A1A !important;
}
.tag-list a,
.filter-group__label,
.collection-sidebar__group-header {
    color: #FFFFFF !important;
}
.tag-list a:hover,
.tag-list .tag--active a {
    color: #E30613 !important;
}

/* ───────────────────────────────────────────────────────────────
   22. POPUP / MODAL — Newsletter popup dark mode
   ─────────────────────────────────────────────────────────────── */
.modal__inner,
.popup-modal__content {
    background-color: #1A1A1A !important;
    color: #FFFFFF !important;
}

/* ───────────────────────────────────────────────────────────────
   23. ANNOUNCEMENT BAR — mantener colores nativos
   ─────────────────────────────────────────────────────────────── */
.announcement-bar {
    background-color: #0F0F0F !important;
    color: #FFFFFF !important;
}
.announcement-bar a {
    color: #FFFFFF !important;
    text-decoration: underline !important;
}

/* ───────────────────────────────────────────────────────────────
   24. PAGINATION
   ─────────────────────────────────────────────────────────────── */
.pagination a,
.pagination span {
    color: #FFFFFF !important;
}
.pagination .is-active {
    background-color: #E30613 !important;
    color: #FFFFFF !important;
}

/* ───────────────────────────────────────────────────────────────
   25. SALE BADGE
   ─────────────────────────────────────────────────────────────── */
.grid-product__tag--sale {
    background-color: #E30613 !important;
    color: #FFFFFF !important;
}

/* ───────────────────────────────────────────────────────────────
   26. PRODUCT TABS
   ─────────────────────────────────────────────────────────────── */
.product-tabs__tab {
    color: #999 !important;
    border-bottom-color: transparent !important;
}
.product-tabs__tab.is-active {
    color: #FFFFFF !important;
    border-bottom-color: #E30613 !important;
}


/* ───────────────────────────────────────────────────────────────
   27. CUADRO "¿POR QUÉ COMPRAR EN TURBO?" — Rediseño dark premium
   Fondo oscuro con borde rojo lateral, integrado al dark mode
   ─────────────────────────────────────────────────────────────── */
.product-single__description [style*="background"],
.product-single__description-full [style*="background"],
.rte [style*="background-color: #f"],
.rte [style*="background-color: #e"],
.rte [style*="background-color: rgb(2"],
.rte div[style*="border"] {
    background-color: #222222 !important;
    background: #222222 !important;
    border: none !important;
    border-left: 4px solid #E30613 !important;
    border-radius: 8px !important;
    padding: 20px 24px !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.3) !important;
}
.product-single__description [style*="background"] *,
.product-single__description-full [style*="background"] *,
.rte [style*="background-color: #f"] *,
.rte [style*="background-color: #e"] *,
.rte div[style*="border"] * {
    color: #E0E0E0 !important;
}
/* Título del cuadro en blanco puro */
.product-single__description [style*="background"] strong,
.product-single__description-full [style*="background"] strong,
.rte [style*="background-color: #f"] strong,
.rte div[style*="border"] strong {
    color: #FFFFFF !important;
}
/* Los bullets con acento rojo */
.product-single__description [style*="background"] li::marker,
.rte [style*="background-color: #f"] li::marker,
.rte div[style*="border"] li::marker {
    color: #E30613 !important;
}

/* ───────────────────────────────────────────────────────────────
   28. OCULTAR TWITTER Y PINTEREST — No son canales activos de Turbo
   Solo mantener Facebook (compartir)
   ─────────────────────────────────────────────────────────────── */
.social-sharing__link--twitter,
.social-sharing__link--pinterest,
a[href*="twitter.com/intent"],
a[href*="pinterest.com/pin"] {
    display: none !important;
}


/* ───────────────────────────────────────────────────────────────
   29. WIDGET ADDI — Dark premium con borde rojo
   ─────────────────────────────────────────────────────────────── */
.addi-product-widget,
.addi-widget,
[id*="addi"],
div[class*="addi"] {
    background-color: #222222 !important;
    background: #222222 !important;
    border: none !important;
    border-left: 4px solid #E30613 !important;
    border-radius: 8px !important;
    padding: 12px 16px !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.3) !important;
    margin-top: 8px !important;
}
.addi-product-widget *,
.addi-widget *,
[id*="addi"] * {
    color: #E0E0E0 !important;
}
/* Mantener el logo de Addi visible */
.addi-product-widget img,
.addi-widget img,
[id*="addi"] img {
    filter: brightness(1.2) !important;
}
/* El link "Pide un cupo" en rojo Turbo */
.addi-product-widget a,
.addi-widget a,
[id*="addi"] a {
    color: #E30613 !important;
    text-decoration: underline !important;
    font-weight: 700 !important;
}


/* ───────────────────────────────────────────────────────────────
   30. OCULTAR GOOGLE REVIEWS POPUP — Roto + intrusivo
   El badge estático 4.9★ se mantiene en el theme.liquid
   pero el popup flotante se desactiva por UX.
   Para reactivar: eliminar esta regla.
   ─────────────────────────────────────────────────────────────── */
.turbo-google-badge,
#googleBadge {
    display: none !important;
}


/* ───────────────────────────────────────────────────────────────
   31. CRÉDITO ONLINE — Sección homepage
   ─────────────────────────────────────────────────────────────── */

/* Toda la sección: fondo oscuro, sin bordes, sin gaps */
.background-image-text,
.background-media-text {
    background-color: #1A1A1A !important;
    border: none !important;
    border-top: none !important;
    border-bottom: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* El contenedor interno que divide imagen/texto — SIN separador */
.background-image-text .grid,
.background-image-text .grid--table,
.background-image-text__container,
.background-media-text__container {
    background-color: #1A1A1A !important;
    border: none !important;
    border-spacing: 0 !important;
    gap: 0 !important;
    margin: 0 !important;
}

/* Cada celda del grid — sin bordes */
.background-image-text .grid__item,
.background-media-text .grid__item {
    border: none !important;
    padding: 0 !important;
}

/* La imagen ocupa todo su espacio sin corte */
.background-image-text .image-wrap,
.background-media-text .image-wrap {
    border: none !important;
    margin: 0 !important;
}

/* El shopify-section wrapper */
.shopify-section > .background-image-text,
.shopify-section > .background-media-text {
    border: none !important;
}

/* Texto del lado derecho */
.background-image-text__inner,
.background-media-text__inner {
    background-color: rgba(26, 26, 26, 0.85) !important;
    background: rgba(26, 26, 26, 0.85) !important;
    color: #FFFFFF !important;
    border: none !important;
    border-left: 4px solid #E30613 !important;
    padding: 40px !important;
    /* FIX: cubrir 100% de la altura para eliminar la franja */
    height: 100% !important;
    min-height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    box-sizing: border-box !important;
}

/* El aligner interior también debe ocupar todo el espacio */
.background-media-text__aligner {
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
}

.background-image-text__text,
.background-media-text__text {
    background: transparent !important;
    border: none !important;
}

/* Subtitle "SIN CUOTA INICIAL" */
.background-image-text__subtitle,
.background-media-text__subtitle {
    color: #E30613 !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}

/* Title "CRÉDITO ONLINE" */
.background-image-text__title,
.background-media-text__title {
    color: #FFFFFF !important;
    font-weight: 900 !important;
}

/* Body text */
.background-image-text__text p,
.background-media-text__text p {
    color: #CCCCCC !important;
}

/* CTA button */
.background-image-text .btn,
.background-media-text .btn {
    background-color: #E30613 !important;
    color: #FFFFFF !important;
    border: none !important;
    font-weight: 800 !important;
}
.background-image-text .btn:hover,
.background-media-text .btn:hover {
    background-color: #C00510 !important;
}




/* 31b. Spacer y fondo mobile — coherencia dark mode */
.background-media-text__spacer {
    background-color: #1A1A1A !important;
}
[class*="background-media-text--"] {
    background: #1A1A1A !important;
}


/* ───────────────────────────────────────────────────────────────
   32. PUSHOWL POPUP — Ocultar popup newsletter (fondo blanco rompe dark mode)
   ─────────────────────────────────────────────────────────────── */
.pushowl-popup,
.pushowl-popup-overlay,
.pushowl-optin,
.pushowl-widget,
[id*="pushowl"],
[class*="pushowl"],
.po-optin,
.po-popup {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}


/* ───────────────────────────────────────────────────────────────
   33. CART DRAWER — Dark mode completo
   Badges de pago, cilindraje, y elementos internos
   ─────────────────────────────────────────────────────────────── */

/* Drawer background */
.drawer,
.drawer--right,
#CartDrawer {
    background-color: #1A1A1A !important;
    color: #FFFFFF !important;
}

.drawer__contents {
    background-color: #1A1A1A !important;
}

.drawer__inner,
#CartContainer {
    background-color: #1A1A1A !important;
    color: #FFFFFF !important;
}

/* Header del drawer */
.drawer__header,
.drawer__fixed-header {
    background-color: #1A1A1A !important;
    border-bottom: 1px solid #2A2A2A !important;
}

.drawer__title {
    color: #FFFFFF !important;
}

.drawer__close-button {
    color: #FFFFFF !important;
}

.drawer__close-button svg path {
    stroke: #FFFFFF !important;
}

/* Items del carrito */
.cart__row,
.ajaxcart__row {
    border-bottom: 1px solid #2A2A2A !important;
    color: #FFFFFF !important;
}

.cart__product-name,
.ajaxcart__product-name,
.ajaxcart__product-name a {
    color: #FFFFFF !important;
}

.cart__meta,
.ajaxcart__product-meta {
    color: #AAAAAA !important;
}

.cart__price,
.ajaxcart__price {
    color: #FFFFFF !important;
}

/* Subtotal */
.cart__subtotal,
.ajaxcart__subtotal {
    color: #FFFFFF !important;
    border-top: 1px solid #2A2A2A !important;
}

.cart__subtotal-text {
    color: #CCCCCC !important;
}

/* Cantidad */
.ajaxcart__qty,
.js-qty {
    background-color: #2A2A2A !important;
    color: #FFFFFF !important;
    border-color: #3A3A3A !important;
}

.js-qty__adjust {
    color: #FFFFFF !important;
    background-color: #2A2A2A !important;
}

/* Nota de descuentos/envio */
.cart__note,
.ajaxcart__note,
.cart-drawer__note {
    color: #CCCCCC !important;
}

/* Botón Finalizar Pedido */
.cart__checkout,
.ajaxcart__checkout,
#CartDrawer .btn {
    background-color: #E30613 !important;
    color: #FFFFFF !important;
    border: none !important;
}

/* Checkbox términos */
.cart__terms-label,
.ajaxcart__terms-label {
    color: #CCCCCC !important;
}

/* ───── Cilindraje (TurboAttributes) ───── */
#TurboAttributes {
    background: #222222 !important;
    border: 1px solid #2A2A2A !important;
    border-left: 4px solid #E30613 !important;
    border-radius: 6px !important;
}

#TurboAttributes label {
    color: #FFFFFF !important;
}

#TurboAttributes small {
    color: #AAAAAA !important;
}

#TurboAttributes select,
#CilindrajeMoto {
    background-color: #1A1A1A !important;
    color: #FFFFFF !important;
    border: 1px solid #3A3A3A !important;
    border-radius: 4px !important;
}

#CilindrajeMoto option {
    background-color: #1A1A1A !important;
    color: #FFFFFF !important;
}

/* ───── Badges de pago dentro del drawer ───── */
.drawer .payment-badges,
.drawer .trust-badges,
#CartDrawer img[src*="sistecredito"],
#CartDrawer img[src*="payment"],
#CartDrawer img[src*="pago"] {
    max-width: 100% !important;
    object-fit: contain !important;
}

/* Contenedor de medios de pago en drawer - no cortarse */
.cart__additional,
.ajaxcart__additional {
    overflow: visible !important;
    padding: 10px 15px !important;
}

/* Footer del drawer */
.drawer__footer {
    background-color: #1A1A1A !important;
    border-top: 1px solid #2A2A2A !important;
}

/* Links en el drawer */
.drawer a {
    color: #E30613 !important;
}

/* Empty cart message */
.ajaxcart__empty,
.cart--empty-message {
    color: #CCCCCC !important;
}


/* ───────────────────────────────────────────────────────────────
   34. FOOTER PREMIUM — Layout centrado, profesional
   ─────────────────────────────────────────────────────────────── */

.site-footer {
    background-color: #0F0F0F !important;
    border-top: 3px solid #E30613 !important;
    padding: 50px 0 20px !important;
}

/* Logo centrado */
.site-footer .footer__logo-image {
    margin: 0 auto !important;
    display: block !important;
}

.site-footer .footer-block--logo_social,
.site-footer [data-type="logo_social"] {
    text-align: center !important;
    margin-bottom: 30px !important;
    padding-bottom: 25px !important;
    border-bottom: 1px solid #1A1A1A !important;
    width: 100% !important;
}

/* Grid de bloques — flex centrado */
.site-footer .grid {
    display: flex !important;
    justify-content: center !important;
    align-items: flex-start !important;
    flex-wrap: wrap !important;
    gap: 40px !important;
}

.site-footer .grid__item {
    text-align: center !important;
}

/* Titulos footer */
.site-footer h4,
.site-footer .h4,
.site-footer .footer__title,
.site-footer .footer-block__heading {
    color: #E30613 !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    font-size: 12px !important;
    margin-bottom: 16px !important;
}

/* Links */
.site-footer a:not(.btn) {
    color: #AAAAAA !important;
    text-decoration: none !important;
    font-size: 13px !important;
    line-height: 2.2 !important;
    transition: color 0.2s ease !important;
}

.site-footer a:not(.btn):hover {
    color: #FFFFFF !important;
}

/* Lista de links */
.site-footer ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Newsletter input */
.site-footer .input-group {
    max-width: 380px !important;
    margin: 0 auto !important;
}

.site-footer .input-group__field {
    background-color: #1A1A1A !important;
    border: 1px solid #2A2A2A !important;
    color: #FFFFFF !important;
    border-radius: 4px 0 0 4px !important;
    padding: 12px 16px !important;
    font-size: 13px !important;
}

.site-footer .input-group__field::placeholder {
    color: #555555 !important;
}

.site-footer .input-group__btn .btn,
.site-footer .input-group__btn button {
    background-color: #E30613 !important;
    border: none !important;
    border-radius: 0 4px 4px 0 !important;
    color: #FFFFFF !important;
}

/* Quitar borde rojo del newsletter (estilo anterior) */
.site-footer .newsletter-section,
.site-footer .footer-newsletter {
    border: none !important;
    border-left: none !important;
}

/* Redes sociales centradas */
.site-footer .social-icons {
    text-align: center !important;
    margin: 15px auto !important;
}

.site-footer .social-icons a {
    color: #AAAAAA !important;
    margin: 0 8px !important;
    transition: color 0.2s ease !important;
}

.site-footer .social-icons a:hover {
    color: #E30613 !important;
}

/* Payment icons */
.site-footer .payment-icons {
    text-align: center !important;
    margin: 25px auto 15px !important;
    opacity: 0.5 !important;
    transition: opacity 0.3s ease !important;
}

.site-footer .payment-icons:hover {
    opacity: 0.8 !important;
}

/* Copyright */
.site-footer .site-footer__copyright,
.site-footer .footer__copyright {
    text-align: center !important;
    color: #444444 !important;
    font-size: 11px !important;
    margin-top: 20px !important;
    padding-top: 20px !important;
    border-top: 1px solid #1A1A1A !important;
}

.site-footer .powered-by,
.site-footer .site-footer__powered-by {
    text-align: center !important;
    color: #333333 !important;
    font-size: 10px !important;
}

/* ───────────────────────────────────────────────────────────────
   35. MENU PRINCIPAL — Compacto + dropdowns dark
   ─────────────────────────────────────────────────────────────── */

.site-nav__link {
    font-size: 13px !important;
    padding: 10px 14px !important;
    letter-spacing: 1px !important;
}

@media only screen and (max-width: 1200px) {
    .site-nav__link {
        font-size: 12px !important;
        padding: 10px 8px !important;
        letter-spacing: 0.5px !important;
    }
}

/* Dropdowns dark */
.site-nav__dropdown {
    background-color: #111111 !important;
    border: 1px solid #2A2A2A !important;
    box-shadow: 0 8px 24px rgba(0,0,0,0.5) !important;
    border-radius: 0 0 4px 4px !important;
}

.site-nav__dropdown-link {
    color: #CCCCCC !important;
    padding: 10px 20px !important;
    font-size: 13px !important;
    transition: all 0.15s ease !important;
}

.site-nav__dropdown-link:hover {
    color: #FFFFFF !important;
    background-color: #1A1A1A !important;
    padding-left: 24px !important;
}

/* Mega menu dark */
.megamenu {
    background-color: #111111 !important;
    border: 1px solid #2A2A2A !important;
    box-shadow: 0 8px 24px rgba(0,0,0,0.5) !important;
}

.megamenu .site-nav__dropdown-link--top-level {
    color: #E30613 !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    font-size: 12px !important;
}


/* ───────────────────────────────────────────────────────────────
   36. MAPA — Ocultar embed, conservar botones de sedes
   ─────────────────────────────────────────────────────────────── */

/* Ocultar el iframe/embed de Google Maps */
.map-multistore__map,
.map-section__map-container,
.map-section__container .map-section__map,
.map-multistore .map-multistore__map-container,
[data-section-type="map-multistore"] .map-section__map-container,
[data-section-type="map-multistore"] iframe,
[data-section-type="map-multistore"] .map-multistore__map {
    display: none !important;
}

/* Forzar que el contenedor no ocupe alto del mapa */
[data-section-type="map-multistore"] .map-section__wrapper,
[data-section-type="map-multistore"] .map-multistore__wrapper {
    min-height: auto !important;
    height: auto !important;
}

/* Estilizar la sección sin mapa */
[data-section-type="map-multistore"] {
    background-color: #111111 !important;
    padding: 40px 0 !important;
}

/* Título de sedes */
[data-section-type="map-multistore"] h2,
[data-section-type="map-multistore"] .section-header__title {
    color: #FFFFFF !important;
    text-align: center !important;
    margin-bottom: 8px !important;
}

/* Subtítulo */
[data-section-type="map-multistore"] .section-header__subtitle,
[data-section-type="map-multistore"] p {
    color: #AAAAAA !important;
    text-align: center !important;
}

/* Botones de sedes — estilo premium */
[data-section-type="map-multistore"] .map-multistore__buttons,
[data-section-type="map-multistore"] .map-multistore__store-buttons {
    display: flex !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-top: 25px !important;
}

[data-section-type="map-multistore"] .map-multistore__button,
[data-section-type="map-multistore"] button,
[data-section-type="map-multistore"] .btn--small {
    background-color: #1A1A1A !important;
    color: #FFFFFF !important;
    border: 1px solid #333333 !important;
    padding: 10px 24px !important;
    border-radius: 4px !important;
    font-size: 13px !important;
    letter-spacing: 1px !important;
    transition: all 0.2s ease !important;
    cursor: pointer !important;
}

[data-section-type="map-multistore"] .map-multistore__button:hover,
[data-section-type="map-multistore"] button:hover,
[data-section-type="map-multistore"] .btn--small:hover {
    background-color: #E30613 !important;
    border-color: #E30613 !important;
    color: #FFFFFF !important;
}

[data-section-type="map-multistore"] .map-multistore__button.is-active,
[data-section-type="map-multistore"] button.is-active {
    background-color: #E30613 !important;
    border-color: #E30613 !important;
}

/* Info de la tienda seleccionada */
[data-section-type="map-multistore"] .map-multistore__store-info,
[data-section-type="map-multistore"] .map-multistore__overlay {
    background-color: #111111 !important;
    color: #FFFFFF !important;
    text-align: center !important;
    padding: 20px !important;
}

/* ───────────────────────────────────────────────────────────────
   37. TESTIMONIOS — Compactos y elegantes
   ─────────────────────────────────────────────────────────────── */

/* Sección */
[data-section-type="testimonials"] {
    background-color: #0F0F0F !important;
    padding: 50px 0 !important;
}

/* Título */
[data-section-type="testimonials"] h2,
[data-section-type="testimonials"] .section-header__title {
    color: #FFFFFF !important;
    text-align: center !important;
    letter-spacing: 3px !important;
}

/* Contenedor de testimonios */
[data-section-type="testimonials"] .testimonials-wrapper,
[data-section-type="testimonials"] .grid {
    max-width: 1000px !important;
    margin: 0 auto !important;
}

/* Cada testimonio */
[data-section-type="testimonials"] .testimonial-block,
[data-section-type="testimonials"] .grid__item {
    text-align: center !important;
}

/* Texto del testimonio — compacto */
[data-section-type="testimonials"] .testimonial-block__text,
[data-section-type="testimonials"] blockquote,
[data-section-type="testimonials"] .rte {
    color: #CCCCCC !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    font-style: italic !important;
    max-width: 280px !important;
    margin: 0 auto 15px !important;
}

/* Nombre del autor */
[data-section-type="testimonials"] .testimonial-block__author,
[data-section-type="testimonials"] cite {
    color: #E30613 !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    font-style: normal !important;
}

/* Comillas decorativas */
[data-section-type="testimonials"] .testimonial-block__quote-icon,
[data-section-type="testimonials"] .icon-quote {
    color: #E30613 !important;
    opacity: 0.5 !important;
}

/* Imágenes circulares */
[data-section-type="testimonials"] .testimonial-block__image,
[data-section-type="testimonials"] img {
    border: 2px solid #E30613 !important;
}


/* ───────────────────────────────────────────────────────────────
   36-FIX. MAPA — Ocultar embed real (clases correctas)
   ─────────────────────────────────────────────────────────────── */

/* Ocultar el contenedor del mapa de Google */
.multistore-map__container {
    display: none !important;
    height: 0 !important;
}

/* El fondo de la seccion */
.multistore-map {
    background-color: #111111 !important;
}

/* Header del mapa */
.multistore-map__header {
    padding: 40px 20px 10px !important;
}

.multistore-map__header h2 {
    color: #FFFFFF !important;
}

.multistore-map__header p {
    color: #AAAAAA !important;
}

/* Botones de sedes — dark premium */
.multistore-map__store-btn {
    background: #1A1A1A !important;
    border: 1px solid #333333 !important;
    color: #FFFFFF !important;
    padding: 10px 24px !important;
    border-radius: 4px !important;
    font-size: 13px !important;
    letter-spacing: 1px !important;
}

.multistore-map__store-btn:hover,
.multistore-map__store-btn.active {
    background: #E30613 !important;
    border-color: #E30613 !important;
    color: #FFFFFF !important;
}

/* Lista de botones */
.multistore-map__list {
    padding: 20px 20px 40px !important;
}


/* ═══════════════════════════════════════════════════════════════
   IDENTIDAD MOTERA PREMIUM — Turbo Accesorios
   Implementado: 2026-05-07
   ═══════════════════════════════════════════════════════════════ */

/* ───────────────────────────────────────────────────────────────
   38. TEXTURA DE FONDO — Carbon fiber sutil
   ─────────────────────────────────────────────────────────────── */

/* Textura carbon fiber en el body (opacity ultra-baja) */
body,
.main-content,
.template-index,
.template-collection,
.template-product {
    background-color: #0F0F0F !important;
    background-image:
        linear-gradient(45deg, #181818 25%, transparent 25%),
        linear-gradient(-45deg, #181818 25%, transparent 25%),
        linear-gradient(45deg, transparent 75%, #181818 75%),
        linear-gradient(-45deg, transparent 75%, #181818 75%) !important;
    background-size: 8px 8px !important;
    background-position: 0 0, 0 4px, 4px -4px, -4px 0px !important;
}

/* Secciones que necesitan su propio fondo limpio */
.slideshow-wrapper,
.hero,
.hero__slide {
    background-image: none !important;
}

/* ───────────────────────────────────────────────────────────────
   39. SCROLLBAR + SELECCION — Rojo Turbo
   ─────────────────────────────────────────────────────────────── */

/* Scrollbar — Chrome, Edge, Safari */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #0A0A0A;
}

::-webkit-scrollbar-thumb {
    background: #E30613;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #FF1A2A;
}

/* Scrollbar — Firefox */
html {
    scrollbar-width: thin;
    scrollbar-color: #E30613 #0A0A0A;
}

/* Seleccion de texto */
::selection {
    background-color: #E30613;
    color: #FFFFFF;
}

::-moz-selection {
    background-color: #E30613;
    color: #FFFFFF;
}

/* Focus states — rojo en vez de azul */
input:focus,
select:focus,
textarea:focus,
button:focus {
    outline-color: #E30613 !important;
    border-color: #E30613 !important;
    box-shadow: 0 0 0 2px rgba(227, 6, 19, 0.2) !important;
}

/* ───────────────────────────────────────────────────────────────
   40. BOTONES ANGULARES — Estilo carenado de moto
   ─────────────────────────────────────────────────────────────── */

/* Boton primario (rojo) — corte angular */
.btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--small):not(.site-nav__link):not(.input-group__btn .btn),
.btn--primary {
    clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 12px 100%, 0 calc(100% - 12px)) !important;
    background-color: #E30613 !important;
    color: #FFFFFF !important;
    border: none !important;
    padding: 14px 32px !important;
    font-weight: 700 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    font-size: 13px !important;
    transition: all 0.3s ease !important;
    position: relative !important;
}

.btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--small):not(.site-nav__link):not(.input-group__btn .btn):hover,
.btn--primary:hover {
    clip-path: polygon(0 0, calc(100% - 16px) 0, 100% 16px, 100% 100%, 16px 100%, 0 calc(100% - 16px)) !important;
    background-color: #FF1A2A !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 15px rgba(227, 6, 19, 0.4) !important;
}

/* Boton secundario (outline) — corte angular */
.btn--secondary,
.btn--tertiary {
    clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 10px 100%, 0 calc(100% - 10px)) !important;
    background-color: transparent !important;
    color: #E30613 !important;
    border: 2px solid #E30613 !important;
    padding: 12px 28px !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    transition: all 0.3s ease !important;
}

.btn--secondary:hover,
.btn--tertiary:hover {
    background-color: #E30613 !important;
    color: #FFFFFF !important;
}

/* Proteger botones del newsletter y carrito de clip-path */
.input-group__btn .btn,
.cart__checkout .btn,
.site-nav__link {
    clip-path: none !important;
}

/* ───────────────────────────────────────────────────────────────
   41. TIPOGRAFIA DEPORTIVA — Rajdhani para titulos
   ─────────────────────────────────────────────────────────────── */

/* Importar Rajdhani desde Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@500;600;700&display=swap');

/* Aplicar a titulos */
h1, h2, h3,
.h1, .h2, .h3,
.section-header__title,
.collection-hero__title,
.featured-collection__title,
.type-heading-1,
.type-heading-2 {
    font-family: 'Rajdhani', 'Arial Black', sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 3px !important;
}

/* H1 — extra grande y bold */
h1, .h1 {
    font-size: 2.4em !important;
    letter-spacing: 4px !important;
}

/* H2 — secciones del homepage */
h2, .h2,
.section-header__title {
    font-size: 1.8em !important;
    letter-spacing: 3px !important;
}

/* Subtitulos mantienen fuente normal pero estilizados */
.section-header__subtitle {
    font-family: inherit !important;
    letter-spacing: 1px !important;
    color: #AAAAAA !important;
}

/* ───────────────────────────────────────────────────────────────
   42. DIVISORES DIAGONALES — Velocidad entre secciones
   ─────────────────────────────────────────────────────────────── */

/* Separador diagonal despues de cada seccion del homepage */
.index-section:not(:last-child)::after {
    content: '' !important;
    display: block !important;
    width: 100% !important;
    height: 40px !important;
    background: linear-gradient(
        to right,
        #E30613 0%,
        #E30613 30%,
        transparent 30%,
        transparent 100%
    ) !important;
    clip-path: polygon(0 0, 100% 60%, 100% 100%, 0 100%) !important;
    margin-top: -1px !important;
}

/* Linea roja decorativa bajo titulos de seccion */
.section-header__title::after {
    content: '' !important;
    display: block !important;
    width: 60px !important;
    height: 3px !important;
    background-color: #E30613 !important;
    margin: 12px auto 0 !important;
    clip-path: polygon(0 0, 100% 0, 90% 100%, 10% 100%) !important;
}

/* ───────────────────────────────────────────────────────────────
   43. MICRO-ANIMACIONES — Velocidad y dinamismo
   ─────────────────────────────────────────────────────────────── */

/* Animacion de pulso para boton de agregar al carrito */
@keyframes turbo-pulse {
    0% { box-shadow: 0 0 0 0 rgba(227, 6, 19, 0.4); }
    70% { box-shadow: 0 0 0 10px rgba(227, 6, 19, 0); }
    100% { box-shadow: 0 0 0 0 rgba(227, 6, 19, 0); }
}

.product-form__cart-submit,
.add-to-cart,
#AddToCart {
    animation: turbo-pulse 2.5s infinite !important;
}

/* Speed line en hover de tarjetas de producto */
.grid-product__content {
    position: relative !important;
    overflow: hidden !important;
    transition: transform 0.3s ease !important;
}

.grid-product__content::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: -100% !important;
    width: 50% !important;
    height: 100% !important;
    background: linear-gradient(90deg, transparent, rgba(227, 6, 19, 0.08), transparent) !important;
    transition: left 0.5s ease !important;
    z-index: 1 !important;
    pointer-events: none !important;
}

.grid-product__content:hover::before {
    left: 100% !important;
}

.grid-product__content:hover {
    transform: translateY(-4px) !important;
}

/* Sombra roja sutil al hover de cards */
.grid-product__content:hover {
    box-shadow: 0 8px 25px rgba(227, 6, 19, 0.15) !important;
}

/* Transicion suave en links del menu */
.site-nav__link {
    transition: color 0.2s ease, transform 0.2s ease !important;
}

.site-nav__link:hover {
    color: #E30613 !important;
    transform: translateY(-1px) !important;
}

/* Linea roja que aparece bajo el link activo del menu */
.site-nav__link::after {
    content: '' !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 50% !important;
    width: 0 !important;
    height: 2px !important;
    background-color: #E30613 !important;
    transition: width 0.3s ease, left 0.3s ease !important;
}

.site-nav__link:hover::after {
    width: 80% !important;
    left: 10% !important;
}

/* Precio — resaltar con transicion */
.grid-product__price {
    transition: color 0.2s ease !important;
}

.grid-product__content:hover .grid-product__price {
    color: #E30613 !important;
}

/* ───────────────────────────────────────────────────────────────
   44. PARALLAX HERO — Refuerzo CSS
   ─────────────────────────────────────────────────────────────── */

.slideshow-wrapper {
    overflow: hidden !important;
}

.hero__slide-image {
    transition: transform 0.3s ease-out !important;
}


/* ---------------------------------------------------------------
   45. BLOG — Dark mode completo, legible, coherente
   --------------------------------------------------------------- */

.template-blog,
.template-article {
    background-color: #0F0F0F !important;
}

.blog-header__title,
.collection-hero__title {
    color: #FFFFFF !important;
}

/* Tarjetas de articulos */
.article-card,
.ta-article-card,
.blog-grid__item,
.article,
.blog__article {
    background-color: #1A1A1A !important;
    border: 1px solid #2A2A2A !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    transition: all 0.3s ease !important;
}

.article-card:hover,
.ta-article-card:hover,
.blog-grid__item:hover,
.blog__article:hover {
    border-color: #E30613 !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 25px rgba(227, 6, 19, 0.15) !important;
}

/* Imagen del articulo */
.article-card__image,
.ta-article-card__image,
.article__image {
    border-bottom: 2px solid #E30613 !important;
}

/* Contenido tarjeta */
.article-card__content,
.ta-article-card__content,
.article__content {
    padding: 20px !important;
    background-color: #1A1A1A !important;
}

/* Titulo del articulo */
.article-card__title,
.ta-article-card__title,
.article__title,
.article-card__title a,
.ta-article-card__title a,
.article__title a,
.blog__article-title,
.blog__article-title a {
    color: #FFFFFF !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    font-size: 16px !important;
    text-decoration: none !important;
}

.article-card__title a:hover,
.ta-article-card__title a:hover,
.article__title a:hover,
.blog__article-title a:hover {
    color: #E30613 !important;
}

/* Extracto */
.article-card__excerpt,
.ta-article-card__excerpt,
.article__excerpt,
.article-card__body {
    color: #AAAAAA !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
}

/* Fecha */
.article-card__date,
.ta-article-card__date,
.article__date,
.blog__article-date {
    color: #666666 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
}

/* Autor */
.article-card__author,
.ta-article-card__author,
.article__author {
    color: #888888 !important;
    font-size: 13px !important;
}

/* Tags */
.article-card__tag,
.ta-article-card__tag,
.article-tag,
.tag,
.blog__article-tag {
    background-color: transparent !important;
    border: 1px solid #E30613 !important;
    color: #E30613 !important;
    padding: 3px 10px !important;
    border-radius: 3px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
}

/* Link leer articulo */
.article-card__link,
.ta-article-card__link,
.article__read-more,
.blog__article-link {
    color: #E30613 !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    font-size: 13px !important;
    letter-spacing: 1px !important;
    text-decoration: none !important;
}

.article-card__link:hover,
.ta-article-card__link:hover,
.article__read-more:hover,
.blog__article-link:hover {
    color: #FF1A2A !important;
}

/* Pagina individual de articulo */
.article-template__title,
.article__title--single {
    color: #FFFFFF !important;
}

.article-template__content,
.article__body,
.article__content .rte,
.template-article .rte {
    color: #CCCCCC !important;
    font-size: 15px !important;
    line-height: 1.8 !important;
}

.article-template__content h2,
.article-template__content h3,
.article__body h2,
.article__body h3 {
    color: #FFFFFF !important;
}

.article-template__content a,
.article__body a {
    color: #E30613 !important;
}

/* Sidebar */
.blog-sidebar,
.blog__sidebar {
    background-color: #111111 !important;
    border: 1px solid #2A2A2A !important;
    border-radius: 6px !important;
    padding: 20px !important;
}

.blog-sidebar h3,
.blog__sidebar h3,
.blog-sidebar__title {
    color: #E30613 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    font-size: 13px !important;
}

/* Paginacion */
.blog-pagination,
.pagination {
    text-align: center !important;
}

.pagination a,
.pagination span {
    color: #AAAAAA !important;
    border: 1px solid #2A2A2A !important;
    background-color: #1A1A1A !important;
    padding: 8px 14px !important;
    border-radius: 4px !important;
    transition: all 0.2s ease !important;
}

.pagination a:hover {
    background-color: #E30613 !important;
    border-color: #E30613 !important;
    color: #FFFFFF !important;
}

/* Comentarios */
.article__comments,
.comment {
    background-color: #1A1A1A !important;
    border: 1px solid #2A2A2A !important;
    color: #CCCCCC !important;
    border-radius: 6px !important;
    padding: 20px !important;
    margin-bottom: 15px !important;
}

.comment__author {
    color: #FFFFFF !important;
    font-weight: 600 !important;
}

.comment__date {
    color: #666666 !important;
}


/* ---------------------------------------------------------------
   46. PROMO GRIDS — Dark mode overlay + textos legibles
   --------------------------------------------------------------- */

/* Promo grid general */
.promo-grid {
    background-color: #0F0F0F !important;
}

.promo-grid__text {
    color: #FFFFFF !important;
}

.promo-grid__heading {
    color: #FFFFFF !important;
    text-shadow: 0 2px 8px rgba(0,0,0,0.7) !important;
}

.promo-grid__subheading {
    color: #CCCCCC !important;
}

.promo-grid__textarea {
    color: #AAAAAA !important;
}

/* Label/badge en promo */
.promo-grid__label {
    background-color: #E30613 !important;
    color: #FFFFFF !important;
    padding: 4px 12px !important;
    font-weight: 700 !important;
    border-radius: 3px !important;
}

/* CTA en promo grid */
.promo-grid__btn {
    clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 10px 100%, 0 calc(100% - 10px)) !important;
}

/* ---------------------------------------------------------------
   47. ANNOUNCEMENT BAR — Dark premium
   --------------------------------------------------------------- */

.announcement-bar {
    background-color: #E30613 !important;
    color: #FFFFFF !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    padding: 8px 0 !important;
}

.announcement-bar a {
    color: #FFFFFF !important;
    text-decoration: none !important;
}

.toolbar {
    background-color: #0A0A0A !important;
    border-bottom: 1px solid #1A1A1A !important;
}

.toolbar a {
    color: #AAAAAA !important;
}

.toolbar a:hover {
    color: #E30613 !important;
}

/* ---------------------------------------------------------------
   48. PRODUCT PAGE — Trust, financing, polish
   --------------------------------------------------------------- */

/* Contenedor del producto */
.product-single {
    background-color: #0F0F0F !important;
}

/* Titulo del producto */
.product-single__title {
    color: #FFFFFF !important;
}

/* Precio */
.product__price {
    color: #E30613 !important;
    font-weight: 700 !important;
    font-size: 1.4em !important;
}

.product__price--compare {
    color: #666666 !important;
    text-decoration: line-through !important;
}

/* Variantes / selects */
.product-form__item label {
    color: #CCCCCC !important;
}

.product-form__item select,
.product-form__item .selector-wrapper select {
    background-color: #1A1A1A !important;
    color: #FFFFFF !important;
    border: 1px solid #333333 !important;
    border-radius: 4px !important;
}

/* Descripcion */
.product-single__description,
.product-single__description .rte {
    color: #CCCCCC !important;
    line-height: 1.7 !important;
}

.product-single__description h2,
.product-single__description h3 {
    color: #FFFFFF !important;
}

/* Tabs */
.product-tabs__tab {
    color: #AAAAAA !important;
    border-bottom: 2px solid transparent !important;
}

.product-tabs__tab:hover,
.product-tabs__tab.active {
    color: #FFFFFF !important;
    border-bottom-color: #E30613 !important;
}

/* Productos recomendados */
.product-recommendations__title {
    color: #FFFFFF !important;
}

/* ---------------------------------------------------------------
   49. WHATSAPP BOTON FLOTANTE
   --------------------------------------------------------------- */

.turbo-whatsapp-float {
    position: fixed !important;
    bottom: 24px !important;
    right: 24px !important;
    z-index: 9999 !important;
    width: 56px !important;
    height: 56px !important;
    background-color: #25D366 !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 4px 15px rgba(37, 211, 102, 0.4) !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.turbo-whatsapp-float:hover {
    transform: scale(1.1) !important;
    box-shadow: 0 6px 20px rgba(37, 211, 102, 0.6) !important;
}

.turbo-whatsapp-float svg {
    width: 30px !important;
    height: 30px !important;
    fill: #FFFFFF !important;
}

/* Animacion de atencion sutil */
@keyframes wa-pulse {
    0% { box-shadow: 0 4px 15px rgba(37, 211, 102, 0.4); }
    50% { box-shadow: 0 4px 25px rgba(37, 211, 102, 0.7); }
    100% { box-shadow: 0 4px 15px rgba(37, 211, 102, 0.4); }
}

.turbo-whatsapp-float {
    animation: wa-pulse 3s infinite !important;
}


/* ---------------------------------------------------------------
   50. HERO SLIDER — Fix estiramiento + mobile
   --------------------------------------------------------------- */

/* Contenedor del slider */
.slideshow-wrapper,
.hero {
    max-height: 650px !important;
    overflow: hidden !important;
}

/* Imagen del slide — cover sin estirar */
.hero__slide-image,
.hero__slide .hero__image-wrapper img,
.hero__slide img,
.slideshow__image {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    /* object-position se hereda del focal_point del slide */
}

/* Evitar deformacion del contenedor */
.hero__slide {
    max-height: 650px !important;
}

/* Mobile */
@media only screen and (max-width: 768px) {
    .slideshow-wrapper,
    .hero,
    .hero__slide {
        max-height: 450px !important;
    }

    .hero__slide-image,
    .hero__slide img,
    .slideshow__image {
        /* object-position se hereda del focal_point del slide */
    }

    /* Texto del slide mas pequeno en mobile */
    .hero__title {
        font-size: 32px !important;
        line-height: 1.1 !important;
    }

    .hero__subtitle {
        font-size: 14px !important;
    }
}

/* Tablet */
@media only screen and (min-width: 769px) and (max-width: 1024px) {
    .slideshow-wrapper,
    .hero,
    .hero__slide {
        max-height: 550px !important;
    }
}


/* ---------------------------------------------------------------
   51. PROMO GRIDS — Tipografia Rajdhani unificada
   --------------------------------------------------------------- */

.promo-grid__heading,
.promo-grid__text-content h2,
.promo-grid .promo-grid__heading {
    font-family: 'Rajdhani', 'Arial Black', sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
}

.promo-grid__subheading,
.promo-grid .promo-grid__subheading {
    font-family: 'Rajdhani', 'Arial Black', sans-serif !important;
    font-weight: 400 !important;
    letter-spacing: 1px !important;
}

.promo-grid__textarea,
.promo-grid .promo-grid__textarea {
    font-family: 'Rajdhani', Arial, sans-serif !important;
    color: #E30613 !important;
    font-weight: 600 !important;
}

.promo-grid__slide-label {
    font-family: 'Rajdhani', Arial, sans-serif !important;
}

/* Simple block text (Pijama) */
.promo-grid__slide--simple .promo-grid__slide-text,
.promo-grid__slide--simple h2 {
    font-family: 'Rajdhani', 'Arial Black', sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
}


/* ---------------------------------------------------------------
   52. PROMO GRID — Gradiente de legibilidad en bloques con texto
   --------------------------------------------------------------- */

/* Gradiente oscuro de izquierda a derecha sobre la imagen
   para garantizar contraste del texto */
.promo-grid__slide--advanced .promo-grid__bg::after,
.promo-grid__slide--advanced .promo-grid__slide-image::after {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 65% !important;
    height: 100% !important;
    background: linear-gradient(to right, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.5) 60%, transparent 100%) !important;
    pointer-events: none !important;
    z-index: 1 !important;
}

/* Asegurar que el texto quede sobre el gradiente */
.promo-grid__slide--advanced .promo-grid__text-content {
    position: relative !important;
    z-index: 2 !important;
}


/* ---------------------------------------------------------------
   53. HERO SLIDES — Gradiente oscuro izquierdo para legibilidad
   --------------------------------------------------------------- */

.hero__slide::after {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 55% !important;
    height: 100% !important;
    background: linear-gradient(to right, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.4) 50%, transparent 100%) !important;
    pointer-events: none !important;
    z-index: 1 !important;
}

/* Texto del slide sobre el gradiente */
.hero__text-content,
.hero__slide .hero__text-wrap {
    position: relative !important;
    z-index: 2 !important;
}



/* Asegurar que no haya separador entre header y contenido */
.shopify-section-header::after,
header::after,
.header-wrapper::after {
  display: none !important;
  border: none !important;
}



/* Sticky header también */
.site-header--stuck .header-wrapper,
.site-header--stuck {
  border-bottom: none !important;
  box-shadow: none !important;
}


/* Sticky header también */
body .site-header--stuck .header-wrapper,
body .site-header--stuck,
body .is-sticky .header-wrapper {
  border-bottom: 0 none transparent !important;
  box-shadow: none !important;
}

/* FIX v4: Línea blanca bajo header — selectores EXACTOS Impulse theme */
.header-layout,
.header-layout.header-layout,
body .header-layout {
  border-bottom: none !important;
  box-shadow: none !important;
}

h1.site-header__logo,
.site-header__logo,
body .site-header__logo {
  border-bottom: none !important;
  box-shadow: none !important;
}

.toolbar__content,
body .toolbar__content {
  border-bottom: none !important;
  box-shadow: none !important;
}

.header-wrapper,
.site-header,
body .header-wrapper,
body .site-header,
#shopify-section-header {
  border-bottom: none !important;
  box-shadow: none !important;
}

/* Pseudo-elements cleanup */
.header-layout::after,
.header-layout::before,
.toolbar__content::after,
.toolbar__content::before {
  display: none !important;
  content: none !important;
}


/* --- Contenedor del grid de productos --- */
.grid-product,
.collection-products .grid,
.product-grid-item,
.grid--collection-template {
  gap: 16px !important;
}

/* --- Tarjeta de producto individual --- */
.grid-product__content,
.product-card,
.grid__item .grid-product,
.grid-product {
  background: #222 !important;
  border: 1px solid #333 !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  border-bottom: 3px solid #E30613 !important;
  transition: all .3s ease !important;
}

.grid-product:hover,
.grid-product__content:hover,
.product-card:hover {
  border-color: #E30613 !important;
  box-shadow: 0 0 20px rgba(227,6,19,.25), 0 8px 32px rgba(0,0,0,.4) !important;
  transform: translateY(-4px) !important;
}

/* --- Imagen del producto --- */
.grid-product__image-wrap,
.product-card__image-wrapper {
  background: linear-gradient(180deg, #2a2a2a 0%, #1a1a1a 100%) !important;
  overflow: hidden !important;
}

.grid-product__image-wrap img,
.grid-product__image,
.product-card__image {
  transition: transform .3s ease !important;
}

.grid-product:hover .grid-product__image-wrap img,
.grid-product:hover .grid-product__image,
.product-card:hover .product-card__image {
  transform: scale(1.05) !important;
}

/* --- Info del producto (nombre, precio) --- */
.grid-product__meta,
.grid-product__title,
.product-card__info {
  background: #222 !important;
  padding: 12px !important;
}

.grid-product__title,
.grid-product__title a {
  color: #fff !important;
  font-family: 'Rajdhani', sans-serif !important;
  font-weight: 600 !important;
  font-size: .9rem !important;
}

.grid-product__vendor {
  color: #999 !important;
  font-size: .7rem !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
}

/* --- Precio --- */
.grid-product__price,
.product-card__price {
  color: #E30613 !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
}

.grid-product__price--original {
  color: #666 !important;
  text-decoration: line-through !important;
}

/* --- Badge de oferta --- */
.grid-product__tag--sale,
.product-tag {
  background: #E30613 !important;
  color: #fff !important;
  border-radius: 4px !important;
  font-weight: 700 !important;
}

/* --- Quick view / botones overlay --- */
.grid-product__actions {
  opacity: 0;
  transition: opacity .3s ease !important;
}

.grid-product:hover .grid-product__actions {
  opacity: 1;
}

/* --- Botón agregar al carrito en la tarjeta --- */
.grid-product .btn--add-to-cart,
.grid-product .quick-add-btn {
  background: #E30613 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 6px !important;
  font-weight: 700 !important;
}

.grid-product .btn--add-to-cart:hover,
.grid-product .quick-add-btn:hover {
  background: #c00510 !important;
}

/* PRODUCT CARD — Mix Final v2 (sin doble fondo) */

/* Contenedor externo — INVISIBLE, solo espaciado */
.grid-product,
.grid__item .grid-product {
  background: transparent !important;
  border: none !important;
  border-color: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
  outline: none !important;
}

.grid-product::before,
.grid-product::after {
  display: none !important;
  content: none !important;
}

/* Contenedor interno — ESTE es la tarjeta real */
.grid-product__content {
  background: #222 !important;
  border: 1px solid #333 !important;
  border-radius: 10px !important;
  border-bottom: 3px solid #E30613 !important;
  overflow: hidden !important;
  padding: 0 !important;
  margin: 0 !important;
  transition: all .3s ease !important;
}

.grid-product:hover .grid-product__content {
  border-color: #E30613 !important;
  box-shadow: 0 0 20px rgba(227,6,19,.25), 0 8px 32px rgba(0,0,0,.4) !important;
  transform: translateY(-4px) !important;
}

/* Imagen — llenar todo el ancho sin padding */
.grid-product__image-wrap {
  background: #fff !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  overflow: hidden !important;
}

.grid-product__image-wrap img,
.grid-product__image {
  width: 100% !important;
  transition: transform .3s ease !important;
}

.grid-product:hover .grid-product__image-wrap img,
.grid-product:hover .grid-product__image {
  transform: scale(1.05) !important;
}

/* Zona de info (nombre + precio) */
.grid-product__meta {
  background: #222 !important;
  padding: 12px 14px !important;
  margin: 0 !important;
  border: none !important;
}

.grid-product__title,
.grid-product__title a {
  color: #fff !important;
  font-family: 'Rajdhani', sans-serif !important;
  font-weight: 600 !important;
  font-size: .9rem !important;
  text-decoration: none !important;
}

.grid-product__title a:hover {
  color: #E30613 !important;
}

.grid-product__vendor {
  color: #999 !important;
  font-size: .7rem !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
}

/* Precio */
.grid-product__price {
  color: #E30613 !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
}

.grid-product__price--original {
  color: #666 !important;
  text-decoration: line-through !important;
}

/* Badge de oferta */
.grid-product__tag--sale,
.product-tag {
  background: #E30613 !important;
  color: #fff !important;
  border-radius: 4px !important;
  font-weight: 700 !important;
}

/* Reviews / estrellas */
.grid-product .spr-badge {
  color: #999 !important;
}

/* Quick view overlay */
.grid-product__actions {
  opacity: 0;
  transition: opacity .3s ease !important;
}

.grid-product:hover .grid-product__actions {
  opacity: 1;
}

/* Botón agregar */
.grid-product .btn--add-to-cart,
.grid-product .quick-add-btn {
  background: #E30613 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 6px !important;
}


/* Si el tema usa flexbox en vez de grid */
.grid-product,
.grid__item {
  padding: 10px !important;
}

/* Margen lateral del grid completo */
.collection-grid,
.grid--collection-template,
.grid--uniform {
  padding: 0 10px !important;
}

/* Hover del externo — NUNCA mostrar borde */
.grid-product:hover {
  border: none !important;
  border-color: transparent !important;
  outline: none !important;
  box-shadow: none !important;
}

/* PRODUCT GRID SPACING v2 — margin en la tarjeta visible, sin sub-frame */
.grid-product__content {
  margin: 8px !important;
}

/* UX MEJORA 1 — Búsqueda expandida */
@media (min-width: 769px) {
  .site-header__search-btn::after {
    content: "Buscar productos...";
    position: absolute;
    right: 100%;
    top: 50%;
    transform: translateY(-50%);
    white-space: nowrap;
    color: #999;
    font-size: .8rem;
    font-family: 'Rajdhani', sans-serif;
    margin-right: 8px;
    pointer-events: none;
    opacity: .6;
    transition: opacity .3s;
  }
  .site-header__search-btn:hover::after {
    opacity: 1;
    color: #E30613;
  }
}
.search-form input[type="search"],
.search-form input[type="text"] {
  background: #222 !important;
  color: #fff !important;
  border: 1px solid #E30613 !important;
  border-radius: 8px !important;
  font-family: 'Rajdhani', sans-serif !important;
  padding: 12px 16px !important;
}


/* UX MEJORA 2 — Trust Badges via announcement bar styling */
.announcement-bar .announcement__text {
  font-family: 'Rajdhani', sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: .5px !important;
}


/* UX MEJORA 3 — Carrito vacío mejorado */
.cart-drawer__empty,
.cart--empty {
  text-align: center;
  padding: 30px 20px;
}
.cart-drawer__empty .btn,
.cart--empty .btn {
  background: #E30613 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 12px 24px !important;
  font-weight: 700 !important;
}


/* Aplicar tarjeta a TODOS los bloques del footer, incluyendo --menu */

/* FOOTER DEFINITIVO v5 */
.site-footer [data-type="menu"] {
  background: rgba(30, 30, 30, 0.6) !important;
  border-left: 3px solid #E30613 !important;
  padding: 20px 24px !important;
  border-radius: 0 8px 8px 0 !important;
}

.site-footer [data-type="custom"],
.site-footer [data-type="newsletter"] {
  border-left: none !important;
}

.site-footer .footer__title {
  color: #E30613 !important;
  font-family: 'Rajdhani', sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 1px !important;
  text-align: center !important;
}

.site-footer [data-type="menu"] .footer__title {
  color: transparent !important;
  position: relative !important;
}
.site-footer [data-type="menu"] .footer__title::after {
  content: "INFORMACIÓN";
  color: #E30613 !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  text-align: center !important;
  font-family: 'Rajdhani', sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 1px !important;
}

.site-footer [data-type="menu"] a {
  color: #ccc !important;
  transition: color .2s !important;
}
.site-footer [data-type="menu"] a:hover {
  color: #E30613 !important;
}

.site-footer__copyright {
  border-top: 1px solid #333 !important;
  padding-top: 16px !important;
  color: #666 !important;
  font-size: .8rem !important;
}

/* FOOTER — alinear bloques misma altura desktop */
@media (min-width: 769px) {
  .site-footer .grid,
  .site-footer .grid--uniform {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-start !important;
  }
  .site-footer .grid__item {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
}