/** Shopify CDN: Minification failed

Line 596:1 Expected "}" to go with "{"

**/
/* ==========================================================================
   ESTILOS GLOBALES Y TIPOGRAFÍA
   ========================================================================== */
p.h3,
p {
  font-family: 'Inter', sans-serif !important;
  font-weight: normal;
  line-height: normal;
  font-size: 16px;
  text-transform: unset;
}

.text-center {
  text-align: left !important;
}

/* --- HERO VIDEO: CENTRADO, SIN BORDES Y CON MÁRGENES --- */
section[id$="__video_PUK8Ex"] {
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
}

section[id$="__video_PUK8Ex"] .content-over-media {
  border-radius: 0px !important;
  margin: 0 auto !important;
  width: 100% !important;        /* Para que no toque los bordes en pantallas medianas o tablets */
  max-width: 1360px !important; /* El límite exacto para alinear con tu menú y logo */
}

section[id$="__video_PUK8Ex"] video-media,
section[id$="__video_PUK8Ex"] video {
  border-radius: 0px !important;
  width: 100% !important;
  object-fit: cover !important;
}

@media screen and (min-width: 1100px) {
  .container .h2 {
  line-height: 1.2 !important;
}
}

.h1 {
  line-height: 1 !important;
}

/* ==========================================================================
   ALINEACIÓN MOBILE: TÍTULOS Y PÁRRAFOS A LA IZQUIERDA
   ========================================================================== */
@media screen and (max-width: 769px) {
  h1, h2, h3, h4, h5, h6, p {
    text-align: left !important;
  }
}

@media screen and (max-width: 769px) {
  .custom-rt-heading,
  .custom-rt-subheading,
  .custom-rt-paragraph {
    text-align: left !important;
    padding-left: 20px;
  }
}

@media screen and (max-width: 769px) {
  section[id*="__rich_text_"] .custom-rich-text-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start !important;
    text-align: left !important;
    gap: 16px !important;
  }
}


/* ==========================================================================
   ESTRUCTURA Y COLECCIONES (Unificado Desktop & Mobile)
   ========================================================================== */

/* --- ESCRITORIO (1100px en adelante) --- */
@media screen and (min-width: 1100px) {
  .collection-list .collection-card {
    flex-shrink: 1;
  }
  .content-over-media {
    border-radius: 0.5rem !important;
  }
  .section-spacing {
    padding: 20px 0;
  }
  .collection-list.wrap {
    margin: 40px;
  }
}

/* --- MÓVIL Y TABLET (Hasta 1099px) --- */
@media screen and (max-width: 1099px) {
  .container {
    width: 100%;
    margin: auto;
  }
  
  .collection-list.wrap {
    margin: 40px 0px;
  }

  /* 1. Matar border-radius de lop.css */
  .collection-list .collection-card .content-over-media::after {
    border-radius: 0 !important;
  }

  /* 2. Forzar grilla de 2 columnas en mobile */
  .collection-list {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

/* --- 3RA CARD HORIZONTAL EN MOBILE (Con altura fija probada) --- */
@media screen and (max-width: 1099px) {
  #shopify-section-template--16384906330176__collection_list_CAxGpL 
  .collection-list .collection-card:nth-child(3) {
    display: block !important;
    width: 100% !important;
    grid-column: 1 / -1 !important;
  }

  #shopify-section-template--16384906330176__collection_list_CAxGpL 
  .collection-list .collection-card:nth-child(3) .content-over-media {
    width: 100% !important;
    height: 260px !important;
    min-height: 260px !important;
    max-height: 260px !important;
    overflow: hidden !important;
    position: relative !important;

    background-image: url("https://cdn.shopify.com/s/files/1/0599/8100/4864/files/SS26_GRAVEL_GLIDE_Storytelling_MarvinLeuvrey_HD_003_fullframe_mobile.webp?v=1786041105") !important;
    background-size: cover !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
  }

  #shopify-section-template--16384906330176__collection_list_CAxGpL 
  .collection-list .collection-card:nth-child(3) .content-over-media > img {
    display: none !important;
  }
}

/* ==========================================================================
   IMAGE WITH TEXT (Bloque reutilizable)
   ========================================================================== */
/* Alineación de texto general para el bloque */
.image-with-text .prose.text-center.sm\:text-start {
  text-align: left;
}

/* Tipografía exclusiva para los títulos de este bloque */
.image-with-text h2.h1 {
  font-family: "SALOMONSans", sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
}

/* --- DESKTOP: Ajustes Image with Text --- */
@media (min-width: 990px) {
  image-with-text.image-with-text {
    margin: 0px 60px;
  }
  
  /*.image-with-text .prose.text-center.sm\:text-start {
    margin-left: 20px;
  }*/
}

/* ==========================================================================
   SEPARACIÓN DE PÁRRAFOS (Rich Text Antonio Carrau)
   ========================================================================== */
#custom-block-richtext_4KcbPQ p + p,
.custom-rt-paragraph p + p {
  margin-top: 20px !important; 
}

/* ==========================================================================
   CONTROL DE PÁRRAFOS (A prueba de balas)
   ========================================================================== */

/* --- DESKTOP --- */
@media screen and (min-width: 770px) {
  .shopify-section:not(.shopify-section--newsletter) p {
    max-width: 890px; 
    text-align: left !important;
    margin-right: auto !important;
  }
}

/* ==========================================================================
   PADDING GLOBAL EXCLUYENDO NEWSLETTERS, IMAGE WITH TEXT Y FOOTER
   ========================================================================== */
@media screen and (max-width: 770px) {
  /* Tu regla global original */
  .shopify-section:not(.shopify-section--newsletter):not(.shopify-section--image-with-text) p {
    padding-left: 0px; 
    padding-right: 20px !important;
    max-width: 100% !important;
  }

  /* El bloque de la IA que ya tenías */
  .ai-two-column-richtext-aa0lfs0vzrmura01dlaigenblocke410128nzqctc p {
    padding-left: 20px !important;
    padding-right: 0 !important;
  }

  /* EL ANTÍDOTO PARA EL FOOTER */
  .shopify-section--footer p {
    padding-left: 20px !important;
    padding-right: 0px !important; 
  }
}

/* ==========================================================================
   GRILLA DE IMÁGENES (Fix Global de Altura + Grilla Desktop)
   ========================================================================== */

/* 1. EL PARCHE GLOBAL: Mata el -10px maldito de lop.css en celulares y compus */
multi-column[id$="__multi_column_9xEjEG"] .multi-column__item {
  max-height: none !important; 
  height: auto !important;
  width: 100% !important;
  margin: 0 !important;
  display: block !important;
}

multi-column[id$="__multi_column_9xEjEG"] .overflow-hidden {
  width: 100% !important;
  height: auto !important;
  display: block !important;
}

multi-column[id$="__multi_column_9xEjEG"] .multi-column__item img {
  width: 100% !important;
  height: auto !important;
  object-fit: cover !important;
  display: block !important;
  margin: 0 !important;
  border-radius: 0 !important;
}

/* 2. LA GRILLA: Solo se activa en computadoras (770px en adelante) */
@media screen and (min-width: 770px) {
  multi-column[id$="__multi_column_9xEjEG"] {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 16px !important;
    max-width: 1140px !important;
    margin: 0 auto !important;
    padding: 0 40px !important;
  }

  /* Forzamos altura pareja solo en desktop para que no queden desparejas */
  multi-column[id$="__multi_column_9xEjEG"] .multi-column__item,
  multi-column[id$="__multi_column_9xEjEG"] .overflow-hidden,
  multi-column[id$="__multi_column_9xEjEG"] .multi-column__item img {
    height: 100% !important;
  }
}

/* ==========================================================================
   ESPACIADO DEL FORMULARIO (Fix contra Shadow DOM)
   ========================================================================== */
@media screen and (max-width: 769px) {
  /* Atacamos la etiqueta de la app que está AFUERA del Shadow DOM */
  shopify-forms-embed {
    display: block !important;
    width: 100% !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    box-sizing: border-box !important;
    
    /* Forzamos a la variable interna de la app a que no se pase del 100% */
    --inline-container-max-width: 100% !important; 
  }
}

/* ==========================================================================
   BOTÓN DEL FORMULARIO (Hack de variables para atravesar Shadow DOM)
   ========================================================================== */
shopify-forms-embed {
  --button-border-radius: 32px !important;
  --buttons-radius: 32px !important;
  --forms-button-border-radius: 32px !important;
}

@media (max-width: 767px) {
    /* Si querés mover los ítems en celular */
    .section-sections--16009022275648__custom_icons_MmnaH7 .reassurance-banner_item {
      list-style: none;
      border-bottom: 1px solid #d0d0d0;
      padding-right: 0px;
      padding-top: 20px;
      padding-bottom: 20px;
      width: 100%;
      margin-left: 15px !important; /* <--- Ajustá los píxeles acá en mobile */
    }
  }

  /* ==========================================================================
   MATAR SCROLL HORIZONTAL / ESPACIO EN BLANCO A LA DERECHA
   ========================================================================== */
html, body {
  overflow-x: hidden !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

#custom-block-heading_e7cUHg .text-mobile-only {
  max-width: auto !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* ==========================================================================
   TEXTO BLOQUE "IDENTIDAD EN MOVIMIENTO" (Run Collective x Antonio Carrau)
   ========================================================================== */
.ai-two-column-richtext-aa0lfs0vzrmura01dlaigenblocke410128nzqctc h2 {
  font-family: "SALOMONSans", sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  font-size: 26px !important;   /* <-- Tamaño del H2, ajustá acá */
  line-height: 1.1 !important;
  margin: 0 0 8px 0 !important;
}

.ai-two-column-richtext-aa0lfs0vzrmura01dlaigenblocke410128nzqctc h3 {
  font-family: "SALOMONSans", sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  font-size: 18px !important;   /* <-- Tamaño del H3, ajustá acá */
  line-height: 1.2 !important;
  margin: 0 0 20px 0 !important;
}

.ai-two-column-richtext-aa0lfs0vzrmura01dlaigenblocke410128nzqctc p {
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  font-size: 15px !important;
}

/* Mobile: bajamos un poco los tamaños para que no se vean gigantes */
@media screen and (max-width: 769px) {
  .ai-two-column-richtext-aa0lfs0vzrmura01dlaigenblocke410128nzqctc h2 {
    font-size: 26px !important;  /* <-- Tamaño del H2 en mobile */
    padding: 0px 20px;
  }

  .ai-two-column-richtext-aa0lfs0vzrmura01dlaigenblocke410128nzqctc h3 {
    font-size: 16px !important;  /* <-- Tamaño del H3 en mobile */
    padding: 0 20px;
  }
}

/* --- DESKTOP: separación del bloque de texto --- */
@media screen and (min-width: 770px) {
  .ai-two-column-right-aa0lfs0vzrmura01dlaigenblocke410128nzqctc {
    margin: 24px 0px 24px 20px !important;
    padding: 0px 24px 0px 48px !important;
  }
}

/* --- MOBILE: control aparte --- */
@media screen and (max-width: 769px) {
  .ai-two-column-right-aa0lfs0vzrmura01dlaigenblocke410128nzqctc {
    margin: 0px !important;      /* <-- ajustá acá el margin de mobile */
    padding: 0px !important; /* <-- ajustá acá el padding de mobile */
  }
}

@media screen and (max-width: 769px) {
  .ai-two-column-section-aa0lfs0vzrmura01dlaigenblocke410128nzqctc {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

/* CONTROLA EL PADDING DEL PÁRRAFO, CAMBIAR EL ID CUANDO MIGRE A PARAGUAY */

@media screen and (max-width: 769px) {
  #shopify-section-template--16384906330176__178604544551643ac0 p {
    padding-left: 20px !important;
    padding-right: 20px !important;
    max-width: none !important;
  }
}

/* CONTROLA EL ORDEN DE LAS COLUMNAS EN MOBILE */

@media screen and (max-width: 769px) {
  .ai-two-column-left-aa0lfs0vzrmura01dlaigenblocke410128nzqctc {
    order: 1;
  }

  .ai-two-column-right-aa0lfs0vzrmura01dlaigenblocke410128nzqctc {
    order: 2;
  }
}

@media (min-width: 770px){
  #shopify-section-template--16384906330176__image_with_text_V4q9rL .image-with-text {
  --image-with-text-gap: 200px !important;
}
} 

/* ==========================================================================
   BLOQUE SLIDER CON TEXTO - ID av3fqtfp6clz5t1plbaigenblockbca97987qjnnz
   ========================================================================== */

h2.ai-slide-with-text__heading-av3fqtfp6clz5t1plbaigenblockbca97987qjnnz.h1 {
  font-family: SALOMONSans, sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  font-size: 26px !important;
  line-height: 1.1 !important;
}

/* Párrafo: Liberamos el ancho máximo a 100% */
.ai-slide-with-text__text-av3fqtfp6clz5t1plbaigenblockbca97987qjnnz {
    max-width: 100% !important; /* Liberado */
    margin-left: 0 !important;
    margin-right: 0 !important;
    font-size: 15px !important;
    line-height: normal !important;
}

.ai-slide-with-text__slide-title-av3fqtfp6clz5t1plbaigenblockbca97987qjnnz {
  font-family: SALOMONSans, sans-serif !important;
}

/* --- REGLAS ESCRITORIO --- */
@media screen and (min-width: 770px) {
  /* Contenedor de toda la sección */
  .ai-slide-with-text__wrapper-av3fqtfp6clz5t1plbaigenblockbca97987qjnnz {
    width: 100% !important; 
    margin: 0 auto !important; 
    grid-template-columns: 1fr 1fr !important; 
  }

  /* Caja de texto (Columna Izquierda): Pegado al gap (derecha) */
  .ai-slide-with-text__left-content-av3fqtfp6clz5t1plbaigenblockbca97987qjnnz {
    margin: 0 0 24px auto !important; /* Resorte 'auto' a la izquierda empuja contra el gap */
    padding: 0 0 0 60px !important; /* Arriba 0, Derecha 0, Abajo 0, Izquierda 40px */
    max-width: 100% !important; /* Liberado para llenar la columna */
  }
}

/* --- REGLAS MOBILE --- */
@media screen and (max-width: 769px) {
  h2.ai-slide-with-text__heading-av3fqtfp6clz5t1plbaigenblockbca97987qjnnz.h1 {
    font-size: 26px !important; 
    padding: 0 20px;
  }
  
  .ai-slide-with-text__text-av3fqtfp6clz5t1plbaigenblockbca97987qjnnz {
    padding-right: 20px !important;
    padding-left: 20px !important;
    max-width: 100% !important; /* O 390px si preferís limitarlo en celular */
  }
  
  .ai-slide-with-text__left-content-av3fqtfp6clz5t1plbaigenblockbca97987qjnnz {
    margin: 0px !important;      
    padding: 0px !important; 
  }
}

/* Eliminamos los 'order' fijos en mobile, ya que ahora usamos grid-template-areas en el .liquid */

/* ==========================================================================
   EXCEPCIÓN: PÁRRAFOS CENTRADOS EN DESKTOP
   ========================================================================== */
@media screen and (min-width: 770px) {
  #custom-block-richtext_aHJUrj p,
  #custom-block-richtext_eMzwx8 p,
  #custom-block-richtext_xJCRFG p,
  #custom-block-richtext_b7WdPF p {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

button._formSubmitButton_jnbzb_106 {
  font-weight: 700 !important;
}

/* ==========================================================================
   ALINEACIÓN EXACTA CON COLLECTION LIST (40px laterales en Desktop)
   ========================================================================== */
@media screen and (min-width: 1100px) {
  /* Bloque Oruga (Original) */
  .ai-slide-with-text-ay3famkursjk3yvdnaaigenblockbca97987qjnnz,
  /* Bloque Merch (Invertido en Oruga) */
  .ai-slide-with-text-aexjxclzebhhot3z2qaigenblockbca9798ryfyfk,
  /* Bloque Merch (Nueva Landing) */
  .ai-slide-with-text-av3fqtfp6clz5t1plbaigenblockbca97987qjnnz {
    padding-left: 40px !important;
    padding-right: 40px !important;
    box-sizing: border-box !important;
  }
}

/* ==========================================================================
   BLOQUE "XT-WHISPER"
   ========================================================================== */

   /* El bloque de la IA que ya tenías */
  .ai-two-column-richtext-addhqvkhsu05ydny0oaigenblocke410128kmmwqm p {
    padding-left: 0px !important;
    padding-right: 0 !important;
  }

  .ai-two-column-richtext-addhqvkhsu05ydny0oaigenblocke410128kmmwqm h2 {
  font-family: "SALOMONSans", sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  font-size: 26px !important;   /* <-- Tamaño del H2, ajustá acá */
  line-height: 1.1 !important;
  margin: 0 0 8px 0 !important;
}

.ai-two-column-richtext-addhqvkhsu05ydny0oaigenblocke410128kmmwqm h3 {
  font-family: "SALOMONSans", sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  font-size: 18px !important;   /* <-- Tamaño del H3, ajustá acá */
  line-height: 1.2 !important;
  margin: 0 0 20px 0 !important;
}

.ai-two-column-richtext-addhqvkhsu05ydny0oaigenblocke410128kmmwqm p {
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  font-size: 15px !important;
}

/* Mobile: bajamos un poco los tamaños para que no se vean gigantes */
@media screen and (max-width: 769px) {
  .ai-two-column-richtext-addhqvkhsu05ydny0oaigenblocke410128kmmwqm h2 {
    font-size: 26px !important;  /* <-- Tamaño del H2 en mobile */
  }

  .ai-two-column-richtext-addhqvkhsu05ydny0oaigenblocke410128kmmwqm h3 {
    font-size: 16px !important;  /* <-- Tamaño del H3 en mobile */
    padding: 0 20px;
  }

  .ai-two-column-section-addhqvkhsu05ydny0oaigenblocke410128kmmwqm {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

/* CONTROLA EL ORDEN DE LAS COLUMNAS EN MOBILE */

@media screen and (max-width: 769px) {
  .ai-two-column-left-addhqvkhsu05ydny0oaigenblocke410128kmmwqm {
    order: 1;
  }

  .ai-two-column-right-addhqvkhsu05ydny0oaigenblocke410128kmmwqm {
    order: 2;
  }
}

@media screen and (max-width: 699px) {
  #shopify-section-template--20774588809378__collection_list_CAxGpL {
    display: none !important;
  }
}


/* BOTÓN CTA DE PLAYLIST */

.ai-slide-with-text__cta-av3fqtfp6clz5t1plbaigenblockbca97987qjnnz {
  margin-left: 20px;
}

@media screen and (max-width: 769px) {
  #custom-block-heading_jjEGtf .text-mobile-only {
    width: 280px !important;
  }
}