/* =========================================================================
   Sección "Categorías" — Venados Store
   Mosaico editorial (escritorio) + carrusel horizontal (móvil).
   Se renderiza como módulo text dentro del grid #903 (col-2); las otras
   columnas del grid se ocultan y esta ocupa el ancho completo.
   2026-07-23
   ========================================================================= */

/* --- Colapsar el grid de categorías #903: solo mi columna, full width ---
   OJO: usar hijo directo (>) en el :has para NO matchear los grid-col
   ANCESTROS que envuelven todo el grid (también contienen esas celdas). */
.grid-col:has(> .grid-items > .grid-module-grid-903-1-1-1),
.grid-col:has(> .grid-items > .grid-module-grid-903-1-3-1),
.grid-col:has(> .grid-items > .grid-module-grid-903-1-4-1) { display: none !important; }
.grid-cols:has(> .grid-col > .grid-items > .grid-module-grid-903-1-2-1) {
  display: flex !important;
}
.grid-col:has(> .grid-items > .grid-module-grid-903-1-2-1) {
  flex: 1 1 100% !important;
  width: 100% !important;
  max-width: 100% !important;
}
/* Quitar tope de ancho del módulo text para que el mosaico respire */
.grid-module-grid-903-1-2-1 .module-text .module-content { max-width: none !important; }

/* ============================ SECCIÓN ================================== */
.venados-cats{
  --vc-red:#D6112B; --vc-red-press:#B60E23;
  --vc-ink:#17110F; --vc-muted:#7C726C;
  --vc-surface:#fff; --vc-line:rgba(23,17,15,.12);
  --vc-radius:16px;
  --vc-shadow:0 1px 2px rgba(23,17,15,.06),0 12px 30px rgba(23,17,15,.10);
  font-family:"Helvetica Neue",Helvetica,Arial,"Segoe UI",Roboto,sans-serif;
  color:var(--vc-ink);
  max-width:1200px;
  margin:0 auto;
  padding:4px 0 8px;
}
.venados-cats *{box-sizing:border-box}

/* ---------- Encabezado ---------- */
.venados-cats .vc-head{
  display:flex; align-items:flex-end; justify-content:space-between;
  gap:24px; flex-wrap:wrap; margin-bottom:clamp(12px,1.5vw,18px);
}
.venados-cats .vc-eyebrow{
  display:inline-flex; align-items:center; gap:8px;
  font-size:12px; font-weight:700; letter-spacing:.18em; text-transform:uppercase;
  color:var(--vc-red);
}
.venados-cats .vc-eyebrow::before{content:"";width:22px;height:2px;background:var(--vc-red);border-radius:2px}
.venados-cats .vc-title{
  margin:.35em 0 0; font-size:clamp(26px,4vw,44px); line-height:1.02;
  font-weight:800; letter-spacing:-.02em; text-transform:uppercase;
}
.venados-cats .vc-note{color:#544c48; font-size:15.5px; max-width:34ch; line-height:1.5; margin:0}

/* ---------- Mosaico (escritorio) ---------- */
.venados-cats .vc-mosaic{
  display:grid;
  grid-template-columns:1.5fr 1fr;
  grid-template-rows:repeat(2,minmax(180px,1fr));
  gap:16px;
}
.venados-cats .vc-card{
  position:relative; display:block; overflow:hidden;
  border-radius:var(--vc-radius); background:var(--vc-surface);
  box-shadow:var(--vc-shadow); text-decoration:none; color:#fff;
  isolation:isolate; min-height:180px;
}
.venados-cats .vc-card--lg{grid-row:1 / span 2}
.venados-cats .vc-img{
  position:absolute; inset:0; width:100%; height:100%;
  object-fit:cover; z-index:0;
  transition:transform .6s cubic-bezier(.2,.7,.2,1);
}
.venados-cats .vc-card::after{
  content:""; position:absolute; inset:0; z-index:1; pointer-events:none;
  background:linear-gradient(to top,
    rgba(12,7,7,.86) 0%, rgba(12,7,7,.55) 26%, rgba(12,7,7,.12) 52%, rgba(12,7,7,0) 74%);
}
/* Caballero: overlay más suave para no perder el detalle del jersey */
.venados-cats .vc-card--lg::after{
  background:linear-gradient(to top,
    rgba(12,7,7,.74) 0%, rgba(12,7,7,.4) 30%, rgba(12,7,7,.06) 56%, rgba(12,7,7,0) 78%);
}
.venados-cats .vc-card:hover .vc-img{transform:scale(1.055)}

.venados-cats .vc-badge{
  position:absolute; top:14px; left:14px; z-index:3;
  display:inline-flex; align-items:center;
  padding:6px 11px; border-radius:999px;
  background:rgba(255,255,255,.16); backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px);
  border:1px solid rgba(255,255,255,.28);
  font-size:11px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:#fff;
}
.venados-cats .vc-badge--sell{background:var(--vc-red); border-color:transparent}

.venados-cats .vc-body{
  position:absolute; inset:auto 0 0 0; z-index:2;
  padding:clamp(16px,1.6vw,24px);
  display:flex; flex-direction:column; align-items:flex-start; gap:7px;
}
.venados-cats .vc-name{
  margin:0; font-size:clamp(21px,2.2vw,32px); line-height:1;
  font-weight:800; letter-spacing:-.01em; text-transform:uppercase;
  color:#fff !important;
  text-shadow:0 1px 16px rgba(0,0,0,.45);
}
.venados-cats .vc-card--lg .vc-name{font-size:clamp(28px,3.2vw,44px)}
.venados-cats .vc-sub{
  margin:0; font-size:clamp(13px,1.1vw,16px); font-weight:500;
  color:rgba(255,255,255,.9); line-height:1.35;
}
/* Botón premium (escritorio): rojo sólido, esquinas suaves, padding fino */
.venados-cats .vc-cta{
  margin-top:6px; display:inline-flex; align-items:center; gap:7px;
  padding:7px 14px; border-radius:8px;
  background:var(--vc-red); color:#fff; font-size:12.5px; font-weight:700;
  letter-spacing:.01em;
  transition:background .18s ease;
}
.venados-cats .vc-cta svg{width:14px;height:14px;transition:transform .2s ease}
.venados-cats .vc-card:hover .vc-cta{background:var(--vc-red-press)}
.venados-cats .vc-card:hover .vc-cta svg{transform:translateX(3px)}

/* ---------- Chips ---------- */
.venados-cats .vc-chips{display:flex; flex-wrap:wrap; gap:10px; margin-top:clamp(16px,2vw,24px)}
.venados-cats .vc-chip{
  display:inline-flex; align-items:center; white-space:nowrap;
  padding:9px 17px; border-radius:999px;
  background:var(--vc-surface); color:var(--vc-ink);
  border:1px solid rgba(23,17,15,.16);
  font-size:13.5px; font-weight:600; text-decoration:none;
  transition:background .18s ease,color .18s ease,border-color .18s ease;
}
.venados-cats .vc-chip:hover{background:var(--vc-ink); color:#fff; border-color:var(--vc-ink)}
.venados-cats .vc-chip--accent{background:var(--vc-red); color:#fff; border-color:transparent}
.venados-cats .vc-chip--accent:hover{background:var(--vc-red-press); color:#fff}

.venados-cats a:focus-visible{outline:2px solid var(--vc-red); outline-offset:3px}

/* ---------- Móvil: carrusel ---------- */
@media (max-width:760px){
  /* Más aire entre el párrafo introductorio y el carrusel */
  .venados-cats .vc-head{margin-bottom:22px}

  .venados-cats .vc-mosaic{
    display:flex; grid-template:none;
    overflow-x:auto; scroll-snap-type:x mandatory;
    gap:12px; padding:2px 14px 8px;
    -webkit-overflow-scrolling:touch; scrollbar-width:none;
  }
  .venados-cats .vc-mosaic::-webkit-scrollbar{display:none}
  /* 1ª card casi todo el ancho (82vw); la 2ª apenas asoma */
  .venados-cats .vc-card{flex:0 0 82vw; scroll-snap-align:start; aspect-ratio:3/4; min-height:0}
  .venados-cats .vc-card--lg{grid-row:auto}

  /* Botón: en móvil se lee mejor redondo */
  .venados-cats .vc-cta{border-radius:999px; padding:9px 16px; font-size:13px}

  /* Chips: scroll horizontal, padding lateral consistente + fade al final */
  .venados-cats .vc-chips{
    flex-wrap:nowrap; overflow-x:auto; scrollbar-width:none;
    padding:2px 14px 4px;
    -webkit-mask-image:linear-gradient(to right,#000 calc(100% - 30px),transparent);
    mask-image:linear-gradient(to right,#000 calc(100% - 30px),transparent);
  }
  .venados-cats .vc-chips::-webkit-scrollbar{display:none}
  .venados-cats .vc-chip{flex:0 0 auto}
}

@media (prefers-reduced-motion:reduce){
  .venados-cats .vc-img,.venados-cats .vc-cta,.venados-cats .vc-cta svg,.venados-cats .vc-chip{transition:none}
  .venados-cats .vc-card:hover .vc-img{transform:none}
}

/* =========================================================================
   Sección "Colecciones VENADOS" — módulo banners_grid #1143 → cards editoriales
   (aditivo). Imágenes con etiqueta horneada + scrim + CTA "Ver colección".
   2026-07-24
   ========================================================================= */
.venados-colec-grid .module-item {
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.10);
  transition: transform .25s ease, box-shadow .25s ease;
}
.venados-colec-grid .module-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.20);
}
.venados-colec-grid .slide-content-image {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
}
.venados-colec-grid .slide-content-image img {
  display: block;
  width: 100%;
  height: auto;
  transition: transform .45s ease;
}
.venados-colec-grid .module-item:hover .slide-content-image img { transform: scale(1.06); }

/* Scrim inferior para profundidad editorial */
.venados-colec-grid .slide-content-image::before {
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 42%;
  background: linear-gradient(to top, rgba(10, 10, 14, 0.55), rgba(10, 10, 14, 0));
  pointer-events: none;
  z-index: 1;
  opacity: 0;
  transition: opacity .25s ease;
}
.venados-colec-grid .module-item:hover .slide-content-image::before { opacity: 1; }

/* CTA "Ver colección" — barra que sube en hover y CUBRE la etiqueta horneada
   (los clicks los captura .slide-link que está encima) */
.venados-colec-cta {
  position: absolute;
  left: 0; right: 0; bottom: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 20px 12px 16px;
  background: linear-gradient(to top, #c52028 68%, rgba(197, 32, 40, 0.86) 90%, rgba(197, 32, 40, 0));
  color: #fff;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: .01em;
  white-space: nowrap;
  transform: translateY(101%);
  transition: transform .26s ease;
  pointer-events: none;
}
.venados-colec-grid .module-item:hover .venados-colec-cta { transform: translateY(0); }
.venados-colec-cta svg { margin-top: 1px; }

/* Móvil: sin hover no cubrimos la etiqueta (se perdería el nombre). La card es
   tappable; el CTA se oculta y damos protagonismo a la imagen grande. */
@media (max-width: 991px) {
  .venados-colec-cta { display: none; }
  .venados-colec-grid .slide-content-image::before { opacity: 0; }
}

@media (prefers-reduced-motion:reduce){
  .venados-colec-grid .module-item,
  .venados-colec-grid .slide-content-image img,
  .venados-colec-cta { transition: none; }
  .venados-colec-grid .module-item:hover .slide-content-image img { transform: none; }
}

/* =========================================================================
   FOOTER minimalista (estilo New Era) — CLARO, plano, limpio.
   Fondo blanco, sin cards, redes como glifos planos.
   2026-07-24 (minimalista claro)
   ========================================================================= */
footer {
  background: #ffffff !important;
  color: #6a6a6a !important;
  border-top: 1px solid #ececec;
}
footer .row-bg { background: transparent !important; }
footer::selection { background: #c52028; color: #fff; }

/* Texto base */
footer .links-text, footer .module-body,
footer p, footer span, footer li, footer div { color: #6a6a6a; }
footer a { color: #6a6a6a !important; text-decoration: none; transition: color .15s ease; }
footer a:hover { color: #111 !important; }

/* Títulos de columna — oscuro, bold, sin adornos */
footer h1, footer h2, footer h3, footer h4, footer h5,
footer .module-title, footer .title,
.venados-foot-title {
  display: block;
  margin: 0 0 18px;
  padding: 0;
  border: 0;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: none;
  color: #1a1a1a !important;
}

/* Enlaces de columnas */
footer .links-list a, footer ul li a { display: block; padding: 7px 0; font-size: 14px; color: #6a6a6a !important; }
footer .links-list a:hover, footer ul li a:hover { color: #111 !important; }

/* Menú dividido en columnas (Categorías / Ayuda) */
.venados-foot-links { display: flex; flex-wrap: wrap; gap: 18px 56px; }
.venados-foot-links .vfl-col { min-width: 150px; }
.venados-foot-links .vfl-list { list-style: none; margin: 0; padding: 0; }
.venados-foot-links .vfl-list li { margin: 0; }
.venados-foot-links .vfl-list a { display: block; padding: 7px 0; font-size: 14px; color: #6a6a6a !important; }
.venados-foot-links .vfl-list a:hover { color: #111 !important; }

/* Tagline "Tienda oficial" bajo el logo */
.venados-oficial-tag {
  margin: 12px 0 20px;
  max-width: 240px;
  font-size: 13px;
  line-height: 1.5;
  color: #8a8a8a;
}

/* Filas de contacto — plano */
footer .links-text { padding: 7px 0; font-size: 14px; color: #6a6a6a; }
footer .links-icon svg, footer .links-icon i,
footer [class*="icon"] svg { color: #a6a6a6 !important; fill: currentColor; }

/* Redes — glifos planos (sin círculo), hover rojo marca */
footer .icons-menu li a,
footer .social-links a, footer [class*="social"] a {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #555 !important;
  transition: color .15s ease;
}
footer .icons-menu li a:hover,
footer .social-links a:hover, footer [class*="social"] a:hover {
  background: transparent !important;
  color: #c52028 !important;
  transform: none;
}
footer .icons-menu li a *,
footer .icons-menu li a *::before { color: inherit !important; }

/* "Cómo llegar" — enlace plano con subrayado sutil */
.venados-maps-btn {
  display: inline-flex; align-items: center; gap: 6px;
  margin: 8px 0 2px; padding: 0;
  border: 0; background: transparent;
  color: #333 !important; font-size: 13px; font-weight: 600;
  text-decoration: underline; text-underline-offset: 3px; text-decoration-color: #cfcfcf;
}
.venados-maps-btn:hover { color: #000 !important; text-decoration-color: #000; }
.venados-maps-btn svg { color: #a6a6a6; }

/* WhatsApp — enlace plano (usa el icono nativo de Journal); hover verde */
.venados-wa-btn {
  background: transparent !important; border: 0 !important;
  color: #6a6a6a !important; font-size: 14px; font-weight: 500;
}
footer a.venados-wa-btn, footer a.venados-wa-btn span { color: #6a6a6a !important; }
.venados-wa-btn:hover, footer a.venados-wa-btn:hover span { color: #1f9b4e !important; }

/* Distribuir el footer en columnas parejas (Marca · Contacto · Síguenos · Categorías · Ayuda) */
@media (min-width: 992px) {
  footer .grid-row-4 .grid-cols { display: flex !important; align-items: flex-start; gap: 32px; }
  footer .grid-row-4 .grid-col { float: none !important; width: auto !important; }
  footer .grid-row-4 .grid-col-1 { flex: 3 1 0; min-width: 0; }
  footer .grid-row-4 .grid-col-2 { flex: 2 1 0; min-width: 0; }
  footer .grid-row-4 .grid-col-1 > .grid-items { display: flex !important; flex-direction: row !important; flex-wrap: nowrap; align-items: flex-start; gap: 32px; }
  footer .grid-row-4 .grid-col-1 > .grid-items > .grid-item { flex: 1 1 0; min-width: 0; width: auto !important; float: none !important; }
  /* dentro de la columna de links, Categorías y Ayuda lado a lado */
  footer .grid-row-4 .grid-col-2 .venados-foot-links { gap: 32px; }
}

/* Barra inferior — línea fina, copyright + pagos, minimal */
footer .footer-bottom,
footer [class*="footer-5"] {
  border-top: 1px solid #ececec;
  padding-top: 14px; padding-bottom: 14px;
  color: #8a8a8a !important;
  background: transparent !important;
}
footer .footer-bottom a,
footer [class*="footer-5"] a,
footer [class*="bottom"] a { color: #6a6a6a !important; }
footer [class*="grid-module-footer-5-2-1"] { display: flex; align-items: center; justify-content: flex-end; gap: 8px; }
@media (max-width: 991px) {
  footer [class*="grid-module-footer-5-2-1"] { justify-content: center; margin-top: 10px; }
}

/* =========================================================================
   PRE-FOOTER "Lleva tu pasión / Colección 25-26" (grid-row-bottom-1) —
   modernizado (aditivo). Banda oscura limpia, tipografía, CTA pill rojo,
   banner con esquinas redondeadas. La ola/collage siguen horneados.
   2026-07-24
   ========================================================================= */
.grid-row-bottom-1 .row-bg {
  background: linear-gradient(180deg, #121212 0%, #0a0a0a 100%) !important;
}
.grid-row-bottom-1 .grid-col { padding-top: 26px; padding-bottom: 26px; }

/* Eyebrow inyectado */
.venados-pf-eyebrow {
  display: inline-block;
  margin-bottom: 12px;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: #ff5762;
}

/* Heading moderno */
.grid-row-bottom-1 .module-title {
  font-size: clamp(26px, 3.2vw, 38px) !important;
  font-weight: 800 !important;
  line-height: 1.08 !important;
  letter-spacing: -0.015em;
  color: #fff !important;
  text-transform: none !important;
  margin-bottom: 18px !important;
}

/* CTA "VER MÁS" → pill rojo moderno */
.grid-row-bottom-1 a.info-block {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  margin-top: 6px;
  padding: 13px 26px !important;
  border-radius: 999px !important;
  background: #c52028 !important;
  color: #fff !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  letter-spacing: .04em;
  text-transform: uppercase;
  border: 0 !important;
  box-shadow: 0 10px 24px rgba(197, 32, 40, 0.32);
  transition: transform .15s ease, background-color .15s ease;
}
.grid-row-bottom-1 a.info-block::after {
  content: "→";
  font-size: 15px;
  line-height: 1;
}
.grid-row-bottom-1 a.info-block:hover { background: #a91a21 !important; transform: translateY(-2px); }

/* Banner con esquinas redondeadas + sombra */
.grid-row-bottom-1 .module-image img {
  border-radius: 16px !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
}
.grid-row-bottom-1 .module-image .slide-content-image,
.grid-row-bottom-1 .module-image a { border-radius: 16px !important; overflow: hidden; }

@media (max-width: 991px) {
  .grid-row-bottom-1 .grid-col { padding-top: 18px; padding-bottom: 18px; }
  .grid-row-bottom-1 a.info-block { padding: 12px 22px !important; }
}