﻿body{background:radial-gradient(circle at top,#fff9f3 0,#fff8f0 30%,#f7f1e8 100%)}
html,body{margin:0!important;padding:0!important}
body{background:radial-gradient(circle at top,#fff9f3 0,#fff8f0 30%,#f7f1e8 100%)}
/* Defensa contra barra/contenedor inyectado por hosting antes del header de detalle */
body>iframe:first-child{display:none!important;height:0!important;max-height:0!important;border:0!important;margin:0!important;padding:0!important}
body>div:first-child:not(.pd-top):not(.pd-lightbox):not(.cart-overlay):not(.cart-drawer){display:none!important;height:0!important;max-height:0!important;overflow:hidden!important;margin:0!important;padding:0!important;border:0!important}
body>section:first-child:not(.pd-top){display:none!important;height:0!important;max-height:0!important;overflow:hidden!important;margin:0!important;padding:0!important;border:0!important}
.pd-top{position:sticky;top:0;z-index:200;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);border-bottom:1px solid #efdfc6;box-shadow:0 6px 20px rgba(93,64,55,.08);padding:.7rem 1rem}
.pd-top-in{max-width:1460px;margin:0 auto;display:flex;gap:.75rem;align-items:center}
.pd-logo{font-family:var(--font-d);font-size:1.85rem;font-weight:700;color:var(--accent);text-decoration:none;white-space:nowrap}
.pd-search{flex:1;display:flex}
.pd-search input{flex:1;background:#fff;border:2px solid var(--border);border-right:none;border-radius:999px 0 0 999px;padding:.58rem .95rem;outline:none}
.pd-search input:focus{border-color:var(--accent)}
.pd-search button{background:var(--accent);color:#fff;border:none;border-radius:0 999px 999px 0;padding:.58rem 1.05rem;font-weight:700;cursor:pointer;transition:.2s}
.pd-search button:hover{background:#e55a27}
.pd-right{display:flex;align-items:center;gap:.45rem}
.pd-pill{position:relative;display:inline-flex;align-items:center;gap:.35rem;background:#fff7ed;border:1px solid var(--border);border-radius:999px;color:var(--brown);padding:.42rem .78rem;font-size:.78rem;font-weight:700;text-decoration:none;white-space:nowrap}
.pd-pill:hover{border-color:var(--accent);color:var(--accent)}
.pd-badge{position:absolute;top:-6px;right:-6px;background:var(--accent);color:#fff;min-width:18px;height:18px;border-radius:999px;font-size:.64rem;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 .3rem;border:2px solid #fff}
.pd-avatar{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;font-weight:800;font-family:var(--font-d);font-size:1rem}
.pd-wrap{max-width:1460px;margin:.35rem auto 2rem;padding:0 .75rem}
.pd-back{display:inline-block;margin-bottom:.9rem;color:var(--muted);text-decoration:none;font-weight:700;background:#fff;padding:.36rem .72rem;border-radius:999px;border:1px solid var(--border)}
.pd-msg{margin:.35rem 0;padding:.62rem .78rem;border-radius:12px;font-size:.86rem}
.pd-msg.ok{background:#e8f5e9;border:1px solid #b7dfbc;color:#1b5e20}
.pd-msg.er{background:#fff0ee;border:1px solid #ffc5b8;color:#c62828}
.pd-card{display:grid;grid-template-columns:minmax(440px,56%) minmax(380px,44%);background:#fff;border:1px solid #ead9bf;border-radius:24px;overflow:hidden;box-shadow:0 20px 50px rgba(93,64,55,.12);align-items:stretch}
.pd-img{position:relative;background:#fff;height:auto;min-height:100%;display:flex;align-items:center;justify-content:center;padding:0;overflow:hidden}
.pd-img img{width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;object-position:center;display:block;margin:0 auto;transform-origin:center center;transition:transform .18s ease}
.pd-zoomable-img{cursor:zoom-in}
.pd-img.zoom-active{cursor:crosshair}
.pd-img.zoom-active .pd-zoomable-img{transform:scale(2);transform-origin:var(--zx,50%) var(--zy,50%);cursor:crosshair;transition:none}
.pd-lightbox{position:fixed;inset:0;background:rgba(23,18,13,.85);display:none;align-items:center;justify-content:center;padding:1rem;z-index:1200}
.pd-lightbox.open{display:flex}
.pd-lightbox img{max-width:min(92vw,1400px);max-height:90vh;width:auto;height:auto;object-fit:contain;border-radius:14px;background:#fff;box-shadow:0 20px 40px rgba(0,0,0,.42)}
.pd-lightbox-close{position:fixed;top:18px;right:18px;width:44px;height:44px;border:none;border-radius:999px;background:#fff;color:#4a3227;font-size:1.8rem;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
.pd-lightbox-close:hover{color:var(--accent)}
.pd-body{padding:1.4rem 1.35rem;display:flex;flex-direction:column;gap:.72rem;justify-content:flex-start}
.pd-chip{display:inline-flex;align-items:center;gap:.45rem;background:#fff5ea;border:1px solid #ffd9b8;color:#9e6a45;font-weight:700;font-size:.72rem;padding:.28rem .62rem;border-radius:999px;text-transform:uppercase;letter-spacing:1px;width:max-content}
.pd-name{font-family:var(--font-d);font-size:2.12rem;color:var(--brown);line-height:1.1}
.pd-desc{color:var(--muted);line-height:1.62}
.pd-price{font-family:var(--font-d);font-size:2.3rem;color:var(--accent);font-weight:700}
.pd-stock{font-weight:700;color:#2e7d32}
.pd-meta{display:grid;grid-template-columns:140px 1fr;gap:.45rem .8rem;font-size:.91rem;border-top:1px solid var(--border);padding-top:.8rem}
.pd-meta .k{color:var(--muted);font-weight:700}
.pd-score{color:#f59e0b;font-weight:700}
.pd-buy{display:flex;gap:.55rem;align-items:center;margin-top:.25rem;background:#fff7ed;border:1px solid #ffd8b5;padding:.55rem;border-radius:14px}
.pd-buy .qty-stepper{display:inline-flex;align-items:center;gap:.3rem;background:var(--s2);border:2px solid var(--border);border-radius:12px;padding:.22rem}
.pd-buy .qty-step{width:36px;height:36px;border:0;border-radius:10px;background:#fff;color:var(--brown);font-family:var(--font-d);font-size:1.2rem;font-weight:700;cursor:pointer;line-height:1;display:inline-flex;align-items:center;justify-content:center}
.pd-buy .qty-step:hover{color:var(--accent)}
.pd-buy .qty-step:active{transform:scale(.96)}
.pd-buy .qty-inp{display:none !important}
.pd-buy .qty-display{width:44px;height:36px;border-radius:8px;background:transparent;padding:.35rem .1rem;text-align:center;font-weight:700;color:var(--brown);outline:none;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-d)}
.pd-buy .pd-add-btn{border:none;border-radius:999px;background:var(--accent);color:#fff;font-weight:700;padding:.72rem 1.2rem;cursor:pointer;transition:.2s;box-shadow:0 8px 20px rgba(255,107,53,.28)}
.pd-buy .pd-add-btn:hover{background:#e55a27;transform:translateY(-1px)}
.sec{margin-top:1rem;background:#fff;border:1px solid #ead9bf;border-radius:18px;padding:1.08rem;box-shadow:0 10px 28px rgba(93,64,55,.08)}
.sec h3{font-family:var(--font-d);color:var(--brown);font-size:1.25rem;margin-bottom:.2rem}
.rv-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem;margin-bottom:.65rem}
.rv-top-sub{color:var(--muted);font-size:.82rem}
.rv-chip{background:#fff4e8;border:1px solid #ffd8b8;color:#b26d43;border-radius:999px;padding:.25rem .62rem;font-size:.72rem;font-weight:700;white-space:nowrap}
.rv-headline{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.45rem 0 .65rem;border-bottom:1px solid #f0dfc8}
.rv-scoreline{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}
.rv-count{font-weight:700;color:var(--brown)}
.rv-divider{color:#ccb598}
.rv-stars{font-size:1.25rem;letter-spacing:1px;color:#121212}
.rv-num{font-weight:800;color:#111}
.rv-verified{display:inline-flex;align-items:center;gap:.35rem;background:#ecf9ee;border:1px solid #bfe7c4;color:#1f7b2e;border-radius:999px;padding:.28rem .62rem;font-size:.73rem;font-weight:700}
.rv-tags{display:flex;flex-wrap:wrap;gap:.45rem;margin:.7rem 0}
.rv-tag{background:#fff;border:1px solid #d6d6d6;border-radius:999px;padding:.34rem .7rem;font-size:.82rem;color:#2d2d2d}
.rv-sum{display:inline-block;color:#f59e0b;font-weight:800;background:#fff7e6;border:1px solid #fde1aa;border-radius:10px;padding:.35rem .62rem}
.rv-note{background:var(--s2);border:1px solid var(--border);border-radius:12px;padding:.52rem .68rem;color:var(--muted);font-size:.86rem}
.rv-note.warn{background:#fff8ec;border-color:#ffdcb8;color:#9b6a46}
.rv-note.empty{display:flex;align-items:center;gap:.45rem;background:#fffdf8}
.rv-form{display:flex;flex-direction:column;gap:.5rem;margin:.7rem 0}
.rv-fotos-help{font-size:.76rem;color:var(--muted)}
.rv-fotos-grid{display:flex;gap:.4rem;flex-wrap:wrap}
.rv-fotos-grid img{width:62px;height:62px;object-fit:cover;border-radius:8px;border:1px solid var(--border)}
.rv-form-actions{display:flex;gap:.5rem;flex-wrap:wrap}
.rv-form-wrap{display:none}
.rv-form-wrap.open{display:block}
.rv-write-btn{margin-top:.55rem;border:1px solid var(--border);background:#fff;border-radius:999px;padding:.46rem .88rem;font-weight:700;color:var(--brown);cursor:pointer}
.rv-write-btn:hover{border-color:var(--accent);color:var(--accent)}
.rv-form select,.rv-form textarea{border:2px solid var(--border);border-radius:10px;background:var(--s2);padding:.5rem .65rem;font-family:var(--font-b)}
.rv-form textarea{min-height:88px}
.rv-form button{align-self:flex-start;border:none;border-radius:999px;background:var(--accent);color:#fff;font-weight:700;padding:.56rem .95rem;cursor:pointer}
.rv-btn-del{border:1px solid #ef9a9a;border-radius:999px;background:#fff;color:#c62828;font-weight:700;padding:.56rem .95rem;cursor:pointer}
.rv-btn-del:hover{background:#fff4f4}
.rv-list{display:flex;flex-direction:column;gap:.7rem;max-height:520px;overflow:auto;padding-right:.1rem;margin-top:.5rem}
.rv-item{border:1px solid #eddcc4;border-radius:12px;padding:.62rem .74rem;background:#fff}
.rv-h{display:flex;justify-content:space-between;gap:.5rem;align-items:center}
.rv-user{display:flex;align-items:center;gap:.55rem}
.rv-av{width:32px;height:32px;border-radius:50%;background:#e9eef9;color:#3954a6;display:flex;align-items:center;justify-content:center;font-weight:800}
.rv-u{font-weight:700;color:var(--brown)}
.rv-s{color:#141414;font-size:1.12rem;letter-spacing:1px}
.rv-rlabel{color:#ff6b35;font-size:.85rem;font-weight:700}
.rv-d{font-size:.75rem;color:var(--muted)}
.rv-t{margin-top:.2rem;line-height:1.45}
.rv-photos{display:flex;gap:.35rem;flex-wrap:wrap;margin-top:.35rem}
.rv-photos img{width:72px;height:72px;object-fit:cover;border-radius:8px;border:1px solid var(--border);background:#fff}
.rv-more-wrap{display:flex;justify-content:center;margin-top:.85rem}
.rv-more{border:1px solid #b6b6b6;background:#fff;border-radius:999px;padding:.48rem 1.3rem;font-weight:700;color:#333;cursor:pointer}
.rel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.82rem}
.rel-card{display:block;text-decoration:none;color:inherit;border:1px solid #ead9bf;border-radius:14px;overflow:hidden;background:#fff;transition:.22s}
.rel-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 14px 24px rgba(93,64,55,.12)}
.rel-img{height:130px;background:linear-gradient(135deg,var(--s2),#fde8d0);display:flex;align-items:center;justify-content:center}
.rel-img img{width:100%;height:100%;object-fit:cover}
.rel-b{padding:.62rem}
.rel-c{font-size:.68rem;letter-spacing:1px;color:var(--muted);text-transform:uppercase}
.rel-n{font-family:var(--font-d);font-size:1rem;color:var(--brown);line-height:1.2}
.rel-p{margin-top:.25rem;color:var(--accent);font-family:var(--font-d);font-size:1.2rem;font-weight:700}
@media(max-width:1200px){.pd-top-in,.pd-wrap{max-width:1240px}.pd-card{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.pd-card{grid-template-columns:1fr}.pd-img{height:clamp(280px,48vh,430px);min-height:0}.pd-name{font-size:1.75rem}.pd-price{font-size:2rem}.pd-top-in{flex-wrap:wrap}.pd-search{order:3;flex-basis:100%}}
@media(max-width:620px){.pd-logo{font-size:1.45rem}.pd-top{padding:.52rem .62rem}.pd-top-in{gap:.45rem}.pd-right{width:100%;justify-content:flex-end}.pd-pill{font-size:.72rem;padding:.36rem .62rem}.pd-body{padding:1rem}.pd-meta{grid-template-columns:1fr 1fr;font-size:.84rem}.pd-buy{flex-wrap:wrap}.pd-buy .pd-add-btn{width:100%}.pd-buy .qty-step{width:40px;height:40px}.pd-buy .qty-display{width:48px;font-size:1rem}.rv-headline{flex-direction:column;align-items:flex-start}.rv-stars{font-size:1.05rem}}
