/** Shopify CDN: Minification failed

Line 64:6 Unexpected "{"
Line 64:15 Expected ":"
Line 65:19 Expected identifier but found whitespace
Line 65:21 Unexpected "{"
Line 65:30 Expected ":"
Line 65:59 Expected ":"
Line 66:18 Expected identifier but found whitespace
Line 66:21 Unexpected "{"
Line 66:30 Expected ":"
Line 66:58 Expected ":"
... and 15 more hidden warnings

**/


/* CSS from section stylesheet tags */
/* ---------- Layout ---------- */
.faq{ width:100%; max-width:980px; margin:0 auto; padding:clamp(20px,5vw,60px) 16px; }
.faq__title{ text-align:center; margin:0 0 1.5rem; font-size:clamp(22px,3.8vw,36px); font-weight:800; letter-spacing:-.02em; }
.faq__group{ margin:2.25rem 0 .75rem; font-size:clamp(16px,2.6vw,20px); font-weight:700; border-left:4px solid currentColor; padding-left:10px; }
.faq__divider{ border:0; border-top:1px solid rgba(0,0,0,.08); margin:1.25rem 0; }

/* ---------- Item (DETAILS) ---------- */
.faq__item{ border-bottom:1px solid rgba(0,0,0,.08); padding:0; }

/* El botón visible es el <summary> */
.faq__question{
  list-style:none; /* quita triángulo nativo en algunos navegadores */
  display:flex; align-items:center; justify-content:space-between;
  gap:12px; padding:16px 0; margin:0;
  font-size:clamp(15px,2.6vw,18px); font-weight:700; cursor:pointer; color:inherit;
}
.faq__question::-webkit-details-marker{ display:none; } /* iOS Safari */
.faq__icon{ transition: transform .25s ease; display:inline-flex; }

/* Panel */
.faq__panel{ padding: 0 0 14px; }

/* ===== FIX MÓVIL: forzar visibilidad y color del texto ===== */
/* Algunos temas ponen display:none en *todos* los hijos de <details> o heredan color transparente en móvil. */
details.faq__item > .faq__panel{ display:block !important; }                /* SIEMPRE visible cuando se abre */
details.faq__item:not([open]) > .faq__panel{ display:none !important; }     /* oculto solo cuando está cerrado */

.faq__answer,
.faq__answer * {
  color: rgba(17,17,17,.92) !important;    /* texto oscuro legible en claro */
}

/* Estados abiertos/cerrados (controlados por [open]) */
.faq__item[open] .faq__icon{ transform: rotate(45deg); } /* + → × */

/* Hover/active opcional */
.faq__item:hover .faq__question{ background: rgba(0,0,0,.02); }

/* ---------- Dark mode básico ---------- */
@media (prefers-color-scheme: dark){
  .faq__answer, .faq__answer * { color: rgba(255,255,255,.9) !important; }
  .faq__divider,.faq__item{ border-color:rgba(255,255,255,.12); }
  .faq__item:hover .faq__question{ background: rgba(255,255,255,.04); }
}
/* ===== Variables desde settings ===== */
#ofx-{{ section.id }} .ofx__track{
  --card-w-desktop: {{ section.settings.card_w_desktop }}px;
  --card-w-mobile:  {{ section.settings.card_w_mobile }}px;
  --gap: {{ section.settings.card_gap }}px;
}

/* ===== Base ===== */
.ofx{ padding: clamp(24px,4vw,54px) 0; background: #fafafa; border-top:1px solid rgba(0,0,0,.06); border-bottom:1px solid rgba(0,0,0,.06); }
.ofx__head{ display:grid; grid-template-columns: 1fr auto; gap: 12px; align-items:end; margin-bottom: clamp(12px,2.5vw,22px); }
.ofx__head h2{ grid-column: 1 / -1; margin:0; text-align:center; font-weight:800; font-size:clamp(22px,4.5vw,32px); letter-spacing:-.02em; }
.ofx__viewall{ justify-self:center; text-decoration:none; padding:.6rem 1.1rem; border-radius:999px; background:#0C1E45; color:#fff; font-weight:700; box-shadow:0 6px 18px rgba(12,30,69,.18); }
.ofx__empty{ text-align:center; margin:0; color:#555; }

/* ===== Carrusel ===== */
.ofx__wrap{ position:relative; }
.ofx__track{
  display:flex;
  gap: var(--gap);
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;
  padding: 6px 4px;
}
.ofx__track::-webkit-scrollbar{ display:none; }

/* ===== Card ===== */
.ofx__card{
  flex: 0 0 var(--card-w-desktop);
  background:#fff; border:1px solid rgba(0,0,0,.06);
  border-radius:18px; overflow:hidden; scroll-snap-align:start;
  transition: transform .2s ease, box-shadow .2s ease;
  box-shadow: 0 8px 20px rgba(0,0,0,.06);
}
.ofx__card:hover{ transform: translateY(-6px); box-shadow: 0 12px 26px rgba(0,0,0,.1); }

/* ===== Imagen ===== */
.ofx__imgbox{ position:relative; overflow:hidden; }
.ofx__img{
  width:100%;
  aspect-ratio: {{ aspect }}; /* 1/1 por defecto (cuadrado) */
  object-fit: cover;
  display:block;
  max-height: clamp(220px, 42vh, 420px);
}
@media (max-width: 749px){
  .ofx__card{ flex-basis: var(--card-w-mobile); }
  .ofx__img{ max-height: clamp(200px, 70vw, 360px); }
}

/* ===== Sticker opcional ===== */
.ofx__sticker{
  --s: var(--sticker, 80px);
  --bite: var(--bite, .14);
  position:absolute; width:var(--s); height:var(--s);
  right: calc(var(--s) * var(--bite) * -1);
  bottom: calc(var(--s) * var(--bite) * -1);
  z-index:2; filter: drop-shadow(0 10px 18px rgba(0,0,0,.25));
}
.ofx__sticker img{ width:100%; height:100%; object-fit:contain; border-radius:50%; }

/* ===== Info ===== */
.ofx__info{ padding: 12px; text-align:center; }
.ofx__title{ display:block; color:#111; text-decoration:none; font-weight:700; margin: 4px 0 6px; font-size: clamp(14px,2.4vw,16px);
  display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; min-height:2.4em; }

/* ===== Precio (usa snippet oficial) ===== */
.ofx__price{ display:flex; justify-content:center; align-items:center; }
.ofx__price-inline .price__container{ display:flex; gap:8px; align-items:center; }
.ofx__price-inline s{ text-decoration: line-through; opacity:.7; }

/* ===== Flechas ===== */
.ofx__arrow{
  position:absolute; top:50%; transform:translateY(-50%);
  width:42px; height:42px; border-radius:999px; border:0;
  display:grid; place-items:center; cursor:pointer; background:#fff; color:#0C1E45;
  box-shadow:0 8px 24px rgba(0,0,0,.12); transition: transform .15s ease;
}
.ofx__arrow:hover{ transform: translateY(-50%) scale(1.05); }
.ofx__arrow--prev{ left: -2px; }
.ofx__arrow--next{ right: -2px; }
@media (max-width: 749px){
  .ofx__arrow{ display:none; }
}
.rev { width:100%; margin:0 auto; padding: clamp(16px,5vw,40px) 0; }
.rev__title { text-align:center; font-weight:800; letter-spacing:-.02em; margin:0 0 .25rem; font-size:clamp(22px,4vw,36px); }
.rev__subtitle { text-align:center; opacity:.8; margin:0 0 1.25rem; font-size:clamp(14px,2.4vw,16px); }

.rev__wrap { position:relative; width:100%; }
.rev__track {
  display:grid; grid-auto-flow:column; grid-auto-columns: minmax(260px, 320px);
  gap: clamp(14px,2.2vw,22px);
  overflow:auto; scroll-snap-type:x mandatory; scroll-padding-left: clamp(16px,4vw,24px);
  padding: 6px clamp(16px,4vw,24px);
  -webkit-overflow-scrolling: touch;
}
@media (min-width: 1024px){
  .rev__track { grid-auto-columns: minmax(280px, 360px); }
}

.rev__card {
  scroll-snap-align: start;
  background:#fff; border-radius:18px; overflow:hidden;
  box-shadow:0 8px 30px rgba(0,0,0,.08);
  display:flex; flex-direction:column; min-height: 100%;
}
.rev__media { aspect-ratio: 4/5; background:#f7f7f7; overflow:hidden; }
.rev__media img { width:100%; height:100%; object-fit:cover; display:block; }
.rev__body { padding: clamp(14px,2.4vw,18px); display:flex; flex-direction:column; gap:.5rem; }

.rev__stars { display:flex; gap:4px; }
.rev__star { fill:#e6e6e6; }
.rev__star.is-on { fill:#f5b301; }

.rev__heading { font-weight:700; font-size: clamp(15px,2.2vw,18px); margin:.25rem 0 0; }
.rev__text { color: rgba(17,17,17,.82); font-size: clamp(14px,2vw,16px); line-height:1.6; }
.rev__name { margin-top:.25rem; font-weight:600; opacity:.85; }

.rev__arrow {
  position:absolute; top:50%; transform:translateY(-50%);
  width:42px; height:42px; border-radius:999px;
  border:1px solid rgba(0,0,0,.12); background:#fff;
  box-shadow:0 6px 18px rgba(0,0,0,.10);
  display:grid; place-items:center; cursor:pointer; transition:transform .15s ease, background .2s ease;
  color:#111;
}
.rev__arrow:hover { transform:translateY(-50%) scale(1.04); }
.rev__arrow--prev { left: 6px; }
.rev__arrow--next { right: 6px; }

@media (max-width: 768px){
  .rev__arrow { width:36px; height:36px; }
}

/* Modo oscuro básico */
@media (prefers-color-scheme: dark){
  .rev__card{ background:#121212; box-shadow:0 8px 30px rgba(0,0,0,.4); }
  .rev__text{ color: rgba(255,255,255,.85); }
  .rev__arrow{ background:#1e1e1e; color:#fff; border-color: rgba(255,255,255,.12); }
}
/* ===== Tamaño del hero ===== */
.vh-hero { width:100%; }
.vh-media {
  position:relative; width:100%;
  height: {{ section.settings.height_desktop }}vh;
  min-height: 520px;
  background:#000;
  overflow:hidden;
}
@media (max-width: 768px){
  .vh-media { height: {{ section.settings.height_mobile }}vh; min-height: 460px; }
}

/* Video + póster */
.vh-video, .vh-poster { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.vh-poster { display:block; }
.vh-video { opacity:0; transition:opacity .35s ease; }

/* Overlay de contraste sobre el video */
.vh-overlay {
  position:absolute; inset:0; pointer-events:none;
  background: rgba(0,0,0, {{ section.settings.overlay_opacity | divided_by: 100.0 }} );
  transition: background .25s ease;
}

/* Contenido centrado */
.vh-content {
  position:absolute; inset:0;
  display:flex; align-items:center; justify-content:center;
  text-align:center; color:#fff; gap:.5rem;
  padding: clamp(16px, 4vw, 48px);
  /* Empuja el contenido debajo del header + barra cuando está arriba */
  padding-top: calc(var(--vh-header-offset, 0px) + clamp(12px, 2.5vw, 28px));
}
.vh-kicker { text-transform:uppercase; letter-spacing:.12em; opacity:.9; font-size:clamp(12px,1.6vw,14px); margin:0 0 .35rem 0; }
.vh-heading { margin:.1rem 0; font-weight:800; font-size:clamp(32px,7vw,88px); line-height:1.05; color:#fff !important; }
.vh-sub { max-width:900px; margin:.25rem auto 1rem; font-size:clamp(14px,2.2vw,19px); opacity:.95; }
.vh-btn {
  display:inline-block; padding:.9rem 1.4rem; border-radius:999px;
  background:#ffffff; color:#111; text-decoration:none; font-weight:700; letter-spacing:.02em;
  border:1px solid rgba(255,255,255,.2); transition:transform .15s ease, background .2s ease, color .2s ease, box-shadow .2s ease;
}
.vh-btn:hover { transform:translateY(-1px); box-shadow:0 6px 18px rgba(0,0,0,.18); }

/* ===== Barra de anuncio en flujo (antes del video) ===== */
.announcement-bar-section {
  position: static !important;
  z-index: auto !important;
  background:#111; color:#fff;
}

/* ===== Header superpuesto con barra arriba (solo Home) ===== */
body.vh-hero-active .shopify-section-header,
body.vh-hero-active .header-wrapper {
  position: fixed;
  top: var(--ann-h, 0px); /* header bajo la barra */
  left: 0; right: 0; z-index: 60;
  background: transparent;
  box-shadow: none;
  transition: background .25s ease, color .25s ease, box-shadow .25s ease, top .2s ease;
}
/* Tipografía blanca sobre el video */
body.vh-hero-active .shopify-section-header a,
body.vh-hero-active .header-wrapper a,
body.vh-hero-active .shopify-section-header .header__heading,
body.vh-hero-active .header-wrapper .header__heading,
body.vh-hero-active .shopify-section-header svg,
body.vh-hero-active .header-wrapper svg { color:#fff !important; fill:#fff; stroke:#fff; }

/* Hover: franja blanca + textos negros */
body.vh-hero-active .shopify-section-header:hover,
body.vh-hero-active .header-wrapper:hover { background:#fff; box-shadow:0 1px 0 rgba(0,0,0,.06); }
body.vh-hero-active .shopify-section-header:hover a,
body.vh-hero-active .header-wrapper:hover a,
body.vh-hero-active .shopify-section-header:hover .header__heading,
body.vh-hero-active .header-wrapper:hover .header__heading,
body.vh-hero-active .shopify-section-header:hover svg,
body.vh-hero-active .header-wrapper:hover svg { color:#111 !important; fill:#111; stroke:#111; }

/* Al pasar el hero: header blanco al tope */
body.vh-hero-active.header-scrolled .shopify-section-header,
body.vh-hero-active.header-scrolled .header-wrapper { background:#fff; box-shadow:0 1px 0 rgba(0,0,0,.06); }
body.vh-hero-active.header-scrolled .shopify-section-header a,
body.vh-hero-active.header-scrolled .header-wrapper a,
body.vh-hero-active.header-scrolled .shopify-section-header .header__heading,
body.vh-hero-active.header-scrolled .header-wrapper .header__heading,
body.vh-hero-active.header-scrolled .shopify-section-header svg,
body.vh-hero-active.header-scrolled .header-wrapper svg { color:#111 !important; fill:#111; stroke:#111; }

/* Padding en body cuando el header se fija para no tapar contenido */
body.vh-hero-pad { padding-top: var(--vh-header-h, 72px); }

/* ===== RESET FUERA DEL HOME: header siempre blanco y visible ===== */
body:not(.vh-hero-active) .shopify-section-header,
body:not(.vh-hero-active) .header-wrapper{
  position: sticky; /* cambia a 'relative' si tu tema no usa sticky */
  top: 0;
  background: #fff !important;
  box-shadow: 0 1px 0 rgba(0,0,0,.06);
  z-index: 60;
}
body:not(.vh-hero-active) .shopify-section-header a,
body:not(.vh-hero-active) .header-wrapper a,
body:not(.vh-hero-active) .shopify-section-header .header__heading,
body:not(.vh-hero-active) .header-wrapper .header__heading,
body:not(.vh-hero-active) .shopify-section-header svg,
body:not(.vh-hero-active) .header-wrapper svg{
  color:#111 !important; fill:#111; stroke:#111;
}
body:not(.vh-hero-active) .shopify-section-header:hover,
body:not(.vh-hero-active) .header-wrapper:hover{
  background:#fff; box-shadow:0 1px 0 rgba(0,0,0,.06);
}