/* TEMPO · ficha de producto premium (benchmark: compra arriba, luego ensayo editorial + specs NH35) */
.pwrap{max-width:1280px;margin:0 auto;padding:118px 44px 60px;display:grid;grid-template-columns:1.08fr .92fr;gap:60px;align-items:start}
.pbread{grid-column:1/-1;font-size:12.5px;letter-spacing:.02em;color:var(--mut);margin-bottom:10px}
.pbread a{color:var(--mut);text-decoration:none}.pbread a:hover{color:var(--ink)}

/* galeria sticky */
.gallery{position:sticky;top:96px}
.gmain{background:var(--paper);border:1px solid var(--line);border-radius:18px;aspect-ratio:1/1;display:grid;place-items:center;overflow:hidden}
.gmain img{width:94%;transition:transform .5s cubic-bezier(.2,.7,.2,1);transform-origin:center}
.gthumbs{display:flex;gap:12px;margin-top:14px}
.gthumb{flex:1;background:var(--paper);border:1px solid var(--line);border-radius:11px;aspect-ratio:1/1;overflow:hidden;cursor:pointer;display:grid;place-items:center;transition:border-color .18s}
.gthumb img{width:90%}
.gthumb.on{border-color:var(--gold)}
.gthumb span{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--mut)}

/* buy box */
.pinfo .ptag{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:12px}
.pinfo .pname{font-family:'Fraunces',serif;font-size:clamp(34px,4.4vw,52px);font-weight:500;letter-spacing:-.02em;line-height:1.02;margin-bottom:8px}
.pinfo .pspec{color:var(--mut);font-family:var(--mono);font-size:12px;letter-spacing:.005em;margin-bottom:22px;font-variant-numeric:tabular-nums}
.pinfo .pprice{font-size:32px;color:var(--gold);font-variant-numeric:tabular-nums}
.pinfo .ptax{font-size:12.5px;color:var(--mut);margin:4px 0 18px}
.pstock{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--ink);border:1px solid var(--line);border-radius:30px;padding:7px 14px;margin-bottom:24px}
.pstock i{width:7px;height:7px;border-radius:50%;background:var(--gold);display:inline-block}
.pvars{margin-bottom:24px}
.pvars .vlabel{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--mut);margin-bottom:12px}
.vswatches{display:flex;gap:9px;flex-wrap:wrap}
.vsw{width:30px;height:30px;border-radius:50%;border:1.5px solid var(--line);cursor:pointer;transition:transform .14s,border-color .14s;text-decoration:none;display:block}
.vsw:hover{transform:scale(1.12)}.vsw.on{border-color:var(--ink);box-shadow:0 0 0 2px var(--paper) inset}
.pstory{font-size:15.5px;color:#3a382f;line-height:1.7;margin-bottom:24px;max-width:480px}
.pbtns{display:flex;flex-direction:column;gap:11px;margin-bottom:24px}
.pbtns .btn{text-align:center;padding:16px;border-radius:8px}
.btn.gold{background:var(--gold);color:#fff;border:0}
.btn.gold:hover{background:#8c6c3f}
.btn.outline{background:transparent;border:1px solid var(--ink);color:var(--ink)}
.pshare{background:none;border:0;color:var(--mut);font:500 13px var(--sans);cursor:pointer;text-decoration:underline;text-underline-offset:3px;padding:4px 0;align-self:flex-start}
.pshare:hover{color:var(--gold)}
/* trust como secciones nombradas con politica real (benchmark), divisores finos, sin clipart */
.ptrust{border-top:1px solid var(--line);margin-top:4px}
.ptrust .tr{display:flex;gap:12px;padding:13px 0;border-bottom:1px solid var(--line);font-size:13.5px}
.ptrust .tr b{font-family:'Fraunces',serif;font-weight:500;min-width:128px;color:var(--ink)}
.ptrust .tr span{color:var(--mut)}

/* ensayo editorial por componente NH35 */
.pessay{max-width:1080px;margin:30px auto 0;padding:60px 44px;border-top:1px solid var(--line)}
.pessay .ekicker{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);text-align:center}
.pessay h2{font-family:'Fraunces',serif;font-weight:500;font-size:clamp(28px,3.6vw,42px);text-align:center;margin:12px 0 50px;letter-spacing:-.01em}
.ablock{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;margin-bottom:46px}
.ablock:nth-child(even) .atext{order:2}
.ablock .aimg{background:var(--paper);border:1px solid var(--line);border-radius:16px;aspect-ratio:4/3;display:grid;place-items:center;overflow:hidden}
.ablock .aimg img{width:80%}
.ablock h3{font-family:'Fraunces',serif;font-weight:500;font-size:24px;margin-bottom:12px}
.ablock p{color:var(--mut);font-size:15px;line-height:1.7}
.ablock .anum{font-family:'Fraunces',serif;font-size:14px;color:var(--gold);margin-bottom:6px}

/* tabla de specs honesta */
.pspecs{max-width:760px;margin:0 auto;padding:30px 44px 10px}
.pspecs h2{font-family:'Fraunces',serif;font-weight:500;font-size:28px;text-align:center;margin-bottom:26px}
.pspecs table{width:100%;border-collapse:collapse}
.pspecs td{padding:13px 0;border-bottom:1px solid var(--line);font-size:14.5px;vertical-align:top}
.pspecs td:first-child{color:var(--gold);width:42%;font-weight:500}
.pspecs td:last-child{color:var(--ink)}

.related{max-width:1280px;margin:0 auto;padding:50px 44px 90px}
.related h2{font-family:'Fraunces',serif;font-weight:500;font-size:30px;margin-bottom:28px;text-align:center}
.related .grid{grid-template-columns:repeat(3,1fr)}

@media(max-width:900px){
  .pwrap{grid-template-columns:1fr;gap:28px;padding:96px 22px 40px}
  .gallery{position:static}
  .ablock{grid-template-columns:1fr;gap:18px}
  .ablock:nth-child(even) .atext{order:0}
  .ablock .atext{order:0}
  .related .grid{grid-template-columns:1fr}
}

/* ============================================================
   PREMIUM v4 (2026-06-01) — ficha de producto con mas lujo.
   ============================================================ */
.gmain{border-radius:20px;border-color:#e7e0d3;
  background:radial-gradient(120% 100% at 50% 18%,#fffdf9 0%,#f0e8da 100%);
  box-shadow:0 34px 64px -42px rgba(45,33,15,.42)}
.gmain img{width:78%;object-fit:contain;filter:drop-shadow(0 26px 32px rgba(40,28,12,.20))}
.gthumb{border-radius:12px;border-color:#e7e0d3;
  background:radial-gradient(120% 100% at 50% 18%,#fffdf9,#f1e9db);transition:border-color .18s,transform .18s}
.gthumb:hover{transform:translateY(-2px)}
.pinfo .ptag{color:var(--gold)}
.pinfo .pname{font-size:clamp(36px,4.6vw,56px)}
.pinfo .pprice{font-size:34px}
.vsw{width:32px;height:32px;border-width:1.5px}
.vsw.on{border-color:var(--ink);box-shadow:0 0 0 2px var(--paper) inset,0 0 0 1px var(--gold)}
.btn.gold{box-shadow:0 14px 30px -16px rgba(160,125,75,.7);transition:transform .18s,box-shadow .2s,background .2s}
.btn.gold:hover{transform:translateY(-2px);box-shadow:0 18px 38px -16px rgba(160,125,75,.8)}
.ablock .aimg{border-radius:18px;border-color:#e7e0d3;
  background:radial-gradient(120% 100% at 50% 18%,#fffdf9,#f0e8da)}
.ablock .aimg img{filter:drop-shadow(0 18px 22px rgba(40,28,12,.16))}

/* ============================================================
   TEMA POR COLECCIÓN (2026-06-03) — la ficha se tiñe según la colección del reloj.
   data-col lo pone producto.js: dress / gmt / sport / casual.
   ============================================================ */
body[data-col="dress"] { --pc:#b8902f; --pbg:#faf6ea; --ppanel:#f4ecd6; }
body[data-col="gmt"]   { --pc:#34508a; --pbg:#eef1f8; --ppanel:#dde3f1; }
body[data-col="sport"] { --pc:#2c6e7c; --pbg:#edf4f4; --ppanel:#dce9ea; }
body[data-col="casual"]{ --pc:#5f7050; --pbg:#f0f3ea; --ppanel:#e5ead9; }
body[data-col]{ background:var(--pbg); }
body[data-col] .pinfo .ptag,
body[data-col] .pinfo .pprice,
body[data-col] .pspecs td:first-child{ color:var(--pc); }
body[data-col] .pstock i{ background:var(--pc); }
body[data-col] .pshare:hover{ color:var(--pc); }
body[data-col] .btn.gold{ background:var(--pc); box-shadow:0 14px 30px -16px var(--pc); }
body[data-col] .btn.gold:hover{ background:var(--pc); filter:brightness(.92); }
body[data-col] .vsw.on{ border-color:var(--pc); box-shadow:0 0 0 2px var(--pbg) inset,0 0 0 1px var(--pc); }
body[data-col] .gmain{ background:radial-gradient(120% 100% at 50% 18%,#fffdf9 0%,var(--ppanel) 100%); border-color:var(--ppanel); }