/* Casa Verde — Explorador de producto (carrusel interactivo + ficha) para el Home.
   Reutiliza tokens de cv-editorial.css: --ink --paper --paper-2 --green --mute --disp --text --mono */

.explorer{--ln:rgba(27,26,26,.14);}

/* selector de producto */
.ex-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:clamp(22px,3vh,36px);}
.ex-tab{display:flex;flex-direction:column;gap:3px;padding:11px 16px;background:transparent;
  border:1px solid var(--line);cursor:pointer;transition:background .18s,border-color .18s,color .18s;
  text-align:left;color:var(--ink);}
.ex-tab .no{font-family:var(--mono);font-size:10px;letter-spacing:0.12em;color:var(--mute);}
.ex-tab .nm{font-family:var(--disp);font-weight:900;letter-spacing:-0.02em;font-size:16px;line-height:1;}
.ex-tab:hover{border-color:var(--ink);}
.ex-tab[aria-current="true"]{background:var(--ink);border-color:var(--ink);color:#fff;}
.ex-tab[aria-current="true"] .no{color:#a7c59f;}

/* grilla carrusel + panel */
.ex-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(26px,4vw,64px);align-items:start;}

/* carrusel */
.pcar{outline:none;}
.pcar-main{position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--paper-2);cursor:zoom-in;touch-action:pan-y;}
.pcar-track{display:flex;height:100%;transition:transform .45s cubic-bezier(.2,.7,.2,1);}
.pcar-slide{min-width:100%;height:100%;}
.pcar-slide img{width:100%;height:100%;object-fit:cover;pointer-events:none;}
.pcar-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;
  background:rgba(255,255,255,.88);color:var(--ink);border:none;cursor:pointer;font-size:22px;line-height:1;
  display:flex;align-items:center;justify-content:center;transition:background .15s;z-index:2;}
.pcar-nav:hover{background:#fff;}
.pcar-nav.prev{left:12px;} .pcar-nav.next{right:12px;}
.pcar-zoom{position:absolute;bottom:12px;right:12px;z-index:2;border:none;cursor:pointer;
  font-family:var(--mono);font-size:10.5px;letter-spacing:0.08em;text-transform:uppercase;
  background:rgba(27,26,26,.62);color:#fff;padding:8px 12px;border-radius:999px;backdrop-filter:blur(3px);}
.pcar-zoom:hover{background:rgba(27,26,26,.85);}
.pcar-count{position:absolute;bottom:14px;left:14px;z-index:2;font-family:var(--mono);font-size:11px;
  letter-spacing:0.1em;color:#fff;background:rgba(27,26,26,.5);padding:5px 10px;border-radius:999px;}
.pcar-thumbs{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap;}
.pcar-thumb{width:70px;height:70px;padding:0;border:1px solid transparent;background:var(--paper-2);cursor:pointer;
  overflow:hidden;opacity:.55;transition:opacity .15s,border-color .15s;}
.pcar-thumb img{width:100%;height:100%;object-fit:cover;}
.pcar-thumb:hover{opacity:.85;}
.pcar-thumb[aria-current="true"]{opacity:1;border-color:var(--ink);}

/* panel de ficha */
.ppanel .eyebrow{color:var(--mute);}
.ppanel .fam{color:var(--green);}
.ppanel h3{font-family:var(--disp);font-weight:900;letter-spacing:-0.035em;line-height:0.9;
  font-size:clamp(40px,5vw,74px);margin:.12em 0 0;}

/* selector de tamaño */
.ex-sizes{display:flex;gap:8px;margin-top:16px;}
.ex-sizes:empty{display:none;margin-top:0;}
.ex-size-pill{font-family:var(--mono);font-size:12px;letter-spacing:0.06em;text-transform:uppercase;
  padding:9px 18px;border:1px solid var(--ink);background:transparent;color:var(--ink);cursor:pointer;
  transition:background .16s,color .16s;}
.ex-size-pill:hover{background:rgba(27,26,26,.06);}
.ex-size-pill[aria-current="true"]{background:var(--ink);color:#fff;}

.ppanel .tagline{margin-top:14px;font-size:clamp(15px,1.4vw,19px);line-height:1.45;color:#3a352b;max-width:34ch;}
.ppanel .price{margin-top:24px;display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;}
.ppanel .price .now{font-family:var(--disp);font-weight:900;letter-spacing:-0.02em;font-size:clamp(30px,3vw,44px);}
.ppanel .price .tag{font-family:var(--mono);font-size:11px;letter-spacing:0.06em;text-transform:uppercase;color:var(--green);}

/* banner de pago */
.ex-banner{margin-top:18px;display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;
  background:var(--green);color:#fff;padding:14px 18px;}
.ex-banner .off{font-family:var(--disp);font-weight:900;letter-spacing:-0.02em;font-size:20px;line-height:1;
  white-space:nowrap;}
.ex-banner .items{font-family:var(--mono);font-size:11px;letter-spacing:0.06em;text-transform:uppercase;
  line-height:1.5;opacity:.95;}
.ex-banner .items b{font-weight:600;color:#fff;}

/* fichas técnicas */
.pfacts{margin-top:26px;border-top:1px solid var(--line);}
.pfacts .r{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--line-soft);
  font-family:var(--mono);font-size:12px;letter-spacing:0.03em;text-transform:uppercase;}
.pfacts .r b{font-weight:600;}
.pfacts .r span{color:var(--mute);text-align:right;}
.pfacts-note{font-family:var(--mono);font-size:10px;letter-spacing:0.04em;color:var(--mute);margin-top:10px;text-transform:uppercase;}

.ppanel .cta{margin-top:24px;display:flex;gap:10px;flex-wrap:wrap;}
.ex .btn{font-family:var(--mono);font-size:12px;letter-spacing:0.06em;text-transform:uppercase;
  padding:14px 24px;border:1px solid var(--ink);color:var(--ink);transition:background .18s,color .18s;}
.ex .btn:hover{background:var(--ink);color:#fff;}
.ex .btn.solid{background:var(--green);border-color:var(--green);color:#fff;}
.ex .btn.solid:hover{background:var(--green-d);border-color:var(--green-d);}

@media(max-width:860px){
  .ex-grid{grid-template-columns:1fr;gap:26px;}
}

/* lightbox (compartido con product-gallery) */
.pcar-lb{position:fixed;inset:0;z-index:200;background:rgba(20,19,17,.94);display:flex;align-items:center;justify-content:center;
  animation:pcarfade .2s ease;}
@keyframes pcarfade{from{opacity:0;}to{opacity:1;}}
.pcar-lb-stage{max-width:92vw;max-height:86vh;overflow:hidden;cursor:zoom-in;display:flex;}
.pcar-lb-stage.zoomed{cursor:zoom-out;}
.pcar-lb-stage img{max-width:92vw;max-height:86vh;object-fit:contain;transition:transform .25s ease;user-select:none;}
.pcar-lb-close{position:fixed;top:20px;right:24px;width:44px;height:44px;border-radius:50%;border:none;cursor:pointer;
  background:rgba(255,255,255,.14);color:#fff;font-size:26px;line-height:1;z-index:2;}
.pcar-lb-close:hover{background:rgba(255,255,255,.28);}
.pcar-lb-nav{position:fixed;top:50%;transform:translateY(-50%);width:52px;height:52px;border-radius:50%;border:none;cursor:pointer;
  background:rgba(255,255,255,.12);color:#fff;font-size:28px;line-height:1;z-index:2;}
.pcar-lb-nav:hover{background:rgba(255,255,255,.26);}
.pcar-lb-nav.prev{left:24px;} .pcar-lb-nav.next{right:24px;}
.pcar-lb-count{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);font-family:var(--mono);font-size:12px;
  letter-spacing:0.1em;color:#fff;opacity:.8;z-index:2;}
@media(max-width:600px){ .pcar-lb-nav{width:42px;height:42px;font-size:22px;} .pcar-lb-nav.prev{left:8px;} .pcar-lb-nav.next{right:8px;} }