/* ============================================================
   quemp-hero-v300.css — Rediseno hero + faceta home (Quempanada B2B)
   Carga despues de custom.css. Scope: body#index
   ============================================================ */

/* ---------- HERO SHELL ---------- */
body#index .q-hero{
  position:relative !important; min-height:84vh !important;
  display:flex !important; align-items:center !important;
  overflow:hidden !important; background:#1b0f08 !important;
}
body#index .q-hero video.q-hero-bg-video,
body#index .q-hero .q-hero-bg-video{
  position:absolute !important; inset:0 !important;
  width:100% !important; height:100% !important; object-fit:cover !important;
  z-index:0 !important; filter:saturate(1.1) contrast(1.05) !important;
}

/* Overlay cinematografico oscuro (reemplaza el velo crema) */
body#index .q-hero .q-hero-overlay{
  position:absolute !important; inset:0 !important; z-index:1 !important; opacity:1 !important;
  background:
    linear-gradient(90deg, rgba(18,10,5,.93) 0%, rgba(18,10,5,.66) 40%, rgba(18,10,5,.16) 100%),
    linear-gradient(0deg, rgba(18,10,5,.85) 0%, rgba(18,10,5,0) 50%) !important;
}
body#index .q-hero::before{
  content:"" !important; position:absolute !important; inset:0 !important; z-index:2 !important;
  background:radial-gradient(130% 120% at 72% 36%, rgba(18,10,5,0) 42%, rgba(18,10,5,.5) 100%) !important;
  pointer-events:none !important;
}
body#index .q-hero::after{
  content:"" !important; position:absolute !important; left:0; right:0; bottom:0; height:3px !important; z-index:6 !important;
  background:linear-gradient(90deg,#C05A10,#E8A33D 50%,#C05A10) !important; opacity:.92 !important;
}

/* ---------- CONTENIDO (editorial, izquierda) ---------- */
body#index .q-hero .q-hero-inner{
  position:relative !important; z-index:5 !important;
  width:100% !important; max-width:1200px !important; margin:0 auto !important; padding:0 48px !important;
  display:flex !important; flex-direction:column !important;
  align-items:flex-start !important; text-align:left !important; gap:24px !important;
}

/* Eyebrow / badge */
body#index .q-hero .q-hero-tag{
  display:inline-flex !important; align-items:center !important; gap:9px !important;
  background:rgba(255,255,255,.07) !important; border:1px solid rgba(232,163,61,.55) !important;
  color:#F4E8CE !important; backdrop-filter:blur(6px) !important; -webkit-backdrop-filter:blur(6px) !important;
  padding:9px 18px !important; border-radius:999px !important; margin:0 !important;
  font-family:'Inter',sans-serif !important; font-size:12px !important; font-weight:700 !important;
  letter-spacing:.16em !important; text-transform:uppercase !important;
}
body#index .q-hero .q-hero-tag i, body#index .q-hero .q-hero-tag svg{
  color:#E8A33D !important; fill:#E8A33D !important; font-size:14px !important;
}

/* Titular */
body#index .q-hero .q-hero-h1{
  font-family:'Playfair Display',serif !important; font-weight:800 !important;
  font-size:clamp(46px,7vw,106px) !important; line-height:.96 !important; letter-spacing:-.015em !important;
  color:#FAF3E2 !important; text-shadow:0 6px 34px rgba(0,0,0,.55) !important; margin:0 !important;
}
body#index .q-hero .q-hero-h1 span{
  display:inline-block !important;
  background:linear-gradient(96deg,#F3B24E 0%,#E88A2C 45%,#D2691A 100%) !important;
  -webkit-background-clip:text !important; background-clip:text !important;
  -webkit-text-fill-color:transparent !important; color:transparent !important;
  text-shadow:none !important; filter:drop-shadow(0 4px 16px rgba(0,0,0,.4)) !important;
}

/* Subtitulo */
body#index .q-hero .q-hero-p{
  font-family:'Lora',serif !important; color:rgba(248,242,229,.92) !important;
  font-size:clamp(16px,1.35vw,19px) !important; line-height:1.62 !important;
  max-width:580px !important; margin:0 !important; text-align:left !important;
  text-shadow:0 1px 14px rgba(0,0,0,.45) !important;
}

/* Botones */
body#index .q-hero .q-hero-btns{
  display:flex !important; flex-wrap:wrap !important; gap:16px !important;
  justify-content:flex-start !important; margin-top:8px !important;
}
body#index .q-hero .q-hero-btns .q-btn-primary{
  display:inline-flex !important; align-items:center !important; gap:10px !important;
  background:linear-gradient(180deg,#D2691E 0%,#B4470F 100%) !important; color:#fff !important; border:0 !important;
  padding:17px 32px !important; border-radius:999px !important;
  font-family:'Inter',sans-serif !important; font-weight:800 !important; font-size:14px !important;
  letter-spacing:.05em !important; text-transform:uppercase !important;
  box-shadow:none !important;
  transition:transform .16s ease, box-shadow .16s ease, filter .16s ease !important;
}
body#index .q-hero .q-hero-btns .q-btn-primary:hover{
  transform:translateY(-2px) !important; filter:brightness(1.06) !important;
  box-shadow:none !important;
}
body#index .q-hero .q-hero-btns .q-btn-outline{
  display:inline-flex !important; align-items:center !important; gap:10px !important;
  background:rgba(255,255,255,.06) !important; border:1.5px solid rgba(248,242,229,.55) !important;
  color:#FAF3E2 !important; backdrop-filter:blur(5px) !important; -webkit-backdrop-filter:blur(5px) !important;
  padding:16px 28px !important; border-radius:999px !important;
  font-family:'Inter',sans-serif !important; font-weight:700 !important; font-size:14px !important;
  letter-spacing:.04em !important; text-transform:uppercase !important;
  transition:background .16s ease, border-color .16s ease, transform .16s ease !important;
}
body#index .q-hero .q-hero-btns .q-btn-outline:hover{
  background:rgba(248,242,229,.16) !important; border-color:#FAF3E2 !important; transform:translateY(-2px) !important;
}

/* ---------- BARRA DE CONFIANZA ---------- */
body#index .q-strip{
  background:linear-gradient(180deg,#241611 0%,#1a0e07 100%) !important;
  border-top:1px solid rgba(232,163,61,.18) !important; padding:20px 24px !important;
}
body#index .q-strip .q-strip-item{
  color:#EAD9BE !important; font-family:'Inter',sans-serif !important;
  font-size:12.5px !important; font-weight:600 !important; letter-spacing:.07em !important; text-transform:uppercase !important;
}
body#index .q-strip .q-strip-item i, body#index .q-strip .q-strip-item svg{ color:#E8A33D !important; fill:#E8A33D !important; }

/* ---------- SECCION PRODUCTOS ---------- */
body#index .q-productos-section .q-section-title{
  font-family:'Playfair Display',serif !important; color:#2a1a10 !important; font-weight:800 !important;
}

/* ---------- RESPONSIVE ---------- */
@media (max-width:767px){
  body#index .q-hero{ min-height:76vh !important; }
  body#index .q-hero .q-hero-inner{ padding:0 22px !important; gap:18px !important; }
  body#index .q-hero .q-hero-h1{ font-size:clamp(40px,12vw,60px) !important; }
  body#index .q-hero .q-hero-p{ font-size:15px !important; max-width:100% !important; }
  body#index .q-hero .q-hero-btns{ width:100% !important; }
  body#index .q-hero .q-hero-btns .q-btn-primary,
  body#index .q-hero .q-hero-btns .q-btn-outline{ width:100% !important; justify-content:center !important; }
  body#index .q-hero .q-hero-overlay{
    background:linear-gradient(180deg, rgba(18,10,5,.5) 0%, rgba(18,10,5,.35) 40%, rgba(18,10,5,.9) 100%) !important;
  }
}

/* ============================================================
   v301: secciones home (productos, proceso, explora, ventajas, cta, footer)
   ============================================================ */

/* Titulos de seccion */
body#index .q-section-title{ font-family:'Playfair Display',serif !important; color:#2a1a10 !important; font-weight:800 !important; letter-spacing:-.01em !important; }
body#index .q-cards-section .q-section-title{ color:#FAF3E2 !important; }
body#index .q-section-subtitle{ color:#6b5842 !important; font-family:'Lora',serif !important; }

/* ---------- NUESTROS PRODUCTOS ---------- */
body#index .q-productos-section{ background:linear-gradient(180deg,#FBF4E4 0%,#F3E9D2 100%) !important; padding:74px 0 86px !important; }
body#index .q-producto-card{
  background:#fff !important; border:1px solid #ece0c8 !important; border-radius:16px !important;
  overflow:hidden !important; box-shadow:0 10px 30px rgba(60,40,20,.08) !important;
  transition:transform .22s ease, box-shadow .22s ease !important;
}
body#index .q-producto-card:hover{ transform:translateY(-6px) !important; box-shadow:0 22px 46px rgba(60,40,20,.17) !important; }
body#index .q-producto-img{ overflow:hidden !important; }
body#index .q-producto-img img{ transition:transform .4s ease !important; display:block !important; }
body#index .q-producto-card:hover .q-producto-img img{ transform:scale(1.06) !important; }
body#index .q-producto-info{ padding:18px 20px 22px !important; }
body#index .q-producto-info > *:first-child{ font-family:'Playfair Display',serif !important; color:#2a1a10 !important; font-weight:700 !important; }
body#index .q-productos-cta .q-btn-primary, body#index .q-productos-cta a{
  background:linear-gradient(180deg,#D2691E,#B4470F) !important; color:#fff !important; border:0 !important;
  border-radius:999px !important; padding:15px 30px !important; font-weight:800 !important; letter-spacing:.05em !important;
  text-transform:uppercase !important; box-shadow:0 12px 28px rgba(176,58,14,.34) !important;
  transition:transform .16s ease, box-shadow .16s ease !important;
}
body#index .q-productos-cta .q-btn-primary:hover, body#index .q-productos-cta a:hover{ transform:translateY(-2px) !important; box-shadow:0 16px 34px rgba(176,58,14,.44) !important; }

/* ---------- COMO FUNCIONA (PROCESO) ---------- */
body#index .q-proceso{ background:linear-gradient(180deg,#F3E9D2 0%,#EFE3C7 100%) !important; padding:78px 0 !important; }
body#index .q-paso-num{
  width:68px !important; height:68px !important; border-radius:50% !important;
  background:linear-gradient(145deg,#D2691E,#B4470F) !important; color:#FBEAD2 !important;
  display:flex !important; align-items:center !important; justify-content:center !important;
  font-family:'Playfair Display',serif !important; font-weight:700 !important; font-size:25px !important;
  box-shadow:0 12px 24px rgba(176,58,14,.32) !important; border:3px solid rgba(232,163,61,.6) !important;
  margin:0 auto 20px !important;
}
body#index .q-paso-title{ font-family:'Inter',sans-serif !important; color:#2a1a10 !important; font-weight:800 !important; letter-spacing:.04em !important; }
body#index .q-paso-desc{ color:#6b5842 !important; }

/* ---------- EXPLORA QUEMPANADA (dark cards) ---------- */
body#index .q-cards-section{ background:linear-gradient(180deg,#2a1a10 0%,#1f0f07 100%) !important; padding:78px 0 !important; }
body#index .q-cards-grid{ gap:22px !important; }
body#index .q-cards-section .q-card{
  background:rgba(255,255,255,.045) !important; border:1px solid rgba(232,163,61,.20) !important;
  border-radius:16px !important; padding:32px 28px !important;
  transition:transform .2s ease, background .2s ease, border-color .2s ease !important;
}
body#index .q-cards-section .q-card:hover{ transform:translateY(-6px) !important; background:rgba(255,255,255,.075) !important; border-color:rgba(232,163,61,.5) !important; }
body#index .q-cards-section .q-card-icon{
  width:60px !important; height:60px !important; border-radius:15px !important;
  background:linear-gradient(145deg,#D2691E,#B4470F) !important;
  display:flex !important; align-items:center !important; justify-content:center !important;
  box-shadow:0 8px 20px rgba(0,0,0,.3) !important; margin-bottom:20px !important;
}
body#index .q-cards-section .q-card-icon i, body#index .q-cards-section .q-card-icon svg{ color:#FBEAD2 !important; fill:#FBEAD2 !important; font-size:23px !important; }
body#index .q-cards-section .q-card-title{ font-family:'Playfair Display',serif !important; color:#FAF3E2 !important; font-weight:700 !important; }
body#index .q-cards-section .q-card-desc{ color:#C9B79C !important; }
body#index .q-cards-section .q-card-cta{ color:#E8A33D !important; font-weight:700 !important; letter-spacing:.05em !important; transition:gap .15s ease !important; }
body#index .q-cards-section .q-card-cta:hover{ color:#F3B24E !important; }

/* ---------- POR QUE ELEGIRNOS (VENTAJAS) ---------- */
body#index .q-ventajas{ background:linear-gradient(180deg,#FBF4E4 0%,#F3E9D2 100%) !important; padding:78px 0 !important; }
body#index .q-ventaja{ transition:transform .18s ease !important; }
body#index .q-ventaja:hover{ transform:translateY(-3px) !important; }
body#index .q-ventaja-icon-wrap{
  width:56px !important; height:56px !important; border-radius:15px !important;
  background:linear-gradient(145deg,#D2691E,#B4470F) !important;
  display:flex !important; align-items:center !important; justify-content:center !important;
  box-shadow:0 8px 20px rgba(176,58,14,.24) !important;
}
body#index .q-ventaja-icon-wrap i, body#index .q-ventaja-icon-wrap svg{ color:#FBEAD2 !important; fill:#FBEAD2 !important; font-size:21px !important; }
body#index .q-ventaja-title{ font-family:'Inter',sans-serif !important; color:#2a1a10 !important; font-weight:800 !important; letter-spacing:.02em !important; }
body#index .q-ventaja-desc{ color:#6b5842 !important; }

/* ---------- CTA BANNER ---------- */
body#index .q-cta-bar{
  background:
    radial-gradient(120% 170% at 12% 0%, rgba(232,163,61,.30), transparent 55%),
    linear-gradient(135deg,#C0490F 0%,#9C380B 100%) !important;
  padding:58px 0 !important; position:relative !important; overflow:hidden !important;
  border-top:1px solid rgba(255,255,255,.10) !important;
}
body#index .q-cta-bar .q-cta-bar-text, body#index .q-cta-bar h2, body#index .q-cta-bar .q-section-title, body#index .q-cta-bar p{ color:#FBEEDC !important; }
body#index .q-cta-bar h2, body#index .q-cta-bar .q-cta-bar-inner > *:first-child{ font-family:'Playfair Display',serif !important; color:#fff !important; }
body#index .q-cta-bar .q-btn-primary{
  background:#FAF3E2 !important; color:#B4470F !important; border:0 !important;
  padding:17px 34px !important; border-radius:999px !important; font-weight:800 !important;
  letter-spacing:.05em !important; text-transform:uppercase !important; font-size:14px !important;
  box-shadow:0 12px 28px rgba(0,0,0,.24) !important; transition:transform .16s ease, box-shadow .16s ease !important;
}
body#index .q-cta-bar .q-btn-primary:hover{ transform:translateY(-2px) !important; box-shadow:0 16px 36px rgba(0,0,0,.32) !important; background:#fff !important; }
body#index .q-cta-bar .q-btn-primary i, body#index .q-cta-bar .q-btn-primary svg{ color:#B4470F !important; fill:#B4470F !important; }

/* ---------- FOOTER (polish, solo home) ---------- */
body#index .footer-container{ background:linear-gradient(180deg,#2a1a10 0%,#231409 100%) !important; }
body#index .footer-container .links .title, body#index .footer-container h3.title, body#index .footer-container .h3{
  color:#E8A33D !important; letter-spacing:.12em !important; font-weight:700 !important;
}
body#index .footer-container a{ color:#C9B79C !important; transition:color .15s ease !important; }
body#index .footer-container a:hover{ color:#FAF3E2 !important; }

/* ---------- RESPONSIVE secciones ---------- */
@media (max-width:767px){
  body#index .q-productos-section, body#index .q-proceso, body#index .q-cards-section, body#index .q-ventajas{ padding:52px 0 !important; }
  body#index .q-cta-bar{ padding:44px 0 !important; }
  body#index .q-cta-bar .q-btn-primary{ width:100% !important; justify-content:center !important; margin-top:14px !important; }
  body#index .q-cards-section .q-card{ padding:26px 22px !important; }
}

/* ============================================================
   v302: retoque estetico secciones inferiores
   ============================================================ */

/* --- Proceso: conector oro elegante + ocultar el ultimo --- */
body#index .q-proceso-grid .q-paso{ position:relative !important; }
body#index .q-proceso-grid .q-paso::after{
  background:linear-gradient(90deg, rgba(192,90,16,.12), #E8A33D 50%, rgba(192,90,16,.12)) !important;
  height:2px !important; border:0 !important; border-radius:2px !important; opacity:.85 !important;
}
body#index .q-proceso-grid .q-paso:last-child::after{ display:none !important; }

/* --- Explora: profundidad + hairline superior --- */
body#index .q-cards-section{ position:relative !important; overflow:hidden !important; }
body#index .q-cards-section::after{
  content:"" !important; position:absolute !important; left:0 !important; right:0 !important; top:0 !important; height:1px !important; z-index:2 !important;
  background:linear-gradient(90deg,transparent,rgba(232,163,61,.55),transparent) !important;
}
body#index .q-cards-section .q-container{ position:relative !important; z-index:1 !important; }
body#index .q-cards-section .q-container::before{
  content:"" !important; position:absolute !important; top:-40px !important; left:50% !important; transform:translateX(-50%) !important;
  width:78% !important; height:240px !important; z-index:-1 !important; pointer-events:none !important;
  background:radial-gradient(60% 100% at 50% 0%, rgba(232,163,61,.13), transparent 72%) !important;
}
body#index .q-cards-section .q-card{ position:relative !important; overflow:hidden !important; }
body#index .q-cards-section .q-card::before{
  content:"" !important; position:absolute !important; top:0 !important; left:0 !important; right:0 !important; height:3px !important;
  background:linear-gradient(90deg,#C05A10,#E8A33D) !important; opacity:0 !important; transition:opacity .2s ease !important;
}
body#index .q-cards-section .q-card:hover::before{ opacity:1 !important; }

/* --- Por Que Elegirnos: tarjetas sutiles con hover --- */
body#index .q-ventajas-grid{ gap:22px !important; }
body#index .q-ventajas .q-ventaja{
  background:#ffffff !important; border:1px solid #ece0c8 !important; border-radius:14px !important;
  padding:26px 24px !important; box-shadow:0 6px 20px rgba(60,40,20,.06) !important; align-items:flex-start !important;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;
}
body#index .q-ventajas .q-ventaja:hover{
  transform:translateY(-4px) !important; box-shadow:0 16px 34px rgba(60,40,20,.13) !important; border-color:#e3d0a4 !important;
}

/* --- Footer: acento dorado superior + iconos de contacto oro --- */
body#index .footer-container{
  border-top:3px solid #C05A10 !important;
  border-image:linear-gradient(90deg,#C05A10,#E8A33D 50%,#C05A10) 1 !important;
}
body#index .footer-container .block-contact i, body#index .footer-container li i,
body#index .footer-container .material-icons, body#index .footer-container [class*=icon] i{
  color:#E8A33D !important;
}

/* responsive: en movil sin conector proceso */
@media (max-width:767px){
  body#index .q-proceso-grid .q-paso::after{ display:none !important; }
  body#index .q-ventajas .q-ventaja{ padding:22px 20px !important; }
}

/* ============================================================
   v303: story editorial (food website) — secciones foto+texto
   ============================================================ */
body#index .q-story{ background:#FBF4E4 !important; overflow:hidden !important; }
body#index .q-story.q-story--alt{ background:#F3E9D2 !important; }
body#index .q-story .q-story-inner{
  max-width:1240px !important; margin:0 auto !important; display:grid !important;
  grid-template-columns:1fr 1fr !important; align-items:stretch !important; min-height:540px !important;
}
body#index .q-story .q-story-media{ position:relative !important; min-height:380px !important; overflow:hidden !important; }
body#index .q-story .q-story-media img{ position:absolute !important; inset:0 !important; width:100% !important; height:100% !important; object-fit:cover !important; }
body#index .q-story .q-story-media::after{ content:"" !important; position:absolute !important; inset:0 !important; box-shadow:inset 0 0 90px rgba(30,18,8,.28) !important; pointer-events:none !important; }
body#index .q-story .q-story-text{ padding:72px 60px !important; display:flex !important; flex-direction:column !important; justify-content:center !important; gap:18px !important; }
body#index .q-story.q-story--right .q-story-media{ order:2 !important; }
body#index .q-story .q-story-eyebrow{ color:#C05A10 !important; font-family:'Inter',sans-serif !important; font-weight:700 !important; letter-spacing:.22em !important; font-size:12px !important; text-transform:uppercase !important; }
body#index .q-story .q-story-title{ font-family:'Playfair Display',serif !important; color:#2a1a10 !important; font-weight:800 !important; font-size:clamp(30px,3.1vw,46px) !important; line-height:1.08 !important; margin:0 !important; }
body#index .q-story .q-story-title em{ font-style:italic !important; color:#C05A10 !important; }
body#index .q-story .q-story-p{ font-family:'Lora',serif !important; color:#6b5842 !important; font-size:17px !important; line-height:1.7 !important; margin:0 !important; max-width:520px !important; }
body#index .q-story .q-story-points{ list-style:none !important; padding:0 !important; margin:6px 0 0 !important; display:flex !important; flex-direction:column !important; gap:11px !important; }
body#index .q-story .q-story-points li{ display:flex !important; align-items:center !important; gap:11px !important; color:#3a2a1a !important; font-family:'Inter',sans-serif !important; font-weight:600 !important; font-size:14px !important; }
body#index .q-story .q-story-points li::before{ content:"" !important; width:22px !important; height:22px !important; border-radius:50% !important; background:linear-gradient(145deg,#E8A33D,#C05A10) !important; flex:0 0 22px !important; box-shadow:0 2px 7px rgba(176,58,14,.32) !important; }
@media (max-width:860px){
  body#index .q-story .q-story-inner{ grid-template-columns:1fr !important; min-height:0 !important; }
  body#index .q-story.q-story--right .q-story-media{ order:0 !important; }
  body#index .q-story .q-story-media{ min-height:260px !important; }
  body#index .q-story .q-story-text{ padding:40px 24px !important; }
}

/* ============================================================
   v304: stories dentro de "Nuestra Carta"
   ============================================================ */
body#index .q-productos-section .q-story{ width:100% !important; }
body#index .q-productos-section .q-story:first-of-type{ margin-top:46px !important; }
body#index .q-productos-section .q-carta-grid-wrap{ margin-top:60px !important; }

/* ============================================================
   v306: adaptar secciones inferiores a estilo comida + quitar Explora
   ============================================================ */
/* Quitar "Explora Quempanada" (redundante con el menu) */
body#index .q-cards-section{ display:none !important; }

/* Como Funciona + Por Que: gradiente calido continuo entre ambas */
body#index .q-proceso{ background:linear-gradient(180deg,#FBF4E4 0%,#F2E7CF 100%) !important; }
body#index .q-ventajas{ background:linear-gradient(180deg,#F2E7CF 0%,#FBF4E4 100%) !important; position:relative !important; }
body#index .q-ventajas::before{ content:"" !important; position:absolute !important; top:0 !important; left:50% !important; transform:translateX(-50%) !important; width:64px !important; height:3px !important; background:linear-gradient(90deg,#C05A10,#E8A33D) !important; border-radius:3px !important; }

/* Por Que Elegirnos: tarjetas ivory calidas + iconos circulares (menos corporativo) */
body#index .q-ventajas .q-ventaja{ background:#FFFBF1 !important; border:1px solid #EADFC6 !important; border-radius:18px !important; box-shadow:0 6px 20px rgba(90,60,30,.07) !important; }
body#index .q-ventajas .q-ventaja:hover{ border-color:#E3CFA2 !important; box-shadow:0 16px 34px rgba(90,60,30,.13) !important; }
body#index .q-ventajas .q-ventaja-icon-wrap{ border-radius:50% !important; width:58px !important; height:58px !important; }

/* ============================================================
   v307: foto en banner CTA + cierre limpio del footer
   ============================================================ */
/* --- Foto en el banner "Eres hostelero" --- */
body#index .q-cta-bar{ padding:0 !important; }
body#index .q-cta-bar .q-container{ max-width:none !important; padding:0 !important; margin:0 !important; }
body#index .q-cta-bar .q-cta-inner-grid{ display:grid !important; grid-template-columns:1.2fr 0.8fr !important; align-items:stretch !important; min-height:340px !important; max-width:1240px !important; margin:0 auto !important; }
body#index .q-cta-bar .q-cta-bar-inner{ padding:54px 48px !important; display:flex !important; flex-direction:column !important; align-items:flex-start !important; justify-content:center !important; gap:18px !important; }
body#index .q-cta-bar .q-cta-photo{ position:relative !important; overflow:hidden !important; border-radius:20px !important; margin:30px 30px 30px 10px !important; min-height:280px !important; box-shadow:0 18px 44px rgba(0,0,0,.30) !important; }
body#index .q-cta-bar .q-cta-photo img{ position:absolute !important; inset:0 !important; width:100% !important; height:100% !important; object-fit:cover !important; }
body#index .q-cta-bar .q-cta-photo::after{ content:"" !important; position:absolute !important; inset:0 !important; box-shadow:inset 0 0 55px rgba(120,45,10,.30) !important; border-radius:20px !important; }

/* --- Cierre limpio: ocultar franja newsletter vacia del footer --- */
body#index footer.js-footer > .container:first-child{ display:none !important; }

@media (max-width:860px){
  body#index .q-cta-bar .q-cta-inner-grid{ grid-template-columns:1fr !important; }
  body#index .q-cta-bar .q-cta-bar-inner{ padding:36px 24px 18px !important; }
  body#index .q-cta-bar .q-cta-photo{ min-height:200px !important; margin:0 20px 26px !important; }
}

/* ============================================================
   v308: simplificar a negocio familiar (fuera degradados / iconos IA / oro)
   ============================================================ */

/* --- Fondos planos (sin degradados) --- */
body#index .q-productos-section, body#index .q-proceso, body#index .q-ventajas, body#index .q-story{ background:#F7EFDD !important; }
body#index .q-story.q-story--alt{ background:#F1E7CF !important; }

/* --- Fuera hairlines / brillos / divisores dorados --- */
body#index .q-ventajas::before{ display:none !important; }
body#index .q-cards-section::after, body#index .q-cards-section .q-container::before{ display:none !important; }
body#index .q-hero::after{ display:none !important; }

/* --- HERO: acento plano terracota (sin degradado ni glow) --- */
body#index .q-hero-h1 span{ background:none !important; -webkit-background-clip:border-box !important; background-clip:border-box !important; -webkit-text-fill-color:#B5551F !important; color:#B5551F !important; filter:none !important; text-shadow:none !important; }
body#index .q-hero-h1{ text-shadow:0 2px 10px rgba(0,0,0,.45) !important; }
body#index .q-hero-tag{ background:rgba(20,12,6,.45) !important; border:1px solid rgba(247,239,221,.4) !important; backdrop-filter:none !important; -webkit-backdrop-filter:none !important; }
body#index .q-hero-tag i, body#index .q-hero-tag svg{ color:#F7EFDD !important; fill:#F7EFDD !important; }

/* --- Botones planos (sin degradado ni sombra) --- */
body#index .q-hero-btns .q-btn-primary, body#index .q-productos-cta .q-btn-primary, body#index .q-productos-cta a{ background:#B5551F !important; box-shadow:none !important; border:0 !important; }
body#index .q-hero-btns .q-btn-primary:hover, body#index .q-productos-cta a:hover{ background:#9C480F !important; filter:none !important; box-shadow:none !important; transform:none !important; }
body#index .q-hero-btns .q-btn-outline{ background:transparent !important; backdrop-filter:none !important; -webkit-backdrop-filter:none !important; }
body#index .q-hero-btns .q-btn-outline:hover{ background:rgba(247,239,221,.12) !important; transform:none !important; }

/* --- STRIP: sin iconos, texto plano --- */
body#index .q-strip{ background:#3A2A1A !important; border-top:0 !important; }
body#index .q-strip .q-strip-item i, body#index .q-strip .q-strip-item svg{ display:none !important; }
body#index .q-strip .q-strip-item{ color:#EADFC6 !important; }

/* --- STORY: sin viñeta degradada, marcadores planos --- */
body#index .q-story .q-story-media::after{ display:none !important; }
body#index .q-story .q-story-eyebrow{ color:#B5551F !important; }
body#index .q-story .q-story-title em{ color:#B5551F !important; }
body#index .q-story .q-story-points li::before{ background:#B5551F !important; box-shadow:none !important; width:8px !important; height:8px !important; border-radius:0 !important; }

/* --- PRODUCTOS: cards planas --- */
body#index .q-producto-card{ box-shadow:none !important; border:1px solid #e5dcc6 !important; border-radius:6px !important; }
body#index .q-producto-card:hover{ box-shadow:none !important; transform:none !important; border-color:#d8c9ad !important; }
body#index .q-producto-card:hover .q-producto-img img{ transform:none !important; }

/* --- PROCESO: circulos planos, sin oro --- */
body#index .q-paso-num{ background:#B5551F !important; border:0 !important; box-shadow:none !important; color:#fff !important; }
body#index .q-proceso-grid .q-paso::after{ background:#d8c9ad !important; opacity:1 !important; }

/* --- POR QUE: sin iconos, cards planas --- */
body#index .q-ventajas .q-ventaja-icon-wrap{ display:none !important; }
body#index .q-ventajas .q-ventaja{ background:#ffffff !important; box-shadow:none !important; border:1px solid #e5dcc6 !important; border-radius:6px !important; }
body#index .q-ventajas .q-ventaja:hover{ box-shadow:none !important; transform:none !important; border-color:#d8c9ad !important; }

/* --- CTA: fondo plano terracota --- */
body#index .q-cta-bar{ background:#B5551F !important; }
body#index .q-cta-bar .q-btn-primary{ box-shadow:none !important; }
body#index .q-cta-bar .q-btn-primary:hover{ transform:none !important; box-shadow:none !important; }
body#index .q-cta-bar .q-cta-photo{ box-shadow:none !important; border-radius:6px !important; }
body#index .q-cta-bar .q-cta-photo::after{ display:none !important; }

/* --- FOOTER: sin oro --- */
body#index .footer-container{ border-top:0 !important; border-image:none !important; }
body#index .footer-container .links .title, body#index .footer-container .h3, body#index .footer-container h3.title{ color:#D8C9AD !important; }
body#index .footer-container i, body#index .footer-container .material-icons{ color:#B09A7A !important; }

/* ============================================================
   v309: botones rectos (menos "app", mas negocio tradicional)
   ============================================================ */
body#index .q-hero-btns .q-btn-primary,
body#index .q-hero-btns .q-btn-outline,
body#index .q-productos-cta .q-btn-primary,
body#index .q-productos-cta a,
body#index .q-cta-bar .q-btn-primary{ border-radius:4px !important; }
body#index .q-hero-tag{ border-radius:4px !important; }

/* ============================================================
   v310: footer identico en TODA la web (esquema plano del home)
   Reglas GLOBALES (sin body#index) => aplican en todas las paginas
   ============================================================ */
/* ocultar franja newsletter vacia en todas las paginas */
footer.js-footer > .container:first-child{ display:none !important; }

/* fondo + borde plano */
.footer-container{ background:#3A2A1A !important; border-top:0 !important; border-image:none !important; }
body#index .footer-container{ background:#3A2A1A !important; }

/* titulos apagados */
.footer-container .links .title, .footer-container .h3, .footer-container h3.title, .footer-container p.h3{ color:#D8C9AD !important; letter-spacing:.12em !important; font-weight:700 !important; }

/* enlaces */
.footer-container a{ color:#C9B79C !important; transition:color .15s ease !important; }
.footer-container a:hover{ color:#FAF3E2 !important; }

/* iconos de contacto apagados */
.footer-container i, .footer-container .material-icons, .footer-container [class*=icon] i{ color:#B09A7A !important; }

/* ============================================================
   v311: footer identico en TODA la web (alta especificidad para ganar
   a body:not(#index) .footer-container que era 1,1,1)
   ============================================================ */
html body #footer > .container:not(.footer-container){ display:none !important; }
html body #footer .footer-container{ background:#3A2A1A !important; border-top:0 !important; border-image:none !important; }
html body #footer .footer-container .links .title,
html body #footer .footer-container .h3,
html body #footer .footer-container h3.title,
html body #footer .footer-container p.h3{ color:#D8C9AD !important; letter-spacing:.12em !important; font-weight:700 !important; }
html body #footer .footer-container a{ color:#C9B79C !important; transition:color .15s ease !important; }
html body #footer .footer-container a:hover{ color:#FAF3E2 !important; }
html body #footer .footer-container i, html body #footer .footer-container .material-icons, html body #footer .footer-container [class*=icon] i{ color:#B09A7A !important; }

/* ============================================================
   v312: footer especificidad extra (:not(#qq) x2 => +2 ids) para ganar
   a body#category/#product/#cart ... #footer .footer-container (2,2,1)
   ============================================================ */
#footer .footer-container:not(#qq):not(#qq2){ background:#3A2A1A !important; border-top:0 !important; border-image:none !important; }
#footer .footer-container:not(#qq):not(#qq2) .links .title,
#footer .footer-container:not(#qq):not(#qq2) .h3,
#footer .footer-container:not(#qq):not(#qq2) h3.title,
#footer .footer-container:not(#qq):not(#qq2) p.h3{ color:#D8C9AD !important; letter-spacing:.12em !important; font-weight:700 !important; }
#footer .footer-container:not(#qq):not(#qq2) a{ color:#C9B79C !important; transition:color .15s ease !important; }
#footer .footer-container:not(#qq):not(#qq2) a:hover{ color:#FAF3E2 !important; }
#footer .footer-container:not(#qq):not(#qq2) i,
#footer .footer-container:not(#qq):not(#qq2) .material-icons,
#footer .footer-container:not(#qq):not(#qq2) [class*=icon] i{ color:#B09A7A !important; }
#footer:not(#qq):not(#qq2) > .container:not(.footer-container){ display:none !important; }

/* ============================================================
   v313: quitar flecha "volver atras" del catalogo (categoria)
   ============================================================ */
body#category a.q-back-real, html body#category .container:not(#nx)::before{ display:none !important; content:none !important; }

/* ============================================================
   v314: clon EXACTO del footer del catalogo en toda la web
   Referencia medida en /es/3-quempanada:
   - .footer-container: margin-top 80px, padding 0, bg #3A2A1A, border-top 1px #5A4632
   - inner .container: padding 0
   - titulos columna p.h3: Inter italic 12.8px, ls .12em, uppercase, #D8C9AD
   - h4 contacto (Informacion de la tienda): #C9924C Playfair italic 18px (ya global)
   ============================================================ */
#footer .footer-container:not(#qq):not(#qq2){ margin-top:28px !important; padding-top:0 !important; padding-bottom:0 !important; }
#footer .footer-container:not(#qq):not(#qq2) > .container{ padding-top:0 !important; padding-bottom:0 !important; }
#footer .footer-container:not(#qq):not(#qq2) .links p.h3,
#footer .footer-container:not(#qq):not(#qq2) .links .title{
  font-family:'Inter', Montserrat, system-ui, sans-serif !important;
  font-size:12.8px !important; font-style:italic !important;
  letter-spacing:.12em !important; text-transform:uppercase !important;
  color:#D8C9AD !important;
}

/* ============================================================
   v315: padding de #footer igual al catalogo en toda la web (24px/16px)
   ============================================================ */
#footer:not(#qq):not(#qq2){ padding-top:24px !important; padding-bottom:16px !important; }

/* v316: fondo #footer uniforme (la banda sobre las columnas) */
#footer:not(#qq):not(#qq2){ background:#3A2A1A !important; }

/* v320: quitar la linea terracota del #footer (solo salia en la home). Como el catalogo: borde 0 en #footer, la linea marron la da .footer-container */
#footer:not(#qq):not(#qq2){ border-top:0 !important; border-image:none !important; }

/* v321: barra copyright (#footer::after) del mismo marron #3A2A1A que el cuerpo, en toda la web */
#footer:not(#qq):not(#qq2)::after{ background:#3A2A1A !important; background-image:none !important; border:0 !important; box-shadow:none !important; }
#footer:not(#qq):not(#qq2) .footer-container > .container > .row:last-child{ background:transparent !important; }

/* v322: los .container/.row internos del footer transparentes (en catalogo tenian #3E2418 rojizo) -> heredan el #3A2A1A */
#footer:not(#qq):not(#qq2) .footer-container .container,
#footer:not(#qq):not(#qq2) .footer-container .row,
#footer:not(#qq):not(#qq2) .footer-container .col-md-6,
#footer:not(#qq):not(#qq2) .footer-container .wrapper{ background:transparent !important; background-color:transparent !important; background-image:none !important; }

/* ============================================================
   v323: CMS plano (Como Funciona / Zonas de reparto) — sin degradados/glows/iconos IA
   ============================================================ */
/* fondos planos */
body#cms .q-page-hero{ background:#F7EFDD !important; }
body#cms .q-page-hero::before{ display:none !important; }
body#cms .q-block--white{ background:#ffffff !important; }
body#cms .q-block--cream{ background:#F7EFDD !important; }
body#cms .q-block{ box-shadow:none !important; }

/* eyebrow/badge del hero plano */
body#cms .q-page-hero-tag{ background:transparent !important; border:1px solid #d8c9ad !important; color:#B5551F !important; box-shadow:none !important; backdrop-filter:none !important; -webkit-backdrop-filter:none !important; font-weight:700 !important; letter-spacing:.16em !important; border-radius:4px !important; }
body#cms .q-page-hero-tag i, body#cms .q-page-hero-tag svg{ color:#B5551F !important; fill:#B5551F !important; }

/* titular: acento plano terracota */
body#cms .q-page-hero-h1{ text-shadow:none !important; color:#2a1a10 !important; }
body#cms .q-page-hero-h1 span{ background:none !important; -webkit-background-clip:border-box !important; background-clip:border-box !important; -webkit-text-fill-color:#B5551F !important; color:#B5551F !important; filter:none !important; text-shadow:none !important; }
body#cms .q-page-hero-sub{ color:#6b5a45 !important; }

/* numeros de pasos: plano */
body#cms .q-paso-num{ background:transparent !important; color:#B5551F !important; -webkit-text-fill-color:#B5551F !important; border:0 !important; box-shadow:none !important; filter:none !important; text-shadow:none !important; }
body#cms .q-paso:not(:last-child)::after{ background:#d8c9ad !important; }
body#cms .q-paso-title{ color:#2a1a10 !important; }
body#cms .q-paso-desc{ color:#6b5a45 !important; }

/* flechas cuadradas entre pasos (terracota) -> fuera */
body#cms .q-proceso-grid a[class*=arrow], body#cms .q-proceso [class*=arrow], body#cms .q-proceso-grid > a{ display:none !important; }

/* badges de zona / tabla planos */
body#cms .q-zone__tag, body#cms .q-badge{ background:#B5551F !important; color:#fff !important; box-shadow:none !important; background-image:none !important; border-radius:4px !important; }
body#cms .q-zone__tag i, body#cms .q-zone__tag svg{ color:#fff !important; fill:#fff !important; }

/* cards planas */
body#cms .q-zone, body#cms .q-icard{ background:#ffffff !important; border:1px solid #e5dcc6 !important; border-radius:6px !important; box-shadow:none !important; }
body#cms .q-zone--primary{ border-color:#e0cfa2 !important; }
body#cms .q-zone:hover, body#cms .q-icard:hover{ box-shadow:none !important; transform:none !important; border-color:#d8c9ad !important; }
body#cms .q-zone__title, body#cms .q-icard__title{ color:#2a1a10 !important; }
body#cms .q-zone__sub, body#cms .q-icard__text{ color:#6b5a45 !important; }

/* listas: check plano terracota, sin chevron doble */
body#cms .q-zone__list li i, body#cms .q-block li i.fa-check, body#cms .q-block li .fa-check{ color:#B5551F !important; }
body#cms .q-zone__list li::before{ display:none !important; }

/* icard icon: plano sin degradado */
body#cms .q-icard__icon{ background:transparent !important; color:#B5551F !important; box-shadow:none !important; background-image:none !important; border:0 !important; }
body#cms .q-icard__icon i, body#cms .q-icard__icon svg{ color:#B5551F !important; fill:#B5551F !important; }

/* bloque oscuro / cadena de frio: marron plano */
body#cms .q-block--dark, body#cms .q-cold-block{ background:#3A2A1A !important; background-image:none !important; box-shadow:none !important; }
body#cms .q-cold-temp{ color:#E8A33D !important; }

/* tabla limpia */
body#cms .q-table th{ background:#3A2A1A !important; color:#F7EFDD !important; }
body#cms .q-table td, body#cms .q-table th{ border-color:#e5dcc6 !important; }

/* CTA plano */
body#cms .q-cta-bar{ background:#B5551F !important; background-image:none !important; }
body#cms .q-cta-bar .q-cta-bar-text, body#cms .q-cta-bar h2, body#cms .q-cta-bar p{ color:#FBEEDC !important; }
body#cms .q-cta-bar .q-btn-primary{ background:#FAF3E2 !important; color:#B5551F !important; box-shadow:none !important; background-image:none !important; border:0 !important; border-radius:4px !important; }

/* botones generales cms planos */
body#cms .q-btn-primary{ background:#B5551F !important; background-image:none !important; box-shadow:none !important; border:0 !important; border-radius:4px !important; }
body#cms .q-block-head__title{ color:#2a1a10 !important; }
body#cms .q-block-head__sub{ color:#6b5a45 !important; }

/* ============================================================
   v324: CMS Como Funciona — clases step-big / faq / info-box planas
   ============================================================ */
body#cms .q-step-big__arrow{ display:none !important; }
body#cms .q-steps-grid .q-step-big{ background:#ffffff !important; border:1px solid #e5dcc6 !important; border-radius:6px !important; box-shadow:none !important; }
body#cms .q-step-big:hover{ box-shadow:none !important; transform:none !important; border-color:#d8c9ad !important; }
body#cms .q-step-big__num{ background:transparent !important; color:#B5551F !important; -webkit-text-fill-color:#B5551F !important; filter:none !important; text-shadow:none !important; opacity:1 !important; background-image:none !important; }
body#cms .q-step-big__title{ color:#2a1a10 !important; }
body#cms .q-step-big__desc{ color:#6b5a45 !important; }
body#cms .q-info-box{ background:#ffffff !important; border:1px solid #e5dcc6 !important; border-radius:6px !important; box-shadow:none !important; }
body#cms .q-faq{ background:#ffffff !important; border:1px solid #e5dcc6 !important; border-radius:6px !important; box-shadow:none !important; }
body#cms .q-faq__q{ color:#2a1a10 !important; }
body#cms .q-faq__a{ color:#6b5a45 !important; }
/* barra/acento de titulos de bloque -> terracota plano */
body#cms .q-block-head__title, body#cms .q-block-head__title i, body#cms .q-block-head__title svg{ color:#2a1a10 !important; }
body#cms .q-block-head__title i, body#cms .q-block-head__title svg{ color:#B5551F !important; fill:#B5551F !important; }

/* ============================================================
   v325: pagina Contacto plana + hero + info limpia; cold-temp crema
   ============================================================ */
body#cms .q-cold-temp{ color:#EAD9BE !important; }

/* HERO contacto (inyectado) */
body#contact .q-page-hero{ background:#F7EFDD !important; padding:46px 0 38px !important; text-align:center !important; }
body#contact .q-page-hero-inner{ max-width:760px !important; margin:0 auto !important; padding:0 24px !important; }
body#contact .q-page-hero-tag{ display:inline-block !important; border:1px solid #d8c9ad !important; color:#B5551F !important; background:transparent !important; padding:6px 16px !important; border-radius:4px !important; font-family:'Inter',sans-serif !important; font-size:12px !important; font-weight:700 !important; letter-spacing:.16em !important; text-transform:uppercase !important; margin-bottom:18px !important; }
body#contact .q-page-hero-h1{ font-family:'Playfair Display',serif !important; font-weight:800 !important; font-size:clamp(34px,4.5vw,52px) !important; color:#2a1a10 !important; line-height:1.05 !important; margin:0 0 14px !important; }
body#contact .q-page-hero-h1 span{ color:#B5551F !important; }
body#contact .q-page-hero-sub{ font-family:'Lora',serif !important; color:#6b5a45 !important; font-size:17px !important; line-height:1.6 !important; margin:0 !important; }

/* Bloque info: card plana horizontal centrada */
body#contact .contact-rich{ float:none !important; width:100% !important; max-width:1000px !important; margin:0 auto 26px !important; background:#ffffff !important; border:1px solid #e5dcc6 !important; border-radius:8px !important; box-shadow:none !important; padding:26px 30px !important; }
body#contact .contact-rich .quemp-contact-title{ color:#B5551F !important; font-family:'Playfair Display',serif !important; font-style:italic !important; font-weight:700 !important; font-size:18px !important; margin:0 0 16px !important; text-align:center !important; }
body#contact .quemp-store-info--row{ list-style:none !important; margin:0 !important; padding:0 !important; display:flex !important; flex-wrap:wrap !important; justify-content:center !important; align-items:center !important; gap:14px 40px !important; }
body#contact .quemp-store-info--row li{ display:flex !important; align-items:center !important; gap:10px !important; color:#3a2a1a !important; font-family:'Lora',serif !important; font-size:15px !important; margin:0 !important; }
body#contact .quemp-store-info--row li i{ color:#B5551F !important; font-size:20px !important; }
body#contact .quemp-store-info--row a{ color:#3a2a1a !important; text-decoration:none !important; }
body#contact .quemp-store-info--row a:hover{ color:#B5551F !important; }

/* Formulario plano */
body#contact .contact-form{ background:transparent !important; }
body#contact .contact-form .form-fields, body#contact .contact-form form{ max-width:1000px !important; margin:0 auto !important; }
body#contact .contact-form .card, body#contact .contact-form section, body#contact .contact-form > section{ background:#ffffff !important; border:1px solid #e5dcc6 !important; border-radius:8px !important; box-shadow:none !important; }
body#contact .contact-form label, body#contact .contact-form .form-control-label{ color:#3a2a1a !important; font-weight:700 !important; }
body#contact .contact-form input, body#contact .contact-form select, body#contact .contact-form textarea, body#contact .contact-form .input-group{ border-radius:4px !important; box-shadow:none !important; }
body#contact .contact-form input, body#contact .contact-form select, body#contact .contact-form textarea{ border:1px solid #d8c9ad !important; background:#fff !important; }
body#contact .contact-form .btn-primary, body#contact .contact-form button[type=submit]{ background:#B5551F !important; border:0 !important; border-radius:4px !important; box-shadow:none !important; background-image:none !important; }
body#contact .contact-form .btn-primary:hover{ background:#9C480F !important; }

/* v326: contacto a 1 columna ancho completo */
body#contact #left-column{ display:none !important; }
body#contact #content-wrapper.left-column, body#contact #content-wrapper{ -webkit-flex:0 0 100% !important; flex:0 0 100% !important; max-width:100% !important; width:100% !important; }
body#contact #content.page-content.card, body#contact #content.page-content{ background:transparent !important; border:0 !important; box-shadow:none !important; padding:0 !important; }
body#contact .q-page-hero-h1::before{ display:none !important; }
body#contact .q-page-hero{ margin-bottom:8px !important; }
body#contact .contact-rich{ margin-left:auto !important; margin-right:auto !important; }

/* v327: quitar la barra terracota (border-left) del titulo del hero de contacto + del CMS por si acaso */
body#contact .q-page-hero-h1, body#cms .q-page-hero-h1{ border-left:0 !important; padding-left:0 !important; }
/* titulo del formulario mas limpio */
body#contact .contact-form h1, body#contact .contact-form h2, body#contact .contact-form .h1{ border-left:0 !important; padding-left:0 !important; font-family:'Playfair Display',serif !important; color:#2a1a10 !important; }

/* v329: copyright server-side + footer links limpios + 404 + area cliente */
#footer:not(#qq):not(#qq2) .q-copy{ display:block; text-align:center; color:#D8C9AD; font-size:.82rem; padding:16px 0 20px; }
#footer :is(p,div):has(> .q-copy){ display:block !important; visibility:visible !important; margin:0; }
#footer:not(#qq):not(#qq2) .links li{ border:0 !important; }
#footer:not(#qq):not(#qq2) .links li a::before{ content:none !important; }
#footer:not(#qq):not(#qq2) .links ul, #footer:not(#qq):not(#qq2) .links .wrapper{ border:0 !important; }
body#pagenotfound #search_widget, body#pagenotfound #products, body#pagenotfound .page-not-found h4{ display:none !important; }
body#pagenotfound h1{ border-left:0 !important; padding-left:0 !important; font-size:2.2rem !important; text-transform:none !important; }
body#pagenotfound .q-404-back{ display:inline-block; margin:10px 0 50px; background:#B5551F; color:#fff !important; padding:12px 24px; border-radius:6px; font-weight:600; letter-spacing:.04em; text-decoration:none; text-transform:uppercase; font-size:.85rem; }
body#pagenotfound .q-404-back:hover{ background:#9d4415; }
body#my-account h1, body#history h1, body#identity h1, body#addresses h1{ border-left:0 !important; padding-left:0 !important; }
body#my-account .link-item{ background:#fff !important; border:1px solid #EAD9BE !important; border-radius:8px !important; box-shadow:none !important; color:#2a1a10 !important; }
body#my-account .link-item i.material-icons{ color:#B5551F !important; }
body#history .table thead th{ background:#FAF3E2 !important; color:#2a1a10 !important; border-bottom:2px solid #EAD9BE !important; }
body#history span.label, body#history .label{ background:#B5551F !important; border-radius:4px !important; }
/* v330: tipografia paginas legales */
body#cms .q-legal{ max-width:860px; margin:0 auto; padding:8px 20px 50px; }
body#cms .q-legal h2{ font-family:'Playfair Display',serif; font-size:1.4rem; color:#2a1a10; margin:2.2rem 0 .8rem; border-left:0 !important; padding-left:0 !important; }
body#cms .q-legal p, body#cms .q-legal li{ color:#4a3527; line-height:1.75; font-size:.98rem; }
body#cms .q-legal ul{ padding-left:1.2rem; }
body#cms .q-legal a.q-404-back{ display:inline-block; margin-top:6px; background:#B5551F; color:#fff !important; padding:12px 24px; border-radius:6px; font-weight:600; letter-spacing:.04em; text-decoration:none; text-transform:uppercase; font-size:.85rem; }
/* v331: legales todo en un solo crema */
body#cms.cms-id-2 .q-page-hero, body#cms.cms-id-3 .q-page-hero, body#cms.cms-id-4 .q-page-hero, body#cms.cms-id-5 .q-page-hero{ background:#FAF3E2 !important; }
body#cms.cms-id-2 .q-block--white, body#cms.cms-id-3 .q-block--white, body#cms.cms-id-4 .q-block--white, body#cms.cms-id-5 .q-block--white{ background:#FAF3E2 !important; box-shadow:none !important; border:0 !important; }
/* v332: header crema completo en las 4 legales (fuera fondo negro + linea terracota) */
body#cms.cms-id-2 #header, body#cms.cms-id-3 #header, body#cms.cms-id-4 #header, body#cms.cms-id-5 #header,
body#cms.cms-id-2 #header .header-top, body#cms.cms-id-3 #header .header-top, body#cms.cms-id-4 #header .header-top, body#cms.cms-id-5 #header .header-top,
body#cms.cms-id-2 #header .header-nav, body#cms.cms-id-3 #header .header-nav, body#cms.cms-id-4 #header .header-nav, body#cms.cms-id-5 #header .header-nav{ background:#F5EAD4 !important; border-bottom:0 !important; border-top:0 !important; box-shadow:none !important; }
/* v333: header crema en cms 7/8 + contacto; contacto todo crema + foto equipo */
body#cms.cms-id-7 #header, body#cms.cms-id-8 #header, body#contact #header,
body#cms.cms-id-7 #header .header-top, body#cms.cms-id-8 #header .header-top, body#contact #header .header-top,
body#cms.cms-id-7 #header .header-nav, body#cms.cms-id-8 #header .header-nav, body#contact #header .header-nav{ background:#F5EAD4 !important; border-bottom:0 !important; border-top:0 !important; box-shadow:none !important; }
body#contact .q-page-hero{ background:#FAF3E2 !important; }
body#contact .contact-rich{ background:transparent !important; border:0 !important; box-shadow:none !important; }
body#contact .form-fields, body#contact .contact-form, body#contact #content, body#contact #content-wrapper, body#contact #main, body#contact section.form-fields, body#contact .card, body#contact form{ background:transparent !important; border:0 !important; box-shadow:none !important; }
body#contact input.form-control, body#contact textarea.form-control, body#contact select.form-control, body#contact .custom-file, body#contact .custom-file-label{ background:#FBF6E8 !important; border:1px solid #E0CCA6 !important; }
body#contact .q-team-wrap{ max-width:1110px; margin:6px auto 28px; padding:0 15px; }
body#contact .q-team-photo{ width:100%; height:440px; object-fit:cover; border-radius:10px; display:block; }
body#contact .q-team-caption{ text-align:center; color:#8a6d52; font-size:.85rem; margin-top:10px; font-style:italic; }
/* v334: quitar degradado residual del hero de contacto */
body#contact .q-page-hero::before, body#contact .q-page-hero::after{ content:none !important; background:none !important; }
/* v335: unificacion estetica con el catalogo (rojo #C05A10) */
.q-btn-primary:not(#x){ background:#C05A10 !important; border-color:#C05A10 !important; color:#fff !important; }
.q-btn-primary:not(#x):hover{ background:#a34a0d !important; }
.q-paso-num:not(#x){ background:#C05A10 !important; }
body#contact .contact-form button[type=submit], body#contact form input[type=submit], body#contact .form-fields ~ .btn, body#contact button.btn-primary{ background:#C05A10 !important; border-color:#C05A10 !important; }
body#pagenotfound .q-404-back, body#cms .q-legal a.q-404-back{ background:#C05A10 !important; }
body#product .add-to-cart:not(#x){ background:#C05A10 !important; border-color:#C05A10 !important; }
body#product .current-price, body#product .product-prices .price, body#product .current-price-value{ color:#C05A10 !important; }
body#cart .btn-primary:not(#x){ background:#C05A10 !important; border-color:#C05A10 !important; }
body#my-account .link-item i.material-icons{ color:#C05A10 !important; }
body#history span.label, body#history .label{ background:#C05A10 !important; }
body#cms .q-page-hero-h1 span, body#contact .q-page-hero-h1 span{ color:#C05A10 !important; }
.q-page-hero-tag i, .q-page-hero-tag .material-icons{ display:none !important; }
body#cms .q-info-box li i, body#cms .q-two-col li i{ display:none !important; }
body#cms .q-block--dark :is(h2,h3,h4,p,li), body#cms .q-cold-block :is(h2,h3,h4,p,li){ color:#F0E4CE !important; }
body#cms .q-block--dark [class*=__tag], body#cms .q-cold-block .q-badge{ color:#fff !important; }
#products .product-title, .product-miniature .product-title{ white-space:normal !important; overflow:visible !important; text-overflow:clip !important; }
body#category .showing{ display:none !important; }
/* v336: refuerzo especificidad - botones rojos sin gradiente + titulos de card completos */
.q-btn-primary:not(#a):not(#b):not(#c){ background-color:#C05A10 !important; background-image:none !important; border-color:#C05A10 !important; color:#fff !important; }
.q-btn-primary:not(#a):not(#b):not(#c):hover{ background-color:#a34a0d !important; background-image:none !important; }
.q-paso-num:not(#a):not(#b):not(#c){ background:#C05A10 !important; background-image:none !important; }
#products .product-title:not(#a):not(#b), .product-miniature .product-title:not(#a):not(#b){ display:block !important; -webkit-line-clamp:unset !important; -webkit-box-orient:unset !important; overflow:visible !important; max-height:none !important; text-overflow:clip !important; white-space:normal !important; }
/* v337: titulo completo en las cards del catalogo (q-strip-title, sin clamp) */
.q-strip-title:not(#a):not(#b):not(#c){ display:block !important; -webkit-line-clamp:unset !important; -webkit-box-orient:unset !important; overflow:visible !important; max-height:none !important; text-overflow:clip !important; white-space:normal !important; min-height:2.4em; }
/* v338: listas de q-two-col/q-info-box sin marcador superpuesto */
body#cms .q-two-col li::before, body#cms .q-info-box li::before{ content:none !important; }
body#cms .q-two-col li, body#cms .q-info-box li{ padding-left:2px !important; }
/* v339: area de cliente — header crema, monocolor, mi-cuenta bonita */
body:is(#my-account,#identity,#addresses,#history,#order-slip,#discount,#order-detail,#order-follow,[id^=module-psgdpr]) #header, body:is(#my-account,#identity,#addresses,#history,#order-slip,#discount,#order-detail,#order-follow,[id^=module-psgdpr]) #header .header-top, body:is(#my-account,#identity,#addresses,#history,#order-slip,#discount,#order-detail,#order-follow,[id^=module-psgdpr]) #header .header-nav{ background:#F5EAD4 !important; border-top:0 !important; border-bottom:0 !important; box-shadow:none !important; }
body:is(#my-account,#identity,#addresses,#history,#order-slip,#discount,#order-detail,#order-follow,[id^=module-psgdpr]){ background:#FAF3E2 !important; }
body:is(#my-account,#identity,#addresses,#history,#order-slip,#discount,#order-detail,#order-follow,[id^=module-psgdpr]) #wrapper, body:is(#my-account,#identity,#addresses,#history,#order-slip,#discount,#order-detail,#order-follow,[id^=module-psgdpr]) #main, body:is(#my-account,#identity,#addresses,#history,#order-slip,#discount,#order-detail,#order-follow,[id^=module-psgdpr]) #content, body:is(#my-account,#identity,#addresses,#history,#order-slip,#discount,#order-detail,#order-follow,[id^=module-psgdpr]) .page-content, body:is(#my-account,#identity,#addresses,#history,#order-slip,#discount,#order-detail,#order-follow,[id^=module-psgdpr]) section#content, body:is(#my-account,#identity,#addresses,#history,#order-slip,#discount,#order-detail,#order-follow,[id^=module-psgdpr]) .card{ background:transparent !important; border:0 !important; box-shadow:none !important; }
body:is(#my-account,#identity,#addresses,#history,#order-slip,#discount,#order-detail,#order-follow,[id^=module-psgdpr]) h1{ text-align:center; font-family:'Playfair Display',serif !important; font-size:2.3rem !important; text-transform:none !important; letter-spacing:0 !important; border-left:0 !important; padding-left:0 !important; margin:26px 0 8px !important; color:#2a1a10 !important; }
body#my-account .q-account-sub{ text-align:center; color:#7a6248; margin:0 0 34px; font-size:1rem; }
body#my-account .link-item{ background:#fff !important; border:1px solid #EFE2C6 !important; border-radius:12px !important; padding:34px 20px !important; font-family:'Oswald',sans-serif !important; font-size:.9rem !important; letter-spacing:.6px !important; text-transform:uppercase; color:#1a1a1a !important; box-shadow:0 1px 2px rgba(0,0,0,.05) !important; transition:transform .15s ease, box-shadow .15s ease; }
body#my-account .link-item:hover{ transform:translateY(-3px); box-shadow:0 8px 18px rgba(0,0,0,.09) !important; }
body#my-account .link-item i.material-icons{ color:#C05A10 !important; font-size:2.1rem !important; display:block; margin:0 auto 12px; }
body#my-account a.link-item[href*='descuento'], #discounts-link{ display:none !important; }
body#my-account .page-footer, body#my-account .text-sm-center{ text-align:center; margin:34px 0 10px; }
body#my-account .page-footer a, body#my-account .text-sm-center a{ display:inline-block; border:1.5px solid #C05A10; color:#C05A10 !important; background:transparent; padding:10px 28px; border-radius:6px; text-transform:uppercase; font-size:.8rem; letter-spacing:.05em; font-weight:600; text-decoration:none !important; font-family:'Oswald',sans-serif; }
body#my-account .page-footer a:hover, body#my-account .text-sm-center a:hover{ background:#C05A10; color:#fff !important; }
/* subpaginas: formularios e inputs monocolor */
body:is(#my-account,#identity,#addresses,#history,#order-slip,#discount,#order-detail,#order-follow,[id^=module-psgdpr]) .form-control, body:is(#my-account,#identity,#addresses,#history,#order-slip,#discount,#order-detail,#order-follow,[id^=module-psgdpr]) input.form-control, body:is(#my-account,#identity,#addresses,#history,#order-slip,#discount,#order-detail,#order-follow,[id^=module-psgdpr]) select.form-control, body:is(#my-account,#identity,#addresses,#history,#order-slip,#discount,#order-detail,#order-follow,[id^=module-psgdpr]) textarea.form-control{ background:#FBF6E8 !important; border:1px solid #E0CCA6 !important; color:#2a1a10 !important; }
body:is(#my-account,#identity,#addresses,#history,#order-slip,#discount,#order-detail,#order-follow,[id^=module-psgdpr]) .form-control-label, body:is(#my-account,#identity,#addresses,#history,#order-slip,#discount,#order-detail,#order-follow,[id^=module-psgdpr]) label{ color:#4a3527 !important; }
body:is(#my-account,#identity,#addresses,#history,#order-slip,#discount,#order-detail,#order-follow,[id^=module-psgdpr]) .btn-primary, body:is(#my-account,#identity,#addresses,#history,#order-slip,#discount,#order-detail,#order-follow,[id^=module-psgdpr]) button[type=submit], body:is(#my-account,#identity,#addresses,#history,#order-slip,#discount,#order-detail,#order-follow,[id^=module-psgdpr]) input[type=submit]{ background:#C05A10 !important; background-image:none !important; border-color:#C05A10 !important; color:#fff !important; }
body:is(#my-account,#identity,#addresses,#history,#order-slip,#discount,#order-detail,#order-follow,[id^=module-psgdpr]) .btn-primary:hover{ background:#a34a0d !important; }
/* tablas (pedidos, facturas) */
body:is(#my-account,#identity,#addresses,#history,#order-slip,#discount,#order-detail,#order-follow,[id^=module-psgdpr]) table thead th{ background:#EAD9BE !important; color:#2a1a10 !important; border:0 !important; font-family:'Oswald',sans-serif; font-size:.78rem; letter-spacing:.5px; text-transform:uppercase; }
body:is(#my-account,#identity,#addresses,#history,#order-slip,#discount,#order-detail,#order-follow,[id^=module-psgdpr]) table td{ background:transparent !important; border-color:#EFE2C6 !important; color:#3a2a1a !important; vertical-align:middle; }
body:is(#my-account,#identity,#addresses,#history,#order-slip,#discount,#order-detail,#order-follow,[id^=module-psgdpr]) table{ background:transparent !important; }
body:is(#my-account,#identity,#addresses,#history,#order-slip,#discount,#order-detail,#order-follow,[id^=module-psgdpr]) span.label, body:is(#my-account,#identity,#addresses,#history,#order-slip,#discount,#order-detail,#order-follow,[id^=module-psgdpr]) .label{ background:#C05A10 !important; border-radius:4px !important; color:#fff !important; }
/* direcciones */
body#addresses .address, body#addresses article.address{ background:#fff !important; border:1px solid #EFE2C6 !important; border-radius:12px !important; box-shadow:0 1px 2px rgba(0,0,0,.05) !important; }
body#addresses .address-footer a{ color:#C05A10 !important; }
/* enlaces de pie (volver a su cuenta / inicio) */
body:is(#my-account,#identity,#addresses,#history,#order-slip,#discount,#order-detail,#order-follow,[id^=module-psgdpr]) .page-footer a{ color:#C05A10; text-decoration:none; }
/* alertas/avisos */
body:is(#my-account,#identity,#addresses,#history,#order-slip,#discount,#order-detail,#order-follow,[id^=module-psgdpr]) .alert-info{ background:#FBF6E8 !important; border:1px solid #E0CCA6 !important; color:#4a3527 !important; }
/* v340: pulido subpaginas cuenta — mostrar, radios, texto RGPD */
body:is(#my-account,#identity,#addresses,#history,#order-slip,#order-detail,[id^=module-psgdpr]) .input-group .btn, body:is(#my-account,#identity,#addresses,#history,#order-slip,#order-detail,[id^=module-psgdpr]) button[data-action=show-password]{ background:#FBF6E8 !important; background-image:none !important; border:1px solid #E0CCA6 !important; color:#7a6248 !important; font-size:.72rem !important; letter-spacing:.04em; }
body:is(#my-account,#identity,#addresses,#history,#order-slip,#order-detail,[id^=module-psgdpr]) input[type=radio], body:is(#my-account,#identity,#addresses,#history,#order-slip,#order-detail,[id^=module-psgdpr]) input[type=checkbox]{ accent-color:#C05A10; }
body:is(#my-account,#identity,#addresses,#history,#order-slip,#order-detail,[id^=module-psgdpr]) .custom-checkbox label, body:is(#my-account,#identity,#addresses,#history,#order-slip,#order-detail,[id^=module-psgdpr]) .custom-checkbox em, body:is(#my-account,#identity,#addresses,#history,#order-slip,#order-detail,[id^=module-psgdpr]) .psgdpr_consent_message, body:is(#my-account,#identity,#addresses,#history,#order-slip,#order-detail,[id^=module-psgdpr]) form .checkbox-field + *{ text-transform:none !important; font-style:normal !important; font-weight:400 !important; font-size:.85rem !important; color:#7a6248 !important; letter-spacing:0 !important; }
body:is(#my-account,#identity,#addresses,#history,#order-slip,#order-detail,[id^=module-psgdpr]) .custom-checkbox label b, body:is(#my-account,#identity,#addresses,#history,#order-slip,#order-detail,[id^=module-psgdpr]) .custom-checkbox label strong{ font-weight:600 !important; }
body:is(#my-account,#identity,#addresses,#history,#order-slip,#order-detail,[id^=module-psgdpr]) .form-control-comment{ color:#9b8368 !important; font-size:.8rem !important; }
/* v341: pagina RGPD monocolor */
body[id^=module-psgdpr] div[class*=psgdpr], body[id^=module-psgdpr] .card, body[id^=module-psgdpr] section.card{ background:#FBF6E8 !important; border:1px solid #E0CCA6 !important; border-radius:10px !important; box-shadow:none !important; color:#4a3527 !important; }
body[id^=module-psgdpr] h2, body[id^=module-psgdpr] h3{ color:#2a1a10 !important; font-family:'Playfair Display',serif !important; }
/* v342: aviso de cookies */
.navyx-cookiebar{position:fixed;left:0;right:0;bottom:0;z-index:99999;background:#2A1A10;box-shadow:0 -4px 20px rgba(0,0,0,.25)}
.navyx-cookiebar .ncb-in{max-width:1120px;margin:0 auto;padding:15px 22px;display:flex;align-items:center;gap:22px;flex-wrap:wrap;justify-content:space-between}
.navyx-cookiebar p{margin:0;font-size:13.5px;line-height:1.5;max-width:72ch;color:#EAD9BE;font-family:'Lora',Georgia,serif}
.navyx-cookiebar a{color:#F0B978;text-decoration:underline}
.navyx-cookiebar .ncb-btns{display:flex;gap:10px;flex:none}
.navyx-cookiebar button{font-family:'Oswald',sans-serif;font-size:.8rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:10px 22px;border-radius:6px;cursor:pointer;border:1px solid transparent;transition:background .15s}
.navyx-cookiebar .ncb-acc{background:#C05A10;color:#fff;border-color:#C05A10}
.navyx-cookiebar .ncb-acc:hover{background:#a34a0d}
.navyx-cookiebar .ncb-rej{background:transparent;color:#EAD9BE;border-color:#6b5744}
.navyx-cookiebar .ncb-rej:hover{background:rgba(255,255,255,.07)}
.navyx-cookiebar button:focus-visible{outline:2px solid #F0B978;outline-offset:2px}
@media(max-width:640px){.navyx-cookiebar .ncb-in{flex-direction:column;align-items:stretch;gap:12px}.navyx-cookiebar .ncb-btns{justify-content:flex-end}}
/* v343: header crema en TODAS las paginas CMS (cubre cookies y futuras) + fondo unico crema */
body#cms #header, body#cms #header .header-top, body#cms #header .header-nav{ background:#F5EAD4 !important; border-top:0 !important; border-bottom:0 !important; box-shadow:none !important; }
body#cms{ background:#FAF3E2 !important; }
body#cms .q-block--white{ background:#FAF3E2 !important; box-shadow:none !important; border:0 !important; }
body#cms .q-page-hero{ background:#FAF3E2 !important; }
body#cms .q-page-hero::before, body#cms .q-page-hero::after{ content:none !important; background:none !important; }
/* v344: checkbox personalizado limpio en toda la web + separar la casilla del boton REALIZAR PEDIDO (estaba compactado) */
body .custom-checkbox{ position:relative; display:inline-flex; align-items:center; margin-right:8px; vertical-align:middle; }
body .custom-checkbox input[type=checkbox]{ position:absolute; left:0; top:50%; transform:translateY(-50%); width:20px; height:20px; margin:0; opacity:0; cursor:pointer; z-index:2; }
body .custom-checkbox input[type=checkbox]+span{ display:inline-flex; align-items:center; justify-content:center; width:20px; height:20px; min-width:20px; border:1.5px solid #C0A98A; border-radius:4px; background:#FBF6E8; box-sizing:border-box; margin:0; transition:background .12s,border-color .12s; }
body .custom-checkbox input[type=checkbox]:checked+span{ background:#C05A10; border-color:#C05A10; }
body .custom-checkbox .checkbox-checked{ display:none !important; }
body .custom-checkbox input[type=checkbox]:checked+span::after{ content:''; width:5px; height:10px; border:solid #fff; border-width:0 2px 2px 0; transform:rotate(45deg) translateY(-1px); }
/* separacion en el checkout: casilla de terminos vs boton */
body#checkout #conditions-to-approve{ margin:10px 0 24px !important; display:flex; align-items:center; flex-wrap:wrap; }
body#checkout #conditions-to-approve label, body#checkout #conditions-to-approve .condition-label{ margin:0; }
body#checkout #payment-confirmation{ margin-top:6px !important; clear:both; }
body#checkout .accept-cgv, body#checkout #conditions-to-approve .checkbox-field{ display:flex; align-items:center; flex-wrap:wrap; } /* FOOTER minimalista navyx */ body#index #footer{padding-top:34px !important;} body#index #footer .footer-container{margin-top:0 !important;} body#index #footer .footer-container .links .title,body#index #footer .footer-container h3.title,body#index #footer .footer-container .h3,body#index #footer .footer-container .h4,body#index #footer .quemp-contact-title{border-bottom:0 !important;padding-bottom:6px !important;} body#index #footer .footer-container .links .title::after,body#index #footer .footer-container .h3::after,body#index #footer .quemp-contact-title::after{display:none !important;} /* NAVYX GLOBAL FOOTER UNIFY */ #footer:not(#qq):not(#qq2) li::before{content:none !important;} #footer .footer-container:not(#qq):not(#qq2) .h3,#footer .footer-container:not(#qq):not(#qq2) p.h3,#footer .footer-container:not(#qq):not(#qq2) h3.title,#footer .footer-container:not(#qq):not(#qq2) .h4,#footer:not(#qq):not(#qq2) .quemp-contact-title{border-bottom:0 !important;} /* NAVYX GLOBAL TICKER CSS */ .qh-ticker{background:#a8481c;color:#f7e4cf;overflow:hidden;line-height:1;width:100vw;margin-left:calc(50% - 50vw);}
.qh-ticker .tk{display:flex;white-space:nowrap;width:max-content;animation:qhtk 48s linear infinite;}
.qh-ticker b{display:inline-flex;align-items:center;padding:11px 0;font-family:"Palatino Linotype",Palatino,"Book Antiqua",Georgia,serif;font-style:italic;font-weight:400;font-size:16px;}
.qh-ticker b::after{content:"\2732";margin:0 22px;opacity:.55;font-size:12px;}
@keyframes qhtk{to{transform:translateX(-50%);}}  /* NAVYX BREADCRUMB REFINADO */ body:not(.canal-group-49) #wrapper .breadcrumb:not(#qq):not(#qq2){background:transparent !important;border:1px solid rgba(107,68,35,.25) !important;border-radius:10px !important;padding:6px 18px !important;margin:14px 0 6px !important;box-shadow:none !important;font-size:13px !important;} body:not(.canal-group-49) #wrapper .breadcrumb:not(#qq):not(#qq2) a{color:#B4470F !important;text-decoration:none !important;} body:not(.canal-group-49) #wrapper .breadcrumb:not(#qq):not(#qq2) a:hover{color:#853712 !important;} body:not(.canal-group-49) #wrapper .breadcrumb:not(#qq):not(#qq2) span{color:#8a6d4f !important;} /* NAVYX HEADER BOLD GLOBAL */ .q-nav-pages a:not(#qq):not(#qq2){font-weight:800 !important;} /* NAVYX HERO CLIENTE legibilidad+R */ body#index .q-hero-inner h1:not(#qq):not(#qq2){font-weight:900 !important;text-shadow:0 2px 14px rgba(0,0,0,.6),0 1px 3px rgba(0,0,0,.6) !important;} body#index .q-hero-inner h1 span:not(#qq):not(#qq2){font-weight:900 !important;padding-right:0.18em !important;} body#index .q-hero-inner:not(#qq):not(#qq2){padding-right:22px !important;} /* NAVYX CARTA2 cliente 2 tarjetas verticales */ body#index .q-productos-grid{display:none !important;} body#index .q-carta2{display:flex;gap:26px;max-width:820px;margin:6px auto 0;padding:0 20px;} body#index .q-carta2-card{position:relative;flex:1 1 0;display:block;aspect-ratio:5/7;border-radius:16px;overflow:hidden;box-shadow:0 12px 34px rgba(0,0,0,.2);text-decoration:none;} body#index .q-carta2-media{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .65s cubic-bezier(.2,.6,.2,1);} body#index .q-carta2-card:hover .q-carta2-media{transform:scale(1.08);} body#index .q-carta2-card::after{content:"";position:absolute;inset:0;background:rgba(24,12,6,.44);transition:background .45s;pointer-events:none;} body#index .q-carta2-card:hover::after{background:rgba(24,12,6,.28);} body#index .q-carta2-label{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;color:#faf3e2;font-family:'Playfair Display',serif;font-weight:900;font-size:34px;letter-spacing:.06em;text-shadow:0 3px 14px rgba(0,0,0,.6);} @media(max-width:640px){body#index .q-carta2{flex-direction:column;max-width:420px;} body#index .q-carta2-card{aspect-ratio:4/3;}} /* NAVYX FONDO CREMA CLARO UNIFORME cliente */ body#index .q-featured:not(#qq):not(#qq2),body#index .q-productos-section:not(#qq):not(#qq2),body#index .q-story:not(#qq):not(#qq2),body#index .q-story--right:not(#qq):not(#qq2),body#index .q-proceso:not(#qq):not(#qq2),body#index .q-ventajas:not(#qq):not(#qq2){background:#faf3e2 !important;background-image:none !important;} /* NAVYX QUITAR STORY (cliente: es puro humo) */ body#index .q-story{display:none !important;} /* NAVYX DIFERENTES CSS */ body#index .q-dif{max-width:1140px;margin:6px auto;padding:26px 24px 8px;} body#index .q-dif-head{text-align:center;margin-bottom:34px;} body#index .q-dif-title{font-family:'Playfair Display',serif;font-weight:900;font-size:38px;color:#241611;margin:0;} body#index .q-dif-rule{display:block;width:64px;height:3px;background:#C05A10;margin:14px auto 0;border-radius:2px;} body#index .q-dif-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;} body#index .q-dif-card{background:#fff;border:1px solid #ecdfc4;border-radius:14px;padding:26px 24px;box-shadow:0 8px 22px rgba(74,42,26,.06);} body#index .q-dif-num{font-family:'Playfair Display',serif;font-weight:900;font-size:30px;color:#C05A10;line-height:1;display:block;margin-bottom:10px;} body#index .q-dif-ct{font-family:'Playfair Display',serif;font-weight:700;font-size:19px;color:#241611;margin:0 0 8px;} body#index .q-dif-cd{font-size:14.5px;line-height:1.6;color:#5b4a3c;margin:0;} body#index .q-dif-cta{margin:36px auto 8px;max-width:840px;text-align:center;background:#B4470F;color:#faf3e2;border-radius:16px;padding:30px 26px;} body#index .q-dif-cta p{font-family:'Playfair Display',serif;font-style:italic;font-size:20px;line-height:1.4;margin:0 0 18px;} body#index .q-dif-btn{display:inline-block;background:#faf3e2;color:#853712;font-weight:800;letter-spacing:.04em;padding:13px 28px;border-radius:10px;text-decoration:none;} @media(max-width:900px){body#index .q-dif-grid{grid-template-columns:repeat(2,1fr);}} @media(max-width:560px){body#index .q-dif-grid{grid-template-columns:1fr;} body#index .q-dif-title{font-size:30px;}} /* NAVYX PROC_CAT CSS */ body#index .q-proc2{max-width:1160px;margin:34px auto 12px;padding:16px 24px;} body#index .q-proc2-head{text-align:center;margin-bottom:30px;} body#index .q-proc2-title{font-family:'Playfair Display',serif;font-weight:900;font-size:34px;color:#241611;margin:0;} body#index .q-proc2-sub{color:#5b4a3c;font-style:italic;margin:8px 0 0;font-size:16px;} body#index .q-proc2-rule{display:block;width:64px;height:3px;background:#C05A10;margin:12px auto 0;border-radius:2px;} body#index .q-proc2-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;} body#index .q-proc2-card{background:#fff;border:1px solid #ecdfc4;border-radius:14px;padding:24px 20px;box-shadow:0 8px 22px rgba(74,42,26,.06);} body#index .q-proc2-num{font-family:'Playfair Display',serif;font-weight:900;font-size:28px;color:#C05A10;display:block;margin-bottom:8px;line-height:1;} body#index .q-proc2-ct{font-family:'Playfair Display',serif;font-weight:700;font-size:17px;color:#241611;margin:0 0 8px;} body#index .q-proc2-cd{font-size:14px;line-height:1.55;color:#5b4a3c;margin:0;} @media(max-width:900px){body#index .q-proc2-grid{grid-template-columns:repeat(2,1fr);}} @media(max-width:520px){body#index .q-proc2-grid{grid-template-columns:1fr;}} /* NAVYX QUITAR DIF-CTA (cliente) */ body#index .q-dif-cta{display:none !important;} body#index .q-dif{padding-bottom:22px !important;} /* NAVYX CMS TEXTO mas grande + compactar (cliente) */ body#cms .q-page-hero-sub{font-size:19px !important;line-height:1.6 !important;} body#cms .q-block-head__sub{font-size:18px !important;line-height:1.6 !important;} body#cms .q-step-big__title{font-size:17px !important;} body#cms .q-step-big__desc{font-size:15.5px !important;line-height:1.6 !important;} body#cms .q-page-hero{padding-bottom:22px !important;padding-top:22px !important;} body#cms .q-block:first-of-type{padding-top:14px !important;} body#cms .q-proceso{padding-top:14px !important;margin-top:0 !important;} /* NAVYX CMS PREMIUM BLANCO (cliente /content/8) */ body#cms{background:#ffffff !important;} body#cms .q-block,body#cms .q-block--white,body#cms .q-block--cream,body#cms .q-page-hero,body#cms .q-proceso,body#cms .q-faq-list,body#cms section{background:#ffffff !important;background-image:none !important;} body#cms .q-block{padding-top:58px !important;padding-bottom:58px !important;} body#cms .q-step-big{background:#fff !important;border:1px solid #ededed !important;border-radius:16px !important;box-shadow:0 14px 40px rgba(20,10,5,.055) !important;} body#cms .q-faq{background:#fff !important;border:1px solid #ececec !important;border-radius:14px !important;box-shadow:0 8px 26px rgba(20,10,5,.045) !important;margin-bottom:16px !important;} /* NAVYX WRAPPER BLANCO TOTAL paginas internas (cliente) */ body#category,body#contact{background:#ffffff !important;} body#cms #wrapper:not(#qq):not(#qq2),body#category #wrapper:not(#qq):not(#qq2),body#contact #wrapper:not(#qq):not(#qq2){background:#ffffff !important;background-image:none !important;} body#category main:not(#qq),body#contact main:not(#qq),body#category #content-wrapper:not(#qq),body#contact #content-wrapper:not(#qq){background:#ffffff !important;} /* NAVYX BLANCO TOTAL V2 (cliente: quitar TODO el crema) */ body#cms .page-cms:not(#qq):not(#qq2),body#category .page-cms:not(#qq):not(#qq2),body#contact .page-cms:not(#qq):not(#qq2){background:#ffffff !important;} body#cms .q-page-hero:not(#qq):not(#qq2),body#category .q-page-hero:not(#qq):not(#qq2),body#contact .q-page-hero:not(#qq):not(#qq2){background:#ffffff !important;} body#cms section:not(#qq):not(#qq2),body#category section:not(#qq):not(#qq2),body#contact section:not(#qq):not(#qq2){background:#ffffff !important;} body#category .navyx-cgrid-photo:not(#qq),body#contact .navyx-cgrid-photo:not(#qq){background:#ffffff !important;} body#cms .q-faq__q i,body#cms .q-faq__q .fa-circle-question,body#cms .q-faq .fa-circle-question{font-size:26px !important;margin-right:13px !important;vertical-align:-4px !important;line-height:1 !important;} /* NAVYX ENVIOS SEC (cliente) */ body#cms .q-envsec{background:#fff !important;padding:44px 0 26px !important;} body#cms .q-envwrap{max-width:900px;margin:0 auto;padding:0 24px;} body#cms .q-envhead{text-align:center;margin-bottom:34px;} body#cms .q-envtitle{font-family:'Playfair Display',serif;font-weight:900;font-size:36px;color:#241611;margin:0;} body#cms .q-envrule{display:block;width:60px;height:3px;background:#C05A10;margin:14px auto 0;border-radius:2px;} body#cms .q-envsub{font-size:18px;color:#5b4a3c;margin:16px auto 0;max-width:640px;line-height:1.6;font-style:italic;} body#cms .q-envh{font-family:'Playfair Display',serif;font-weight:700;font-size:23px;color:#B4470F;margin:34px 0 10px;padding-bottom:8px;border-bottom:2px solid #f0e6d6;} body#cms .q-envp{font-size:16.5px;line-height:1.72;color:#463a30;margin:0 0 6px;} body#cms .q-block li{font-size:16.5px !important;line-height:1.65 !important;} /* NAVYX CTA+HTML FIX (cliente) */ html{background:#ffffff !important;} body#cms .q-cta-bar-text a,body#cms .q-cta-bar a:not(.q-btn):not([class*=btn]):not([class*=cta-bar-btn]){color:#faf3e2 !important;text-decoration:underline !important;} body#cms .q-envsec{padding-bottom:56px !important;} /* NAVYX CTA BURBUJA (cliente) */ body#cms .q-cta-bar:not(#qq):not(#qq2),body#contact .q-cta-bar:not(#qq):not(#qq2){width:calc(100vw - 72px) !important;max-width:calc(100vw - 72px) !important;margin:26px auto !important;position:relative !important;left:50% !important;transform:translateX(-50%) !important;border-radius:28px !important;overflow:hidden !important;} @media(max-width:640px){body#cms .q-cta-bar:not(#qq):not(#qq2),body#contact .q-cta-bar:not(#qq):not(#qq2){width:calc(100vw - 32px) !important;max-width:calc(100vw - 32px) !important;border-radius:20px !important;}} /* NAVYX FORZAR BLOQUES BLANCOS (cliente) */ body#cms .q-block:not(#qq):not(#qq2),body#cms .q-block--white:not(#qq):not(#qq2),body#cms .q-block--cream:not(#qq):not(#qq2),body#category .q-block:not(#qq):not(#qq2),body#category .q-block--white:not(#qq):not(#qq2),body#category .q-block--cream:not(#qq):not(#qq2),body#contact .q-block:not(#qq):not(#qq2),body#contact .q-block--white:not(#qq):not(#qq2),body#contact .q-block--cream:not(#qq):not(#qq2){background:#ffffff !important;background-image:none !important;} /* NAVYX CTA BURBUJA HOME (cliente) */ body#index .q-cta-bar:not(#qq):not(#qq2){width:calc(100vw - 72px) !important;max-width:calc(100vw - 72px) !important;margin:26px auto !important;position:relative !important;left:50% !important;transform:translateX(-50%) !important;border-radius:28px !important;overflow:hidden !important;}

/* NAVYX PAGOS 2COL — Como Funciona, tras quitar Bizum */
body#cms .q-pay2:not(#qq){grid-template-columns:repeat(2,minmax(0,1fr)) !important;max-width:770px;margin-left:auto;margin-right:auto}