/* ================================
   AVL Editorial Duo – CSS fijo (desktop + mobile)
   Scope: SOLO section.home-editorial-duo
   - Fondo negro SIEMPRE visible (no se revela)
   - Reveal solo de imágenes + contenido (se respeta el JS del theme)
   - Desktop (>=992): collage por variables CSS
   - Mobile (<992): 2 imágenes visibles + contenido centrado; título más grande y #efbf13
================================ */

section.home-editorial-duo{
  --avl-bg:#000;
  --avl-title-color:#efbf13;
  position:relative;
  overflow:hidden;
}
section.home-editorial-duo::before{
  content:"";
  position:absolute;
  inset:0;
  background: var(--avl-bg, #000);
  z-index:0;
  pointer-events:none;
  opacity:1 !important;
  transform:none !important;
}
/* El container SIEMPRE arriba del fondo */
section.home-editorial-duo > .container{ position:relative; z-index:1; }

/* No radius / no sombras SOLO dentro de editorial */
section.home-editorial-duo, section.home-editorial-duo *{
  border-radius:0 !important;
  box-shadow:none !important;
  outline:0 !important;
}

/* Imágenes sin crop */
section.home-editorial-duo img.home-editorial-duo__img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
  display:block !important;
}

/* Evitar que el reveal del theme afecte al fondo (la sección queda visible) */
section.home-editorial-duo.js-reveal{
  opacity:1 !important;
  transform:none !important;
}

/* ================================
   MOBILE (<992)
================================ */
@media (max-width:991.98px){
  /* Espaciados simétricos (top/bottom) */
  section.home-editorial-duo{
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }

  /* Collage como grilla 2 columnas */
  section.home-editorial-duo .home-editorial-duo__collage{
    display:grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 12px !important;
    width: min(520px, calc(100% - 32px)) !important;
    height: auto !important;
    margin: 0 auto !important;
  }

  /* Cada wrap vuelve al flujo normal */
  section.home-editorial-duo .home-editorial-duo__imgwrap{
    position:relative !important;
    left:auto !important;
    top:auto !important;
    width: auto !important;
    height: auto !important;
    overflow:hidden !important;
    display:block !important;
  }

  /* Aspect ratio para que sean estables */
  section.home-editorial-duo .home-editorial-duo__imgwrap--primary,
  section.home-editorial-duo .home-editorial-duo__imgwrap--secondary{
    aspect-ratio: 3 / 4 !important;
  }

  /* La 3ra NO en mobile */
  section.home-editorial-duo .home-editorial-duo__imgwrap--tertiary,
  section.home-editorial-duo .home-editorial-duo__imgwrap--desktop-only{
    display:none !important;
  }

  /* Contenido debajo, centrado respecto al bloque de fotos */
  section.home-editorial-duo .home-editorial-duo__content{
    max-width: min(520px, calc(100% - 32px)) !important;
    margin: 14px auto 0 !important;
  }

  section.home-editorial-duo .home-editorial-duo__title{
    color: var(--avl-title-color, #efbf13) !important;
    font-size: clamp(30px, 8.2vw, 44px) !important;
    letter-spacing: var(--avl-title-ls, -0.02em) !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    line-height: 1.05 !important;
    white-space: normal !important;
    margin: 0 0 10px !important;
  }
}

/* ================================
   DESKTOP (>=992)
================================ */
@media (min-width:992px){
  /* Espaciados simétricos (y NO negativos) */
  section.home-editorial-duo{
    padding-top: max(0px, var(--avl-pad-y, 64px)) !important;
    padding-bottom: max(0px, var(--avl-pad-y, 64px)) !important;
  }

  section.home-editorial-duo .home-editorial-duo__media{
    position:relative !important;
    min-height:var(--avl-ch,782px) !important;
  }

  section.home-editorial-duo .home-editorial-duo__collage{
    position:relative !important;
    width:var(--avl-cw,760px) !important;
    height:var(--avl-ch,782px) !important;
    margin:0 auto !important;
  }

  section.home-editorial-duo .home-editorial-duo__imgwrap{
    position:absolute !important;
    overflow:visible !important;
    display:block !important;
  }

  section.home-editorial-duo .home-editorial-duo__imgwrap--primary{
    left:var(--avl-i1-x,0px) !important; top:var(--avl-i1-y,0px) !important;
    width:var(--avl-i1-w,60%) !important; height:var(--avl-i1-h,100%) !important;
    z-index:var(--avl-i1-z,1) !important;
  }
  section.home-editorial-duo .home-editorial-duo__imgwrap--secondary{
    left:var(--avl-i2-x,60%) !important; top:var(--avl-i2-y,0px) !important;
    width:var(--avl-i2-w,40%) !important; height:var(--avl-i2-h,50%) !important;
    z-index:var(--avl-i2-z,2) !important;
  }
  section.home-editorial-duo .home-editorial-duo__imgwrap--tertiary,
  section.home-editorial-duo .home-editorial-duo__imgwrap--desktop-only{
    left:var(--avl-i3-x,60%) !important; top:var(--avl-i3-y,50%) !important;
    width:var(--avl-i3-w,40%) !important; height:var(--avl-i3-h,50%) !important;
    z-index:var(--avl-i3-z,3) !important;
  }

  section.home-editorial-duo .home-editorial-duo__title{
    color:var(--avl-title-color,#efbf13) !important;
    white-space:nowrap !important; max-width:none !important; display:inline-block !important;
    font-weight:900 !important;
    letter-spacing:var(--avl-title-ls, .08em) !important;
    text-transform:uppercase !important;
    font-size:var(--avl-title-size, clamp(40px, 5.2vw, 92px)) !important;
    text-align:var(--avl-title-align, left) !important;
    transform:translate(var(--avl-title-x,0px), var(--avl-title-y,0px)) !important;
  }
  section.home-editorial-duo .home-editorial-duo__text{
    max-width:var(--avl-text-maxw,420px) !important;
    transform:translate(var(--avl-text-x,0px), var(--avl-text-y,0px)) !important;
  }
  section.home-editorial-duo .home-editorial-duo__cta{
    transform:translate(var(--avl-cta-x,0px), var(--avl-cta-y,0px)) !important;
  }
}

@media (min-width:992px){
  section.home-editorial-duo[data-store="home-editorial-duo-1"]{
    --avl-text-x:608px;
    --avl-text-y:60px;
    --avl-text-maxw:420px;
    --avl-title-x:605px;
    --avl-title-y:55px;
    --avl-title-size:clamp(40px, 5.2vw, 92px);
    --avl-title-ls:-0.03em;
    --avl-cta-x:610px;
    --avl-cta-y:70px;
    --avl-cw:760px;
    --avl-ch:782px;
    --avl-pad-y:-36px;
    --avl-i1-x:-260px;
    --avl-i1-y:0px;
    --avl-i1-w:550.8px;
    --avl-i1-h:535.5px;
    --avl-i2-x:-20px;
    --avl-i2-y:40px;
    --avl-i2-w:786.24px;
    --avl-i2-h:393.12px;
    --avl-i3-x:-120px;
    --avl-i3-y:430px;
    --avl-i3-w:702px;
    --avl-i3-h:351px;
  }
}

@media (min-width:992px){
  section.home-editorial-duo[data-store="home-editorial-duo-2"]{
    --avl-text-x:608px;
    --avl-text-y:60px;
    --avl-text-maxw:420px;
    --avl-title-x:605px;
    --avl-title-y:55px;
    --avl-title-size:clamp(40px, 5.2vw, 92px);
    --avl-title-ls:-0.03em;
    --avl-cta-x:610px;
    --avl-cta-y:70px;
    --avl-cw:760px;
    --avl-ch:782px;
    --avl-pad-y:-36px;
    --avl-i1-x:-260px;
    --avl-i1-y:0px;
    --avl-i1-w:550.8px;
    --avl-i1-h:535.5px;
    --avl-i2-x:-20px;
    --avl-i2-y:40px;
    --avl-i2-w:786.24px;
    --avl-i2-h:393.12px;
    --avl-i3-x:-120px;
    --avl-i3-y:430px;
    --avl-i3-w:702px;
    --avl-i3-h:351px;
  }
}

@media (min-width:992px){
  section.home-editorial-duo[data-store="home-editorial-duo-3"]{
    --avl-text-x:608px;
    --avl-text-y:60px;
    --avl-text-maxw:420px;
    --avl-title-x:605px;
    --avl-title-y:55px;
    --avl-title-size:clamp(40px, 5.2vw, 92px);
    --avl-title-ls:-0.03em;
    --avl-cta-x:610px;
    --avl-cta-y:70px;
    --avl-cw:760px;
    --avl-ch:782px;
    --avl-pad-y:-36px;
    --avl-i1-x:-260px;
    --avl-i1-y:0px;
    --avl-i1-w:550.8px;
    --avl-i1-h:535.5px;
    --avl-i2-x:-20px;
    --avl-i2-y:40px;
    --avl-i2-w:786.24px;
    --avl-i2-h:393.12px;
    --avl-i3-x:-120px;
    --avl-i3-y:430px;
    --avl-i3-w:702px;
    --avl-i3-h:351px;
  }
}

@media (min-width:992px){
  section.home-editorial-duo[data-store="home-editorial-duo-4"]{
    --avl-text-x:608px;
    --avl-text-y:60px;
    --avl-text-maxw:420px;
    --avl-title-x:605px;
    --avl-title-y:55px;
    --avl-title-size:clamp(40px, 5.2vw, 92px);
    --avl-title-ls:-0.03em;
    --avl-cta-x:610px;
    --avl-cta-y:70px;
    --avl-cw:760px;
    --avl-ch:782px;
    --avl-pad-y:-36px;
    --avl-i1-x:-260px;
    --avl-i1-y:0px;
    --avl-i1-w:550.8px;
    --avl-i1-h:535.5px;
    --avl-i2-x:-20px;
    --avl-i2-y:40px;
    --avl-i2-w:786.24px;
    --avl-i2-h:393.12px;
    --avl-i3-x:-120px;
    --avl-i3-y:430px;
    --avl-i3-w:702px;
    --avl-i3-h:351px;
  }
}

@media (max-width: 991.98px){
  section.home-editorial-duo a.home-editorial-duo__cta{
    color:#fff !important;
    opacity:1 !important;
    visibility:visible !important;
    transform: translate(var(--avl-m-cta-x,0px), var(--avl-m-cta-y,0px)) !important;
    position:relative !important;
    z-index:6 !important;
  }
}




/* =========================================================
   CTA visibility fix (mobile + desktop)
   Forces "VER TODO" to stay white even if theme sets links black
========================================================= */
section.home-editorial-duo a.home-editorial-duo__cta,
section.home-editorial-duo a.home-editorial-duo__cta:visited{
  color:#fff !important;
}
section.home-editorial-duo a.home-editorial-duo__cta span{
  color:inherit !important;
}
section.home-editorial-duo a.home-editorial-duo__cta{
  border-color:#fff !important;
}
/* If theme adds dark background on link */
section.home-editorial-duo a.home-editorial-duo__cta{
  background:transparent !important;
}

/* =========================
   AVL Editorial Duo – CTA FIX (mobile + desktop)
   Fuerza color blanco y hace que el mover pueda desplazar el CTA
========================= */
section.home-editorial-duo a.home-editorial-duo__cta,
section.home-editorial-duo a.home-editorial-duo__cta:link,
section.home-editorial-duo a.home-editorial-duo__cta:visited{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  opacity:1 !important;
}

section.home-editorial-duo a.home-editorial-duo__cta *,
section.home-editorial-duo a.home-editorial-duo__cta span{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  opacity:1 !important;
}

/* Si la flecha/underline usa pseudo-elementos */
section.home-editorial-duo a.home-editorial-duo__cta::after,
section.home-editorial-duo a.home-editorial-duo__cta::before{
  color:#fff !important;
  border-color:#fff !important;
}

/* IMPORTANTE: que el mover también pueda mover el CTA en mobile */
@media (max-width: 991px){
  section.home-editorial-duo a.home-editorial-duo__cta{
    transform: translate(var(--avl-m-cta-x, 0px), var(--avl-m-cta-y, 0px)) !important;
  }
}

/* Y en desktop (por si tu CSS “flowlock” lo había cambiado) */
@media (min-width: 992px){
  section.home-editorial-duo a.home-editorial-duo__cta{
    transform: translate(var(--avl-cta-x, 0px), var(--avl-cta-y, 0px)) !important;
  }
}

[
  {
    "store": "home-editorial-duo-1",
    "--avl-m-content-mt": "-36px",
    "--avl-m-content-mb": "12px",
    "--avl-m-title-x": "0px",
    "--avl-m-title-y": "20px",
    "--avl-m-title-size": "clamp(30px, 8.2vw, 44px)",
    "--avl-m-title-ls": "-0.03em",
    "--avl-m-title-color": "#efbf13",
    "--avl-m-text-x": "0px",
    "--avl-m-text-y": "3px",
    "--avl-m-cta-x": "0px",
    "--avl-m-cta-y": "20px",
    "--avl-m-i1-x": "0px",
    "--avl-m-i1-y": "0px",
    "--avl-m-i1-w": "auto",
    "--avl-m-i1-h": "auto",
    "--avl-m-i2-x": "0px",
    "--avl-m-i2-y": "0px",
    "--avl-m-i2-w": "auto",
    "--avl-m-i2-h": "auto",
    "--avl-m-i3-x": "0px",
    "--avl-m-i3-y": "0px",
    "--avl-m-i3-w": "auto",
    "--avl-m-i3-h": "auto"
  },
  {
    "store": "home-editorial-duo-2",
    "--avl-m-content-mt": "-36px",
    "--avl-m-content-mb": "12px",
    "--avl-m-title-x": "0px",
    "--avl-m-title-y": "20px",
    "--avl-m-title-size": "clamp(30px, 8.2vw, 44px)",
    "--avl-m-title-ls": "-0.03em",
    "--avl-m-title-color": "#efbf13",
    "--avl-m-text-x": "0px",
    "--avl-m-text-y": "3px",
    "--avl-m-cta-x": "0px",
    "--avl-m-cta-y": "20px",
    "--avl-m-i1-x": "0px",
    "--avl-m-i1-y": "0px",
    "--avl-m-i1-w": "auto",
    "--avl-m-i1-h": "auto",
    "--avl-m-i2-x": "0px",
    "--avl-m-i2-y": "0px",
    "--avl-m-i2-w": "auto",
    "--avl-m-i2-h": "auto",
    "--avl-m-i3-x": "0px",
    "--avl-m-i3-y": "0px",
    "--avl-m-i3-w": "auto",
    "--avl-m-i3-h": "auto"
  },
  {
    "store": "home-editorial-duo-3",
    "--avl-m-content-mt": "-36px",
    "--avl-m-content-mb": "12px",
    "--avl-m-title-x": "0px",
    "--avl-m-title-y": "20px",
    "--avl-m-title-size": "clamp(30px, 8.2vw, 44px)",
    "--avl-m-title-ls": "-0.03em",
    "--avl-m-title-color": "#efbf13",
    "--avl-m-text-x": "0px",
    "--avl-m-text-y": "3px",
    "--avl-m-cta-x": "0px",
    "--avl-m-cta-y": "20px",
    "--avl-m-i1-x": "0px",
    "--avl-m-i1-y": "0px",
    "--avl-m-i1-w": "auto",
    "--avl-m-i1-h": "auto",
    "--avl-m-i2-x": "0px",
    "--avl-m-i2-y": "0px",
    "--avl-m-i2-w": "auto",
    "--avl-m-i2-h": "auto",
    "--avl-m-i3-x": "0px",
    "--avl-m-i3-y": "0px",
    "--avl-m-i3-w": "auto",
    "--avl-m-i3-h": "auto"
  },
  {
    "store": "home-editorial-duo-4",
    "--avl-m-content-mt": "-36px",
    "--avl-m-content-mb": "12px",
    "--avl-m-title-x": "0px",
    "--avl-m-title-y": "20px",
    "--avl-m-title-size": "clamp(30px, 8.2vw, 44px)",
    "--avl-m-title-ls": "-0.03em",
    "--avl-m-title-color": "#efbf13",
    "--avl-m-text-x": "0px",
    "--avl-m-text-y": "3px",
    "--avl-m-cta-x": "0px",
    "--avl-m-cta-y": "20px",
    "--avl-m-i1-x": "0px",
    "--avl-m-i1-y": "0px",
    "--avl-m-i1-w": "auto",
    "--avl-m-i1-h": "auto",
    "--avl-m-i2-x": "0px",
    "--avl-m-i2-y": "0px",
    "--avl-m-i2-w": "auto",
    "--avl-m-i2-h": "auto",
    "--avl-m-i3-x": "0px",
    "--avl-m-i3-y": "0px",
    "--avl-m-i3-w": "auto",
    "--avl-m-i3-h": "auto"
  }
]