/* Extraído de includes/ficha-display.php (17/10/2026) para que el navegador lo guarde en caché. Editar AQUÍ. */
/* El botón flotante antiguo de WhatsApp no se usa en las fichas (barra inferior + accesos rápidos): oculto desde el <head> para que no aparezca y desaparezca al cargar */
.btn-whatsapp{ display:none !important; }
html.fd-bar-vis .rs-chat-nudge, html.fd-bar-vis .rs-rail-wa{ display:none !important; }
.fd{ --v:#7DC900; --v2:#5f9a00; --vl:rgba(125,201,0,.12); --n:#111; --tx:#141a05; --tx2:#3a4220; --mu:#6b7458; --bd:#dde6cc; --bg:#f5f7f2;
  --fh:'DM Sans',system-ui,sans-serif; --fb:'DM Sans',system-ui,sans-serif;
  box-sizing:border-box; width:100%; max-width:1340px; margin:0 auto; padding:0 20px 40px; color:var(--tx); font-family:var(--fb); font-size:16px; line-height:1.55; text-align:left; }
.fd *, .fd *::before, .fd *::after{ box-sizing:border-box; }
.fd img{ max-width:100%; height:auto; display:block; }
.fd a{ color:var(--v2); }
.fd h2{ font-family:var(--fh); font-size:1.45rem; line-height:1.2; margin:0 0 14px; color:var(--n); letter-spacing:-.01em; }
.fd h3{ font-family:var(--fh); font-size:1.08rem; margin:20px 0 8px; color:var(--n); }
.fd p{ margin:0 0 12px; }
.fd ul{ margin:0 0 12px; padding-left:20px; }

.fd-migas{ display:flex; flex-wrap:wrap; gap:6px; align-items:center; padding:14px 0; font-size:.82rem; color:var(--mu); }
.fd-migas a{ color:var(--mu); text-decoration:none; } .fd-migas a:hover{ color:var(--v2); text-decoration:underline; }
.fd-migas b{ color:var(--n); font-weight:600; }

/* Modelos a escala: riel lateral */
.fd-layout{ display:grid; grid-template-columns:148px minmax(0,1fr); gap:34px; align-items:start; }
.fd-rail{ position:sticky; top:96px; z-index:6; padding:4px 0 8px; float:none; margin:0; }
.fd-rail-tit{ margin:0 0 2px; font-family:var(--fh); font-size:.95rem; font-weight:800; color:var(--n); line-height:1.1; }
.fd-rail-tit span{ display:block; font-family:var(--fb); font-size:.68rem; font-weight:600; letter-spacing:.08em; text-transform:uppercase; color:var(--v2); }
.fd-rail-h{ margin:16px 0 6px; padding-top:10px; border-top:1px solid var(--bd); font-size:.64rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; color:var(--mu); }
.fd-rail-l{ list-style:none; margin:0 !important; padding:0 !important; display:grid; grid-template-columns:1fr 1fr; gap:4px; }
.fd-rail-l li{ list-style:none; margin:0; }
.fd-rail-l a{ position:relative; display:flex; flex-direction:column; align-items:center; gap:1px; padding:5px 2px 4px; border-radius:12px;
  text-decoration:none; color:var(--mu); font-size:.66rem; font-weight:600; line-height:1.15; text-align:center; transition:background .18s, color .18s, transform .18s; }
.fd-rail-l a span{ white-space:nowrap; }
.fd-sil{ display:block; overflow:visible; }
.fd-sil-suelo{ stroke:var(--bd); stroke-width:1; }
.fd-sil-p{ fill:#e9eee0; stroke:#b9c4a4; stroke-width:1; transition:fill .18s, stroke .18s; }
.fd-sil-e{ fill:#b9c4a4; stroke:none; transition:fill .18s; }
.fd-sil-l{ fill:none; stroke:#b9c4a4; stroke-width:1.2; stroke-linecap:round; }
.fd-rail-l a, .fd-rail-l a:hover, .fd-rail-l a:focus{ text-decoration:none !important; }
.fd-rail-h:first-of-type{ border-top:0; padding-top:0; margin-top:12px; }
.fd-rail-l a:hover{ background:#fff; color:var(--n); transform:translateY(-1px); box-shadow:0 4px 14px rgba(30,60,0,.10); }
.fd-rail-l a:hover .fd-sil-p{ fill:var(--vl); stroke:var(--v2); }
.fd-rail-l a:hover .fd-sil-e{ fill:var(--v2); }
.fd-rail-l a:hover .fd-sil-l{ stroke:var(--v2); }
.fd-rail-l a.on{ background:var(--n); color:#fff; }
.fd-rail-l a.on .fd-sil-p{ fill:var(--v); stroke:var(--v); }
.fd-rail-l a.on .fd-sil-e{ fill:#fff; }
.fd-rail-l a.on .fd-sil-l{ stroke:#fff; }
.fd-rail-l a.on .fd-sil-suelo{ stroke:rgba(255,255,255,.25); }
.fd-rail-l a:focus-visible{ outline:3px solid #0a66c2; outline-offset:2px; }
/* Nombre completo al pasar el mouse */
@media (hover:hover) and (min-width:1024px){
  .fd-rail-l a::after{ content:attr(data-nom); position:absolute; left:calc(100% + 8px); top:50%; transform:translate(-4px,-50%); opacity:0; pointer-events:none;
    padding:6px 10px; border-radius:8px; background:var(--n); color:#fff; font-size:.76rem; font-weight:600; white-space:nowrap; z-index:5; transition:opacity .15s, transform .15s; }
  .fd-rail-l li:nth-child(odd) a::after{ left:calc(200% + 12px); }
  .fd-rail-l a:hover::after{ opacity:1; transform:translate(0,-50%); }
}
.fd-rail-todos{ display:inline-block; margin:12px 0 0; font-size:.78rem; font-weight:700; color:var(--v2); text-decoration:none; border-bottom:1px solid currentColor; }

.fd-hero{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:36px; align-items:start; padding:6px 0 30px; }
.fd-gal{ position:sticky; top:90px; }
.fd-gal-main{ position:relative; display:block; border:1px solid var(--bd); border-radius:16px; overflow:hidden; background:#fff; aspect-ratio:1/1; }
.fd-gal-main img{ width:100%; height:100%; object-fit:contain; transition:transform .2s ease; will-change:transform; }
@media (hover:hover) and (pointer:fine){
  .fd-gal-main{ cursor:zoom-in; }
  .fd-gal-main.zoom img{ transform:scale(2.2); transition:transform .1s ease; }
}
.fd-gal-lupa{ position:absolute; right:12px; bottom:12px; padding:4px 10px; border-radius:999px; background:rgba(17,17,17,.7); color:#fff; font-size:.72rem; pointer-events:none; }
.fd-gal-main.zoom .fd-gal-lupa{ opacity:0; }
.fd-gal-tag{ position:absolute; top:12px; left:12px; padding:5px 10px; border-radius:999px; font-size:.75rem; font-weight:700; background:var(--n); color:#fff; }
.fd-gal-tag--off{ background:#c2410c; }
.fd-gal-thumbs{ display:grid; grid-template-columns:repeat(auto-fill, minmax(64px, 1fr)); gap:8px; margin-top:10px; }
.fd-thumb{ display:block; aspect-ratio:1/1; padding:0; border:2px solid var(--bd); border-radius:10px; overflow:hidden; background:#fff; cursor:pointer; }
.fd-thumb img{ width:100%; height:100%; object-fit:cover; }
.fd-thumb.on{ border-color:var(--v); }

.fd-cat{ display:inline-block; margin:0 0 8px; padding:4px 10px; border-radius:999px; background:var(--vl); color:var(--v2); font-size:.75rem; font-weight:700; letter-spacing:.05em; text-transform:uppercase; }
.fd-h1{ font-family:var(--fh); font-size:2.1rem; line-height:1.08; margin:0 0 8px; color:var(--n); letter-spacing:-.02em; }
.fd-h1 span{ color:var(--v2); white-space:nowrap; }
.fd-sub{ color:var(--tx2); font-size:.98rem; margin:0 0 12px; }
.fd-precio{ margin:0 0 12px; font-family:var(--fh); font-size:1.7rem; font-weight:800; color:var(--n); line-height:1.1; }
.fd-precio small{ font-family:var(--fb); font-size:.85rem; font-weight:600; color:var(--mu); }
.fd-precio em{ font-family:var(--fb); font-style:normal; font-size:.88rem; font-weight:600; color:var(--mu); }
.fd-dest{ display:flex; flex-wrap:wrap; gap:6px; list-style:none; padding:0 !important; margin:0 0 4px !important; }
.fd-dest li{ list-style:none; padding:5px 10px; border:1px solid var(--bd); border-radius:999px; background:#fff; font-size:.8rem; color:var(--tx2); }
.fd-dest li::before{ content:"✓ "; color:var(--v2); font-weight:700; }
.fd .rsd{ border-color:var(--bd); margin:16px 0 14px; }
.fd .rsd-sub{ display:none; }
.fd .rsd-tit{ margin-bottom:12px; }
.fd .rsd-op.on{ border-color:var(--n); background:var(--vl); }
.fd .rsd-tramos li.on{ background:var(--n); border-color:var(--n); }

.fd-cond{ list-style:none; margin:0 0 8px !important; padding:12px 14px !important; border-radius:12px; background:var(--bg); font-size:.84rem; color:var(--tx2); }
.fd-cond li{ list-style:none; margin:0 0 5px; padding-left:16px; position:relative; }
.fd-cond li:last-child{ margin-bottom:0; }
.fd-cond li::before{ content:""; position:absolute; left:0; top:.6em; width:6px; height:6px; border-radius:50%; background:var(--v); }
.fd-cond b{ color:var(--n); }
.fd-mini{ font-size:.8rem; color:var(--mu); margin:0; }

.fd-sinstock{ margin:16px 0 14px; padding:16px; border:1px solid #fed7aa; border-radius:14px; background:#fff7ed; }
.fd-sinstock strong{ display:block; color:#c2410c; font-size:1rem; margin-bottom:4px; }
.fd-sinstock p{ color:#9a3412; font-size:.9rem; }
.fd-alt{ display:flex; gap:12px; align-items:center; padding:10px; border-radius:12px; background:#fff; border:1px solid var(--bd); text-decoration:none; color:var(--tx); }
.fd-alt img{ width:64px; height:64px; object-fit:cover; border-radius:8px; }
.fd-alt small{ display:block; font-size:.72rem; color:var(--mu); text-transform:uppercase; letter-spacing:.04em; }
.fd-alt b{ display:block; color:var(--n); }
.fd-alt em{ font-style:normal; font-size:.85rem; color:var(--v2); font-weight:700; }

.fd-sec{ padding:30px 0; border-top:1px solid var(--bd); }
.fd-sec-sub{ color:var(--mu); font-size:.9rem; margin-top:-8px; }
.fd-dos{ display:grid; grid-template-columns:minmax(0,1.35fr) minmax(0,1fr); gap:36px; align-items:start; }
.fd-desc{ color:var(--tx2); }
.fd-desc strong{ color:var(--n); }
.fd-ficha table{ width:100%; border-collapse:collapse; border:1px solid var(--bd); border-radius:12px; overflow:hidden; font-size:.88rem; background:#fff; }
.fd-ficha th, .fd-ficha td{ padding:9px 12px; border-bottom:1px solid var(--bd); text-align:left; vertical-align:top; }
.fd-ficha tr:last-child th, .fd-ficha tr:last-child td{ border-bottom:0; }
.fd-ficha th{ width:42%; background:var(--bg); color:var(--tx2); font-weight:600; }

.fd-trab{ display:grid; grid-template-columns:repeat(auto-fill, minmax(150px, 1fr)); gap:10px; }
.fd-trab a{ display:block; border-radius:12px; overflow:hidden; aspect-ratio:1/1; background:var(--bg); }
.fd-trab img{ width:100%; height:100%; object-fit:cover; transition:transform .25s; }
.fd-trab a:hover img{ transform:scale(1.04); }

/* Prueba tu diseño */
.fd-prev-cta{ margin-top:12px; display:flex; flex-wrap:wrap; align-items:center; gap:6px 12px; }
.fd-prev-btn{ display:inline-flex; align-items:center; gap:8px; padding:10px 16px; border-radius:999px; background:var(--n); color:#fff; font-weight:700; font-size:.9rem; cursor:pointer; transition:background .15s; }
.fd-prev-btn:hover{ background:#2a2a2a; }
.fd-prev-btn svg{ color:var(--v); }
.fd-prev-cta small{ color:var(--mu); font-size:.76rem; }
.fd-prev{ position:fixed; inset:0; z-index:2147482500; background:rgba(10,12,8,.7); display:flex; align-items:center; justify-content:center; padding:16px; }
.fd-prev[hidden]{ display:none; }
.fd-prev-caja{ position:relative; width:100%; max-width:520px; max-height:calc(100vh - 32px); overflow:auto; background:#fff; border-radius:16px; padding:20px; font-family:var(--fb); color:var(--tx); }
.fd-prev-x{ position:absolute; top:10px; right:10px; width:36px; height:36px; border:0; border-radius:50%; background:#f1f1f1; font-size:1.4rem; cursor:pointer; }
.fd-prev-tit{ margin:0 40px 2px 0; font-family:var(--fh); font-size:1.2rem; font-weight:800; color:var(--n); }
.fd-prev-med{ margin:0 0 12px; font-size:.85rem; color:var(--mu); }
.fd-prev-escena{ display:flex; flex-direction:column; align-items:center; padding:18px 10px 14px; border-radius:12px;
  background:linear-gradient(#f4f6ef, #e9ede1); }
.fd-prev-marco{ position:relative; background:#fff; box-shadow:0 10px 30px rgba(0,0,0,.18); overflow:hidden; border-top:5px solid #c9ced3; }
.fd-prev-marco img{ display:block; width:100%; height:100%; object-fit:cover; }
.fd-prev-base{ height:9px; border-radius:5px; background:linear-gradient(#d7dbdf, #a9afb5); }
.fd-prev-avisos{ list-style:none; margin:12px 0 0 !important; padding:0 !important; font-size:.84rem; }
.fd-prev-avisos li{ list-style:none; margin:0 0 6px; padding:8px 10px; border-radius:8px; background:#f3fae6; color:#3d6200; }
.fd-prev-avisos li.alerta{ background:#fff7ed; color:#9a3412; }
.fd-prev-btns{ display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; }
.fd-prev-ok{ flex:1 1 180px; min-height:46px; border:0; border-radius:10px; background:#25d366; color:#fff; font-weight:800; font-size:.95rem; cursor:pointer; font-family:inherit; }
.fd-prev-otra{ flex:1 1 140px; display:flex; align-items:center; justify-content:center; min-height:46px; border:2px solid var(--n); border-radius:10px; font-weight:700; cursor:pointer; }
.fd-prev-nota{ margin:10px 0 0; font-size:.74rem; color:var(--mu); text-align:center; }

/* Comparador de medidas (tarjetas a escala) */
.fd-cmp-escena{ list-style:none; margin:0 !important; padding:4px 2px 10px !important; display:grid; grid-template-columns:repeat(8, minmax(96px, 1fr)); gap:10px;
  overflow-x:auto; scrollbar-width:none; }
.fd-cmp-escena::-webkit-scrollbar{ display:none; }
.fd-cmp-escena li{ list-style:none; margin:0; }
.fd-cmp-fig{ position:relative; height:100%; display:flex; flex-direction:column; align-items:center; gap:4px; padding:14px 6px 12px; border:1px solid var(--bd);
  border-radius:14px; background:#fff; text-decoration:none !important; color:var(--tx2); text-align:center; transition:border-color .15s, transform .15s, box-shadow .15s; }
.fd-cmp-fig .fd-sil{ width:96px; height:64px; }
.fd-cmp-fig:hover{ border-color:var(--v); transform:translateY(-2px); box-shadow:0 6px 18px rgba(30,60,0,.10); }
.fd-cmp-fig:hover .fd-sil-p{ fill:var(--vl); stroke:var(--v2); }
.fd-cmp-med{ font-size:.86rem; font-weight:700; color:var(--n); white-space:nowrap; }
.fd-cmp-pre{ font-size:.95rem; font-weight:700; color:var(--v2); white-space:nowrap; font-variant-numeric:tabular-nums; }
.fd-cmp-pre small{ display:block; font-size:.66rem; font-weight:600; color:var(--mu); text-transform:uppercase; letter-spacing:.04em; margin-bottom:1px; }
.fd-cmp-aqui{ position:absolute; top:-9px; left:50%; transform:translateX(-50%); padding:2px 8px; border-radius:999px; background:var(--v); color:#111; font-size:.62rem; font-weight:800; text-transform:uppercase; letter-spacing:.05em; white-space:nowrap; }
.fd-cmp-fig.on{ background:var(--n); border-color:var(--n); }
.fd-cmp-fig.on .fd-cmp-med{ color:#fff; }
.fd-cmp-fig.on .fd-cmp-pre{ color:#b6f23c; }
.fd-cmp-fig.on .fd-cmp-pre small{ color:#bbb; }
.fd-cmp-fig.on .fd-sil-p{ fill:var(--v); stroke:var(--v); }
.fd-cmp-fig.on .fd-sil-e{ fill:#fff; }
.fd-cmp-fig.on .fd-sil-suelo{ stroke:rgba(255,255,255,.25); }
.fd-cmp-nota{ margin:4px 0 0; font-size:.78rem; color:var(--mu); }

/* Opiniones de clientes (Google) */
.fd-ops-cab{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px 20px; margin-bottom:16px; }
.fd-ops-cab h2{ margin:0; }
.fd-ops-nota{ display:inline-flex; align-items:center; gap:8px; padding:8px 14px; border:1px solid var(--bd); border-radius:999px; background:#fff; text-decoration:none !important; color:var(--tx) !important; }
.fd-ops-nota b{ font-family:var(--fh); font-size:1.15rem; color:var(--n); }
.fd-ops-est, .fd-op-est{ color:#f5a300; letter-spacing:1px; }
.fd-ops-nota small{ font-size:.8rem; color:var(--mu); }
.fd-ops-l{ list-style:none; margin:0 !important; padding:0 !important; display:grid; grid-template-columns:repeat(auto-fit, minmax(280px, 1fr)); gap:14px; }
.fd-op{ list-style:none; margin:0; padding:18px 18px 14px; border:1px solid var(--bd); border-radius:16px; background:#fff; }
.fd-op-cab{ display:flex; align-items:center; gap:10px; margin-bottom:8px; }
.fd-op-av{ flex:0 0 38px; width:38px; height:38px; border-radius:50%; background:var(--n); color:var(--v); display:flex; align-items:center; justify-content:center; font-family:var(--fh); font-weight:800; }
.fd-op-quien{ flex:1; min-width:0; line-height:1.2; }
.fd-op-quien b{ display:block; color:var(--n); font-size:.95rem; }
.fd-op-quien small{ font-size:.76rem; color:var(--mu); }
.fd-op-prod{ display:inline-block; margin:0 0 8px !important; padding:3px 9px; border-radius:999px; background:var(--vl); color:var(--v2); font-size:.74rem; font-weight:700; }
.fd-op blockquote{ margin:0; color:var(--tx2); font-size:.95rem; line-height:1.55; }
.fd-op-trad{ margin:8px 0 0 !important; font-size:.84rem; color:var(--mu); font-style:italic; }
.fd-op-trad span{ font-style:normal; font-weight:600; }
.fd-ops-mas{ display:inline-block; margin-top:14px; font-size:.88rem; font-weight:700; text-decoration:none; border-bottom:1px solid currentColor; }
@media (max-width:1023px){ .fd-cmp-escena{ grid-template-columns:repeat(8, 104px); padding-top:10px !important; } }
.fd-faqs details{ border:1px solid var(--bd); border-radius:12px; background:#fff; margin-bottom:8px; }
.fd-faqs summary{ cursor:pointer; padding:14px 44px 14px 16px; font-weight:700; color:var(--n); list-style:none; position:relative; }
.fd-faqs summary::-webkit-details-marker{ display:none; }
.fd-faqs summary::after{ content:"+"; position:absolute; right:16px; top:10px; font-size:1.4rem; color:var(--v2); }
.fd-faqs details[open] summary::after{ content:"−"; }
.fd-faqs details > div{ padding:0 16px 12px; color:var(--tx2); font-size:.94rem; }

.fd-todos{ margin:14px 0 0; font-weight:700; }

.fd-lb{ position:fixed; inset:0; z-index:2147482000; background:rgba(10,12,8,.92); display:flex; align-items:center; justify-content:center; padding:40px 56px; }
.fd-lb[hidden]{ display:none; }
.fd-lb img{ max-width:100%; max-height:84vh; object-fit:contain; border-radius:8px; }
.fd-lb p{ position:absolute; bottom:14px; left:0; right:0; text-align:center; color:#ddd; font-size:.85rem; margin:0; padding:0 20px; }
.fd-lb button{ position:absolute; border:0; background:rgba(255,255,255,.12); color:#fff; border-radius:50%; width:44px; height:44px; font-size:1.8rem; line-height:1; cursor:pointer; }
.fd-lb button:hover{ background:rgba(255,255,255,.25); }
.fd-lb-x{ top:14px; right:14px; } .fd-lb-prev{ left:10px; } .fd-lb-next{ right:10px; }
html.fd-lb-on, html.fd-lb-on body{ overflow:hidden; }

@media (max-width:1023px){
  .fd-layout{ display:block; }
  /* Franja deslizable a escala */
  .fd-rail{ position:relative; top:auto; z-index:auto; display:flex; align-items:stretch; gap:6px; margin:0 -20px 14px; padding:4px 20px 8px; overflow-x:auto; scroll-snap-type:x proximity;
    scrollbar-width:none; -webkit-overflow-scrolling:touch;
    -webkit-mask-image:linear-gradient(90deg, transparent 0, #000 16px, #000 calc(100% - 28px), transparent 100%);
            mask-image:linear-gradient(90deg, transparent 0, #000 16px, #000 calc(100% - 28px), transparent 100%); }
  .fd-rail::-webkit-scrollbar{ display:none; }
  .fd-rail-tit, .fd-rail-h{ display:none; }
  .fd-rail-l{ display:flex; gap:6px; }
  .fd-rail-l li{ scroll-snap-align:center; }
  .fd-rail-l a{ min-width:70px; padding:6px 4px; background:#fff; border:1px solid var(--bd); }
  .fd-rail-l a.on{ border-color:var(--n); }
  .fd-rail-todos{ flex:0 0 auto; align-self:center; margin:0 8px 0 4px; white-space:nowrap; }
}
@media (max-width:480px){ .fd-rail{ margin:0 -14px 12px; padding:4px 14px 8px; } }

@media (max-width:900px){
  .fd-hero, .fd-dos{ grid-template-columns:minmax(0,1fr); gap:22px; }
  .fd-gal{ position:static; max-width:520px; width:100%; margin:0 auto; }
  .fd-h1{ font-size:1.75rem; }
}
@media (max-width:480px){
  .fd{ padding:0 14px 30px; }
  .fd-h1{ font-size:1.5rem; }
  .fd-precio{ font-size:1.45rem; }

  .fd-lb{ padding:50px 8px; }
}
/* 2026-10-07 · Migas ocultas a la vista (el menú «Modelos» de la izquierda ya orienta);
   se mantienen para lectores de pantalla y en los datos estructurados para Google */
.fd-migas{ position:absolute !important; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0; }
/* La etiqueta de categoría («ROLL SCREEN») repetía el título: se oculta */
.fd-info > .fd-cat{ display:none; }
/* Más simple: el precio ya está en las opciones del pedido → sin «Desde S/…» arriba;
   las ventajas pasan debajo del pedido. Así el pedido sube en todas las fichas. */
.fd-info{ display:flex; flex-direction:column; }
.fd-info > .rsd ~ *, .fd-info > .fd-dest{ order:2; }
.fd-info > .fd-dest{ margin:14px 0 0 !important; }
.fd-info > .fd-sub{ margin-bottom:14px !important; }
#rsd-cotizador ~ .fd-precio, .fd-info > .fd-precio{ display:none; }
/* Tipografía limpia y minimalista (antes Syne, muy ancha): una sola familia, DM Sans */
.fd h1, .fd h2, .fd h3, .fd-h1, .fd-precio, .fd .rsd-tit{ font-family:var(--fh) !important; font-weight:700 !important; letter-spacing:-.025em !important; }
.fd-h1{ font-size:2rem; line-height:1.12; }
.fd-h1 span{ font-weight:600; }
.fd .rsd-tit{ font-size:1.35rem !important; }
.fd-rail-tit{ font-weight:700; letter-spacing:-.01em; }
/* ═══ Encabezado profesional (2026-10-07 c) ═══ */
.fd-kick{ display:flex; flex-wrap:wrap; align-items:center; gap:6px 14px; margin:0 0 10px !important; font-size:.72rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:var(--mu); }
.fd-kick span:first-child{ display:inline-flex; align-items:center; gap:8px; color:var(--n); }
.fd-kick span:first-child::before{ content:''; width:22px; height:3px; border-radius:3px; background:#b8f400; }
.fd-kick span + span{ letter-spacing:.04em; text-transform:none; font-weight:500; font-size:.8rem; }
.fd .fd-h1{ font-size:2.35rem; line-height:1.05; margin:0 0 14px !important; letter-spacing:-.035em !important; color:var(--n); }
.fd-h1 span{ display:inline-block; margin-left:4px; padding:.12em .42em .16em; border-radius:10px; background:#111; color:#c4f531; font-size:.82em; font-weight:700; letter-spacing:-.02em; vertical-align:.06em; }
.fd-specs{ display:flex; flex-wrap:wrap; gap:6px 18px; list-style:none; margin:0 0 18px !important; padding:0 !important; }
.fd-specs li{ position:relative; display:flex; align-items:center; gap:7px; font-size:.9rem; color:var(--tx2); list-style:none; }
.fd-specs li::before{ content:''; flex:none; width:18px; height:18px; border-radius:50%; background:#111 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c4f531' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.2 4.2L19 7'/%3E%3C/svg%3E") center/11px no-repeat; }
.fd-info > .fd-sub{ display:none; }
@media (max-width:640px){
  .fd .fd-h1{ font-size:1.75rem; }
  .fd-specs{ gap:6px 14px; }
  .fd-specs li{ font-size:.84rem; }
}
/* Galería sin scroll: máximo 6 miniaturas; la sexta muestra «+N» y abre el visor */
.fd-gal-thumbs .fd-thumb:nth-child(n+7){ display:none !important; }
.fd-thumb--mas{ position:relative; }
.fd-thumb--mas::after{ content:attr(data-mas); position:absolute; inset:0; display:grid; place-items:center; background:rgba(17,17,17,.62); color:#fff; font-weight:700; font-size:1rem; border-radius:inherit; }
/* ═══ 2026-10-07 · Precio y botón a la vista: foto más compacta, ayuda del chat debajo del pedido ═══ */
.fd-gal-thumbs{ grid-template-columns:repeat(auto-fill, minmax(54px, 1fr)); }
.fd-h1{ margin-bottom:4px !important; }
.fd-dest{ gap:4px; margin:6px 0 0 !important; }
.fd-dest li{ padding:3px 9px; font-size:.74rem; }
@media (max-width:900px){
  .fd-gal{ max-width:none; }
  .fd-gal-main{ aspect-ratio:auto; width:100%; height:min(72vw, 340px); }
  .fd-gal-main img{ object-fit:contain; }
  .fd-gal-thumbs{ grid-template-columns:repeat(6, minmax(0, 1fr)); gap:6px; margin-top:8px; }
  .fd-prev-cta{ margin-top:8px; }
  .fd-prev-cta small{ display:none; }
}

/* ═══════════ PLANTILLA B2B · columna derecha (2026-10-07 d) ═══════════
   Orden: categoría → nombre + medida → descripción → 3 beneficios → precio
   → descuentos por volumen → configura tu pedido → precios por cantidad
   → resumen tipo proforma → «Realizar pedido por WhatsApp» → asesor.
   Menos cajas, más jerarquía tipográfica. Negro, blanco y verde de la marca. */
.fd-info{ --g:#b6f23c; --g2:#4d7c0f; --ln:#e8e8e3; }
.fd-kick{ display:flex; align-items:center; gap:10px; margin:2px 0 10px !important; font-size:.72rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:#8a8a84; }
.fd-kick span:first-child{ color:#111; }
.fd-kick span:first-child::before{ content:''; width:20px; height:3px; border-radius:3px; background:var(--g); }
.fd-kick span + span{ display:inline-flex; align-items:center; gap:10px; letter-spacing:.14em; text-transform:uppercase; font-weight:700; font-size:.72rem; color:var(--g2); }
.fd-kick span + span::before{ content:'/'; color:#c9c9c2; font-weight:400; }
.fd .fd-h1{ font-size:2.3rem; margin:0 0 10px !important; }
.fd-lead{ margin:0 0 14px !important; max-width:58ch; font-size:.98rem; line-height:1.55; color:#55554f; }
.fd-specs{ margin:0 0 18px !important; gap:8px 20px; }
.fd-specs li{ font-size:.88rem; font-weight:600; color:#222; }
.fd-precio-b{ display:flex; flex-wrap:wrap; align-items:center; gap:8px 16px; padding:14px 0; border-top:1px solid var(--ln); border-bottom:1px solid var(--ln); margin:0 0 6px; }
.fd-precio2{ margin:0 !important; display:flex; align-items:baseline; gap:7px; color:#111; }
.fd-precio2 small{ font-size:.8rem; font-weight:600; color:#7a7a74; }
.fd-precio2 b{ font-size:1.9rem; font-weight:700; letter-spacing:-.03em; line-height:1; }
.fd-precio2 em{ font-style:normal; font-size:.82rem; font-weight:600; color:#7a7a74; }
.fd-vol{ margin:0 !important; display:inline-flex; align-items:center; gap:8px; padding:6px 12px 6px 8px; border-radius:999px; background:#f2fadf; color:#3f6212; font-size:.82rem; font-weight:600; }
.fd-vol span{ padding:2px 8px; border-radius:999px; background:#111; color:var(--g); font-size:.68rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; }
/* Configura tu pedido: sin caja, separado por línea */
.fd .rsd{ margin:4px 0 0; padding:18px 0 0; border:0; border-radius:0; box-shadow:none; background:transparent; }
.fd .rsd-tit{ font-size:1.25rem !important; margin:0 0 14px !important; }
.fd .rsd-sub{ display:none; }
.fd .rsd-campo{ margin-bottom:16px; }
.fd .rsd-etq{ font-size:.74rem; letter-spacing:.1em; color:#55554f; margin-bottom:8px; }
.fd .rsd-n{ width:20px; height:20px; font-size:.68rem; }
.fd .rsd-op{ border-width:1px; border-radius:12px; padding:12px 38px 12px 14px; }
.fd .rsd-op.on{ border-color:#111; background:#fafdf2; box-shadow:0 0 0 1px #111 inset; }
.fd .rsd-op.on::after{ background-color:#111; border-color:#111; }
.fd .rsd-op em{ color:var(--g2); }
.fd .rsd-step{ border-width:1px; border-radius:12px; }
.fd .rsd-chip{ border-width:1px; }
.fd .rsd-chip.on{ border-color:#111; background:#fafdf2; box-shadow:0 0 0 1px #111 inset; }
.fd .rsd-nudge{ background:#f2fadf; }
/* Precios por cantidad: tabla limpia, rango activo resaltado */
.fd .rsd-precios .rsd-tabla-w{ margin:0; }
.fd .rsd-tabla{ border:0; border-radius:0; font-size:.86rem; }
.fd .rsd-tabla caption{ display:none; }
.fd .rsd-tabla thead th{ background:transparent; border-bottom:1px solid #111; font-size:.7rem; letter-spacing:.06em; text-transform:uppercase; color:#7a7a74; padding:8px 10px; }
.fd .rsd-tabla th, .fd .rsd-tabla td{ border-bottom:1px solid var(--ln); padding:10px; }
.fd .rsd-tabla tbody th{ font-weight:600; }
.fd .rsd-tabla tr.on th{ background:transparent; }
.fd .rsd-tabla tr.on td{ background:transparent; }
.fd .rsd-tabla td.on, .fd .rsd-tabla span.on{ background:var(--g) !important; color:#111 !important; border-radius:8px; box-shadow:0 0 0 2px #fff inset; }
/* Resumen tipo proforma */
.fd .rsd-res{ margin:6px 0 14px; padding:16px 18px; background:#fff; color:#111; border:1px solid #111; border-radius:14px; }
.fd .rsd-res-k{ margin:0 0 8px !important; font-size:.7rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:#7a7a74; }
.fd .rsd-res .rsd-fila{ padding:4px 0; font-size:.9rem; }
.fd .rsd-res .rsd-fila dt{ color:#6b6b65; }
.fd .rsd-res .rsd-fila dd{ color:#111; font-weight:600; }
.fd .rsd-res .rsd-fila--prod dd{ font-weight:700; }
.fd .rsd-res .rsd-fila--prod + .rsd-fila:not(.rsd-fila--prod){ margin-top:6px; padding-top:10px; border-top:1px dashed #d6d6cf; }
.fd .rsd-res .rsd-fila.rsd-total{ margin-top:8px; padding-top:12px; border-top:2px solid #111; }
.fd .rsd-res .rsd-fila.rsd-total dt{ color:#111; font-weight:700; }
.fd .rsd-res .rsd-fila.rsd-total dd{ color:#111; font-size:1.7rem; font-weight:700; letter-spacing:-.02em; }
.fd .rsd-res .rsd-aviso{ color:#444; }
.fd .rsd-res .rsd-aviso b{ color:#111; }
.fd .rsd-btn{ min-height:54px; border-radius:12px; font-size:1.02rem; font-weight:700; }
.fd .rsd-asesor{ margin:12px 0 0 !important; font-size:.84rem; color:#55554f; text-align:center; }
.fd .rsd-asesor button{ padding:0; border:0; background:none; font:inherit; font-weight:700; color:#111; text-decoration:underline; text-decoration-color:var(--g); text-decoration-thickness:2px; text-underline-offset:3px; cursor:pointer; }
.fd .rsd-nota{ margin-top:8px; }
/* Galería: escritorio 6 miniaturas (+N en la 6.ª); celular 4 (+N en la 4.ª) */
.fd-thumb--mas4::after{ content:none; }
@media (max-width:900px){
  .fd-gal-thumbs{ grid-template-columns:repeat(4, minmax(0, 1fr)) !important; }
  .fd-gal-thumbs .fd-thumb:nth-child(n+5){ display:none !important; }
  .fd-thumb--mas::after{ content:none; }
  .fd-thumb--mas4{ position:relative; }
  .fd-thumb--mas4::after{ content:attr(data-mas4); position:absolute; inset:0; display:grid; place-items:center; background:rgba(17,17,17,.62); color:#fff; font-weight:700; font-size:1rem; border-radius:inherit; }
  .fd-hero{ gap:16px !important; }
  .fd-gal-main{ height:min(64vw, 300px) !important; }
  .fd-prev-cta{ margin-top:8px; }
  .fd .fd-h1{ font-size:1.7rem; margin-bottom:8px !important; }
  .fd-lead{ font-size:.92rem; margin-bottom:12px !important; }
  .fd-specs{ flex-direction:column; gap:6px; margin-bottom:14px !important; }
  .fd-precio2 b{ font-size:1.6rem; }
  .fd-vol{ border-radius:12px; align-items:flex-start; }
  .fd-vol span{ flex:none; }
  .fd .rsd{ padding-top:14px; }
}

/* ═══════════ PLANTILLA v3 (2026-10-07 e): medidas arriba, 2 columnas, todo más compacto ═══════════ */
@media (min-width:1024px){
  .fd-layout{ display:block; }
  /* «Modelos a escala» pasa a una franja horizontal arriba (deja de ser una tercera columna que marea) */
  .fd-rail{ position:relative; top:auto; z-index:auto; display:flex; align-items:center; gap:14px; margin:0 0 18px; padding:8px 0 12px; border-bottom:1px solid #ecece6; overflow-x:auto; scrollbar-width:thin; }
  .fd-rail-tit{ flex:none; margin:0; font-size:.82rem; line-height:1.15; }
  .fd-rail-tit span{ font-size:.6rem; }
  .fd-rail-h{ flex:none; margin:0 0 0 6px; padding:0 0 0 14px; border-top:0; border-left:1px solid #e2e2dc; font-size:.6rem; }
  .fd-rail-h:first-of-type{ margin:0 0 0 6px; }
  .fd-rail-l{ display:flex; flex:none; gap:4px; }
  .fd-rail-l a{ min-width:66px; padding:4px 6px 3px; font-size:.66rem; }
  .fd-rail-l a::after{ content:none !important; }
  .fd-rail-todos{ flex:none; margin:0 0 0 auto; white-space:nowrap; }
  .fd-hero{ grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr); gap:36px; padding-top:0; }
  .fd-gal{ position:sticky; top:84px; display:block; }
  .fd-gal-main{ aspect-ratio:auto; height:min(60vh, 500px); }
  .fd-gal-main img{ object-fit:contain; }
  .fd-gal-thumbs{ display:grid; grid-template-columns:repeat(6, minmax(0, 1fr)); gap:8px; margin:10px 0 0; max-height:none; overflow:visible; }
  .fd-gal-thumbs .fd-thumb{ width:auto; height:auto; aspect-ratio:1/1; }
  .fd-prev-cta{ margin-top:10px; }
}
/* Columna derecha compacta (todas las pantallas) */
.fd-kick{ margin:0 0 6px !important; font-size:.64rem; }
.fd-kick span + span{ font-size:.64rem; }
.fd .fd-h1{ font-size:1.8rem; margin:0 0 8px !important; }
.fd-lead{ margin:0 0 10px !important; font-size:.9rem; line-height:1.5; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.fd-specs{ margin:0 0 12px !important; gap:4px 16px; }
.fd-specs li{ font-size:.8rem; gap:6px; }
.fd-specs li::before{ width:15px; height:15px; background-size:9px; }
.fd-precio-b{ padding:10px 0; gap:6px 14px; }
.fd-precio2 b{ font-size:1.5rem; }
.fd-precio2 small, .fd-precio2 em{ font-size:.76rem; }
.fd-vol{ padding:4px 10px 4px 6px; font-size:.76rem; }
.fd-vol span{ font-size:.62rem; }
.fd .rsd{ padding-top:14px; }
.fd .rsd-tit{ font-size:1.08rem !important; margin-bottom:10px !important; }
.fd .rsd-campo{ margin-bottom:12px; }
.fd .rsd-op{ padding:9px 34px 9px 12px; }
.fd .rsd-op b{ font-size:.86rem; }
.fd .rsd-op small, .fd .rsd-op em{ font-size:.74rem; }
@media (max-width:900px){
  .fd .fd-h1{ font-size:1.55rem; }
  .fd-lead{ -webkit-line-clamp:3; }
}

/* ═══════════ PLANTILLA v4 (2026-10-07 f): producto + nombre + precio primero; medidas como pastillas ═══════════ */
.fd-rail{ display:none !important; }
.fd-layout{ display:block !important; }
.fd .fd-h1{ font-size:1.9rem; line-height:1.1; letter-spacing:-.02em; }
.fd .fd-h1 span{ display:inline; margin:0; padding:0; border-radius:0; background:none; color:var(--v2); font-size:1em; font-weight:700; vertical-align:baseline; }
.fd-lead{ display:none !important; }
.fd-precio-b{ border-top:1px solid #ecece6; border-bottom:1px solid #ecece6; padding:12px 0; margin:0 0 14px; }
.fd-precio2 b{ font-size:1.9rem; letter-spacing:-.02em; }
/* Selector de medida/modelo */
.fd-var{ margin:0 0 14px; }
.fd-var-t{ margin:0 0 7px !important; font-size:.8rem; color:#666; }
.fd-var-t b{ color:#111; font-weight:700; }
.fd-var-l{ display:flex; flex-wrap:wrap; gap:6px; }
.fd-var-l a{ display:inline-flex; align-items:center; padding:7px 12px; border:1px solid #d9d9d3; border-radius:999px; background:#fff; color:#111; font-size:.8rem; font-weight:600; line-height:1; text-decoration:none !important; white-space:nowrap; transition:border-color .15s, background .15s; }
.fd-var-l a:hover{ border-color:#111; }
.fd-var-l a.on{ background:#111; border-color:#111; color:#c4f531; }
.fd-var-l a:focus-visible{ outline:3px solid #0a66c2; outline-offset:2px; }
.fd-var-todos{ display:inline-block; margin-top:8px; font-size:.76rem; font-weight:600; color:var(--v2); text-decoration:none !important; }
.fd-var-todos:hover{ text-decoration:underline !important; }
.fd-specs{ margin:0 0 6px !important; }
/* «Prueba tu diseño»: acción secundaria discreta */
.fd-prev-cta{ text-align:center; }
.fd .fd-prev-btn{ background:transparent !important; color:#111 !important; border:1px dashed #bdbdb5 !important; box-shadow:none !important; font-size:.8rem !important; padding:8px 14px !important; }
.fd .fd-prev-btn:hover{ border-color:#111 !important; }
.fd-prev-cta small{ display:none; }
@media (min-width:1024px){
  .fd-hero{ grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:44px; padding-top:8px; }
  .fd-gal-main{ height:min(64vh, 540px); }
}
@media (max-width:900px){
  .fd-hero{ display:flex !important; flex-direction:column; gap:14px !important; }
  .fd-gal, .fd-info{ width:100%; }
  .fd-gal-main{ height:min(78vw, 340px) !important; border-radius:14px; }
  .fd-gal-thumbs{ margin-top:8px; gap:6px !important; }
  .fd-prev-cta{ display:none; }
  .fd-kick{ margin-bottom:4px !important; }
  .fd .fd-h1{ font-size:1.5rem; }
  .fd-precio-b{ padding:10px 0; margin-bottom:12px; }
  .fd-precio2 b{ font-size:1.7rem; }
  .fd-var-l{ flex-wrap:nowrap; overflow-x:auto; margin:0 -16px; padding:2px 16px 4px; scrollbar-width:none; -webkit-overflow-scrolling:touch; }
  .fd-var-l::-webkit-scrollbar{ display:none; }
  .fd-var-l a{ padding:8px 13px; flex:none; }
  .fd-specs li:nth-child(n+3){ display:none; }
}

/* ═══════════ PLANTILLA v5 (2026-10-07 g): minimalista — foto, nombre, precio y pedido ═══════════ */
/* Galería: fondo neutro (sin «cajas vacías» blancas a los lados) */
.fd .fd-gal-main{ background:#f4f4f1; border:0; border-radius:18px; }
.fd .fd-thumb{ background:#f4f4f1; border:2px solid transparent; border-radius:10px; }
.fd .fd-thumb.on{ border-color:#111; }
.fd-gal-lupa{ opacity:0; transition:opacity .2s; }
.fd-gal-main:hover .fd-gal-lupa{ opacity:1; }
/* Precio limpio: sin franjas ni insignias */
.fd-precio-b{ display:block; border:0 !important; padding:4px 0 0 !important; margin:0 0 16px !important; }
.fd-precio2{ margin:0 !important; }
.fd-precio2 b{ font-size:2rem; }
.fd .fd-vol{ display:block; margin:4px 0 0 !important; padding:0 !important; background:none !important; border:0 !important; border-radius:0; font-size:.84rem; color:#4d7a00; font-weight:600; }
.fd .fd-vol span{ display:inline; padding:0; margin:0; background:none; color:inherit; font:inherit; letter-spacing:0; text-transform:none; border-radius:0; }
/* Beneficios: una línea discreta */
.fd .fd-specs{ display:flex; flex-wrap:wrap; flex-direction:row; gap:4px 14px; margin:0 0 18px !important; padding:0 0 16px !important; border-bottom:1px solid #ecece6; }
.fd .fd-specs li{ display:flex !important; font-size:.8rem; font-weight:500; color:#555; }
.fd .fd-specs li::before{ width:6px; height:6px; background:#7cc400; }
.fd .fd-h1{ margin-bottom:10px !important; }
.fd-kick{ margin-bottom:10px !important; }
/* «Prueba tu diseño»: enlace de texto */
.fd-prev-cta{ text-align:left; margin-top:10px; }
.fd .fd-prev-btn{ border:0 !important; padding:4px 0 !important; color:#555 !important; font-weight:600; text-decoration:underline; text-underline-offset:3px; }
.fd .fd-prev-btn svg{ width:15px; height:15px; }
/* Contenido de apoyo debajo del producto */
.fd-apoyo{ display:grid; gap:28px; align-items:start; padding-top:28px; border-top:1px solid #ecece6; }
.fd-apoyo h2{ font-size:1.15rem; margin:0 0 12px; }
.fd-apoyo .fd-cond{ margin:0 0 10px; }
.fd-apoyo-chat > *{ margin-top:0 !important; }
@media (min-width:1024px){
  /* Miniaturas en columna a la izquierda: la foto principal queda más proporcionada */
  .fd .fd-gal{ display:grid !important; grid-template-columns:68px minmax(0,1fr); grid-template-areas:"t m" ". p"; gap:12px; align-items:start; }
  .fd .fd-gal-main{ grid-area:m; height:auto !important; aspect-ratio:1/1; max-height:calc(100vh - 120px); }
  .fd .fd-gal-thumbs{ grid-area:t; display:flex !important; flex-direction:column; gap:8px; margin:0 !important; max-height:calc(100vh - 120px); overflow:hidden; }
  .fd .fd-gal-thumbs .fd-thumb{ width:68px; height:68px; flex:none; }
  .fd .fd-gal-thumbs .fd-thumb:nth-child(n+7){ display:none; }
  .fd .fd-prev-cta{ grid-area:p; margin-top:0; }
  .fd-hero{ grid-template-columns:minmax(0,580px) minmax(0,560px) !important; justify-content:center; gap:56px !important; }
  .fd-info{ max-width:560px; }
  .fd-apoyo{ grid-template-columns:1fr 1fr; gap:48px; }
}
@media (max-width:900px){
  .fd .fd-gal-main{ border-radius:14px; }
  .fd .fd-specs{ gap:4px 12px; }
  .fd .fd-specs li{ font-size:.76rem; }
  .fd .fd-specs li:nth-child(n+3){ display:flex !important; }
  .fd-precio2 b{ font-size:1.75rem; }
}
.fd .rsd-tit{ text-align:left !important; }
/* Destello al cambiar material o cantidad */
.fd-precio2.fd-flash b{ animation:fdFlash .9s ease; border-radius:8px; }
@keyframes fdFlash{ 0%{ background:#c4f531; box-shadow:0 0 0 6px #c4f531; } 100%{ background:transparent; box-shadow:0 0 0 6px transparent; } }
.fd-precio2 small{ transition:color .2s; }
/* ═══ v7: mínimo texto — nombre, precio, material, cantidad, pedido ═══ */
.fd .fd-vol, .fd .fd-specs{ display:none !important; }
.fd-precio-b{ margin-bottom:8px !important; }
.fd .rsd{ border-top:1px solid #ecece6; padding-top:18px; }
.fd .rsd-sub{ display:none !important; }
.fd .rsd-op small{ display:none !important; }
.fd .rsd-op em{ margin-top:2px; }
.fd .rsd-etq{ text-transform:none !important; letter-spacing:0 !important; font-size:.92rem !important; font-weight:700; color:#111; }
.fd .rsd-nudge{ font-size:.8rem !important; padding:6px 10px !important; }
.fd details.rsd-precios{ margin:4px 0 14px; }
.fd details.rsd-precios > summary{ cursor:pointer; list-style:none; display:inline-flex; align-items:center; gap:6px; font-size:.84rem !important; font-weight:600; color:#4d7a00; text-decoration:underline; text-underline-offset:3px; }
.fd details.rsd-precios > summary::-webkit-details-marker{ display:none; }
.fd details.rsd-precios > summary::after{ content:'▾'; text-decoration:none; }
.fd details.rsd-precios[open] > summary::after{ content:'▴'; }
.fd details.rsd-precios[open] > summary{ margin-bottom:8px; }
.fd .rsd-nota{ font-size:.7rem !important; }
@media (max-width:480px){ .fd .rsd-ops{ grid-template-columns:repeat(auto-fit, minmax(140px, 1fr)) !important; } .fd .rsd-op b{ font-size:.84rem; } }

/* ═══════════ PLANTILLA v8 (2026-10-07 h): ficha B2B — foto real grande, esquemas CSS, compra clara ═══════════ */
.fd{ --vb:#f3f8e8; --vt:#3f6f00; }
/* Ruta pequeña (vuelve a verse: ya no hay menú lateral) */
.fd .fd-migas{ position:static !important; width:auto; height:auto; margin:0; clip:auto; overflow:visible; white-space:normal; padding:10px 0 12px; font-size:.78rem; gap:6px; }
.fd .fd-migas > span{ opacity:.5; }
/* Columna derecha */
.fd-kick{ font-size:.7rem !important; color:var(--vt); }
.fd .fd-h1{ font-size:2.35rem; line-height:1.05; letter-spacing:-.025em; margin:0 0 10px !important; }
.fd .fd-h1 span{ color:#111; }
.fd-lead2{ margin:0 0 18px; max-width:56ch; font-size:.95rem; line-height:1.5; color:#55554f; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.fd-ben{ list-style:none; margin:0 0 20px !important; padding:0 !important; display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:10px; }
.fd-ben li{ display:flex; align-items:center; gap:9px; margin:0; font-size:.8rem; line-height:1.25; font-weight:600; color:#222; }
.fd-ben-i{ flex:none; display:grid; place-items:center; width:40px; height:40px; border-radius:50%; background:var(--vb); color:var(--vt); }
.fd-ben-i .fd-ico{ width:20px; height:20px; }
.fd-top{ display:grid; gap:12px; margin:0 0 22px; }
.fd-top--ideal{ grid-template-columns:minmax(0,1fr) auto; }
.fd .fd-top .fd-precio-b{ display:block; margin:0 !important; padding:16px 20px !important; border:0 !important; border-radius:16px; background:var(--vb); }
.fd .fd-top .fd-precio2{ display:flex; flex-wrap:wrap; align-items:baseline; gap:2px 10px; }
.fd .fd-top .fd-precio2 small{ flex-basis:100%; font-size:.8rem; color:#555; }
.fd .fd-top .fd-precio2 b{ font-size:2.6rem; line-height:1; letter-spacing:-.03em; color:#111; }
.fd .fd-top .fd-precio2 em{ font-style:normal; font-size:.9rem; color:#555; }
.fd-vol2{ margin:8px 0 0 !important; font-size:.84rem; font-weight:600; color:var(--vt); }
.fd-vol2[hidden], .fd-base2[hidden]{ display:none !important; }
.fd-base2{ margin:6px 0 0 !important; font-size:.84rem; font-weight:500; color:#55554f; }
.fd-ideal{ padding:14px 18px; border-radius:16px; background:var(--vb); min-width:170px; }
.fd-ideal p{ margin:0 0 6px !important; font-size:.82rem; font-weight:700; color:#111; }
.fd-ideal ul{ list-style:none; margin:0; padding:0; }
.fd-ideal li{ position:relative; margin:0 0 3px; padding-left:20px; font-size:.8rem; color:#333; }
.fd-ideal li::before{ content:''; position:absolute; left:0; top:3px; width:13px; height:13px; border-radius:50%; background:#5aa300 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.2 4.2L19 7'/%3E%3C/svg%3E") center/8px no-repeat; }
/* Configurador como tarjeta suave */
.fd .rsd{ border:1px solid #ecece6 !important; border-radius:18px; padding:20px 20px 0 !important; background:#fff; box-shadow:0 1px 2px rgba(0,0,0,.03); }
.fd .rsd-tit{ font-size:1.2rem !important; margin-bottom:14px !important; }
.fd .rsd-op small{ display:block !important; }
.fd .rsd-op{ border-radius:12px; }
/* Cierre: total + botón principal en un bloque negro */
.fd .rsd-cierre{ display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:12px 16px; margin:14px -20px 0; padding:18px 20px; background:#111; border-radius:0 0 18px 18px; }
.fd .rsd-cierre .rsd-res{ margin:0 !important; padding:0 !important; background:none !important; box-shadow:none !important; }
.fd .rsd-cierre .rsd-res-k, .fd .rsd-cierre .rsd-fila{ display:none !important; }
.fd .rsd-cierre .rsd-fila.rsd-total{ display:flex !important; flex-direction:column; align-items:flex-start; gap:4px; margin:0 !important; padding:0 !important; border:0 !important; }
.fd .rsd-cierre .rsd-total dt{ font-size:.82rem !important; font-weight:500; color:#cfcfcf !important; }
.fd .rsd-cierre .rsd-total dd{ margin:0; font-size:2rem !important; font-weight:800; color:#c4f531 !important; letter-spacing:-.02em; }
.fd .rsd-cierre .rsd-aviso{ margin:0; font-size:.86rem; }
.fd .rsd-cierre #rsd-wa{ margin:0 !important; width:auto; padding:16px 26px; border-radius:12px; font-size:1.05rem; white-space:nowrap; }
.fd .rsd-cierre .rs-ped-add{ grid-column:1 / -1; margin:0 !important; background:transparent !important; color:#fff !important; border:1px solid rgba(255,255,255,.28) !important; }
.fd .rsd-cierre .rs-ped-add:hover{ border-color:#fff !important; }
.fd .rsd-cierre .rs-ped-add[hidden]{ display:none !important; }
.fd .rsd-asesor, .fd .rsd-nota{ text-align:center; }
.fd .rsd-asesor{ margin:14px 0 4px !important; }
.fd .rsd-nota{ margin-bottom:16px !important; }
.fd .rsd-flot{ margin-left:-20px; margin-right:-20px; }
/* Franja B2B discreta */
.fd-b2b{ list-style:none; display:flex; flex-wrap:wrap; justify-content:center; gap:6px 18px; margin:14px 0 0 !important; padding:0 !important; }
.fd-b2b li{ display:flex; align-items:center; gap:6px; margin:0; font-size:.76rem; color:#666; }
.fd-b2b li::before{ content:'✓'; font-weight:800; color:#5aa300; }
/* Fichas visuales bajo la foto */
.fd-cards{ grid-area:c; display:grid; grid-template-columns:repeat(auto-fit, minmax(150px, 1fr)); gap:12px; margin-top:6px; }
.fd-card{ padding:14px 16px 16px; border-radius:16px; background:#f7f7f4; }
.fd-card-t{ margin:0 0 10px !important; font-size:.86rem; font-weight:700; color:#111; }
.fd-card-s{ margin:8px 0 0 !important; font-size:.76rem; line-height:1.35; color:#555; }
.fd-card-l{ list-style:none; margin:0; padding:0; }
.fd-card-l li{ position:relative; margin:0 0 6px; padding-left:20px; font-size:.78rem; line-height:1.3; color:#333; }
.fd-card-l li::before{ content:''; position:absolute; left:0; top:1px; width:14px; height:14px; border-radius:50%; background:#5aa300 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.2 4.2L19 7'/%3E%3C/svg%3E") center/8px no-repeat; }
.fd-card-ico{ display:grid; place-items:center; width:46px; height:46px; border-radius:50%; background:var(--vb); color:var(--vt); }
.fd-esq{ display:grid; grid-template-columns:auto var(--w); grid-template-rows:var(--h) auto; column-gap:8px; row-gap:6px; justify-content:center; align-items:center; padding:4px 0; }
.fd-esq-alto{ grid-column:1; grid-row:1; align-self:stretch; display:flex; align-items:center; padding-right:8px; border-right:1px solid #999; font-size:.72rem; font-weight:600; color:#333; white-space:nowrap; }
.fd-esq-p{ grid-column:2; grid-row:1; width:var(--w); height:var(--h); border-radius:3px; background:linear-gradient(180deg,#e6e6e1,#d6d6d0); border:1px solid #bdbdb5; position:relative; }
.fd-esq-p--roll::before, .fd-esq-p--base::before{ content:''; position:absolute; left:-4px; right:-4px; top:-3px; height:4px; border-radius:2px; background:#9a9a94; }
.fd-esq-p--roll::after, .fd-esq-p--base::after{ content:''; position:absolute; left:-6px; right:-6px; bottom:-6px; height:6px; border-radius:3px; background:#9a9a94; }
.fd-esq-p--base::after{ left:-14px; right:-14px; }
.fd-esq-ancho{ grid-column:2; grid-row:2; padding-top:6px; border-top:1px solid #999; text-align:center; font-size:.72rem; font-weight:600; color:#333; white-space:nowrap; }
/* Escritorio */
@media (min-width:1024px){
  .fd .fd-gal{ position:static !important; grid-template-areas:"t m" ". p" "c c" !important; }
  .fd .fd-gal-main{ max-height:none; }
  .fd-hero{ grid-template-columns:minmax(0,600px) minmax(0,580px) !important; gap:48px !important; }
  .fd-info{ max-width:580px; }
  .fd-cards{ margin-top:4px; }
}
@media (min-width:901px) and (max-width:1023px){
  .fd-ben{ grid-template-columns:1fr 1fr; }
  .fd-gal{ position:static !important; }
}
/* Teléfono: nombre y precio primero, luego la foto, luego la compra */
@media (max-width:900px){
  .fd-hero{ display:flex !important; flex-direction:column; gap:0 !important; }
  .fd .fd-gal, .fd .fd-info{ display:contents !important; }
  .fd-hero > * , .fd-gal > *, .fd-info > *{ order:5; }
  .fd .fd-migas{ padding:8px 0 6px; font-size:.72rem; }
  .fd .fd-migas a:first-child, .fd .fd-migas a:first-child + span{ display:none; }
  .fd-kick{ order:1 !important; margin-bottom:6px !important; }
  .fd .fd-h1{ order:1 !important; font-size:1.65rem; margin-bottom:8px !important; }
  .fd-top{ order:1 !important; margin:0 0 14px; grid-template-columns:1fr !important; }
  .fd-ideal{ display:none; }
  .fd .fd-top .fd-precio-b{ padding:12px 14px !important; }
  .fd .fd-top .fd-precio2 b{ font-size:2rem; }
  .fd-gal-main{ order:2 !important; }
  .fd-gal-thumbs{ order:2 !important; margin-bottom:16px !important; }
  .fd-lead2{ order:3 !important; margin-bottom:12px; font-size:.88rem; }
  .fd-ben{ order:3 !important; grid-template-columns:1fr 1fr; gap:10px 12px; margin-bottom:18px !important; }
  .fd-ben-i{ width:34px; height:34px; }
  .fd-ben li{ font-size:.76rem; }
  .fd .rsd, .fd-sinstock{ order:4 !important; padding:16px 14px 0 !important; }
  .fd .rsd-cierre, .fd .rsd-flot{ margin-left:-14px; margin-right:-14px; }
  .fd .rsd-cierre{ grid-template-columns:1fr; padding:16px 14px; }
  .fd .rsd-cierre #rsd-wa{ width:100%; }
  .fd .rsd-ops{ grid-template-columns:1fr !important; }
  .fd-b2b{ order:4 !important; justify-content:flex-start; margin-bottom:20px !important; }
  .fd-cards{ order:6 !important; grid-template-columns:1fr 1fr; margin-bottom:8px; }
  .fd-card--arm{ display:none; }
  .fd-prev-cta{ display:none !important; }
}

.fd-card-l li, .fd-ideal li, .fd-b2b li, .fd-ben li{ list-style:none !important; }
.fd-card-l li::marker, .fd-ideal li::marker{ content:''; }
.fd .rsd-cierre .rsd-res dl{ display:block; margin:0; }
.fd .rsd-cierre .rsd-fila.rsd-total{ display:grid !important; grid-template-columns:1fr; justify-items:start; }
.fd .rsd-cierre .rsd-total dt{ order:0; text-align:left; }
.fd-card--arm{ display:flex; flex-direction:column; }
.fd-card--arm .fd-card-ico{ margin:18px auto 0; width:58px; height:58px; }
.fd-card--arm .fd-card-s{ text-align:center; font-size:.82rem; font-weight:600; color:#222; }
.fd-b2b{ gap:6px 14px; }
.fd-b2b li{ white-space:nowrap; font-size:.74rem; }
@media (max-width:900px){
  .fd .fd-migas a:nth-of-type(2), .fd .fd-migas a:nth-of-type(2) + span{ display:none; }
  .fd-b2b{ gap:6px 12px; }
}
.fd .rsd-cierre{ margin:16px 0 0 !important; border-radius:14px !important; }
@media (max-width:900px){ .fd .rsd-cierre{ margin:14px 0 0 !important; } }
/* Incluye con foto real (Roll Screen estándar) */
.fd-card--foto{ grid-column:span 2; display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); grid-template-rows:auto 1fr; column-gap:14px; }
.fd-card--foto .fd-card-t{ grid-column:1 / -1; }
.fd-card-img{ display:block; border-radius:12px; overflow:hidden; background:#fff; cursor:zoom-in; }
.fd-card-img img{ display:block; width:100%; height:auto; transition:transform .3s; }
.fd-card-img:hover img{ transform:scale(1.04); }
.fd-card--foto .fd-card-l{ align-self:center; }
@media (min-width:1024px){ .fd-cards{ grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr); } }
@media (max-width:900px){ .fd-card--foto{ grid-column:1 / -1; grid-template-columns:1fr; row-gap:10px; } }
/* v10: medidas y área gráfica con la foto principal del producto (sin imágenes inventadas) */
.fd-cards{ grid-template-columns:repeat(3, minmax(0,1fr)) !important; align-items:stretch; }
.fd-card--foto{ grid-column:auto !important; display:block !important; }
.fd-card--foto .fd-card-img{ margin-bottom:12px; }
.fd .fd-esq{ grid-template-columns:auto var(--w); grid-template-rows:var(--h) auto; justify-content:center; padding:4px 0 0; }
.fd .fd-esq-p{ overflow:hidden; border:0; border-radius:4px; background:#fff; }
.fd .fd-esq-p::before, .fd .fd-esq-p::after{ content:none !important; }
.fd .fd-esq-p img{ display:block; width:100%; height:100%; object-fit:cover; transform:scale(1.12); }
.fd .fd-esq-p--gris img{ filter:grayscale(1) contrast(.75) brightness(1.08); }
.fd .fd-esq-alto{ flex-direction:column; justify-content:center; align-items:flex-end; gap:0; line-height:1.2; border-right:1px solid #222; position:relative; }
.fd .fd-esq-alto::before, .fd .fd-esq-alto::after{ content:''; position:absolute; right:-5px; width:9px; border-top:1px solid #222; }
.fd .fd-esq-alto::before{ top:0; } .fd .fd-esq-alto::after{ bottom:0; }
.fd .fd-esq-ancho{ position:relative; border-top:1px solid #222; }
.fd .fd-esq-ancho::before, .fd .fd-esq-ancho::after{ content:''; position:absolute; top:-5px; height:9px; border-left:1px solid #222; }
.fd .fd-esq-ancho::before{ left:0; } .fd .fd-esq-ancho::after{ right:0; }
.fd .fd-esq b{ font-size:.82rem; font-weight:700; color:#111; }
.fd .fd-esq small{ font-size:.7rem; font-weight:400; color:#666; }
.fd-card{ display:flex; flex-direction:column; }
.fd-card .fd-esq{ flex:1; align-content:center; }
@media (max-width:900px){
  .fd-cards{ grid-template-columns:1fr 1fr !important; }
  .fd-card--med{ order:1; } .fd-card--area{ order:2; } .fd-card--foto, .fd-cards > .fd-card:not(.fd-card--med):not(.fd-card--area){ order:3; grid-column:1 / -1 !important; }
  .fd .fd-esq{ --s:.8; }
}
/* v11: tarjetas compactas — medidas+área en una sola, incluye en horizontal */
.fd-cards{ grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr) !important; gap:12px; }
.fd-cards:has(> .fd-card:nth-child(3)){ grid-template-columns:repeat(3, minmax(0,1fr)) !important; }
.fd-card{ padding:12px 14px !important; border-radius:14px; }
.fd-card-t{ margin:0 0 8px !important; font-size:.82rem !important; }
.fd .fd-esq{ padding:0; row-gap:4px; column-gap:6px; }
.fd .fd-esq b{ font-size:.76rem; }
.fd .fd-esq small{ font-size:.66rem; }
.fd .fd-esq-p img{ transform:scale(1.1); }
.fd-card--foto{ display:grid !important; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); grid-template-rows:auto 1fr; column-gap:12px; }
.fd-card--foto .fd-card-t{ grid-column:1 / -1; }
.fd-card--foto .fd-card-img{ margin:0 !important; align-self:center; }
.fd-card--foto .fd-card-l{ align-self:center; }
.fd-card-l li{ font-size:.74rem !important; margin-bottom:4px !important; padding-left:18px !important; }
.fd-card-l li::before{ width:12px !important; height:12px !important; background-size:7px !important; top:2px !important; }
@media (max-width:900px){
  .fd-cards{ grid-template-columns:1fr !important; }
  .fd-card--med{ order:1; }
  .fd-card--med .fd-esq{ justify-content:flex-start; }
  .fd-card--foto{ order:2; grid-column:auto !important; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) !important; }
}
@media (max-width:900px){
  .fd-card--med .fd-esq{ justify-content:center !important; }
  .fd-card--foto{ grid-template-columns:1fr !important; row-gap:10px; }
  .fd-card--foto .fd-card-l{ columns:2; column-gap:12px; }
  .fd-card--foto .fd-card-l li{ break-inside:avoid; }
}
.fd-card-inc{ margin:0 !important; align-self:center; font-size:.86rem; font-weight:600; line-height:1.4; color:#222; }
@media (max-width:900px){ .fd-card-inc{ text-align:center; } }
/* v16: miniaturas solo las que caben (sin «+N»); galería completa abajo */
.fd-thumb--mas::after, .fd-thumb--mas4::after{ content:none !important; }
.fd-gal-todas{ grid-area:p; justify-self:end; align-self:center; font-size:.8rem; font-weight:600; color:#111; text-decoration:underline; text-underline-offset:3px; }
.fd-gal-todas--mov{ display:none; }
.fd .fd-gal{ grid-template-areas:"t m" ". p" "c c" !important; }
.fd .fd-prev-cta{ justify-self:start; }
.fd-galeria h2{ display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 12px; }
.fd-galeria h2 span{ font-size:.85rem; font-weight:500; color:#666; }
.fd-galeria-g{ display:grid; grid-template-columns:repeat(auto-fill, minmax(150px, 1fr)); gap:10px; }
.fd-gi{ display:block; aspect-ratio:1/1; border-radius:12px; overflow:hidden; background:#f4f4f1; border:2px solid transparent; cursor:pointer; }
.fd-gi img{ display:block; width:100%; height:100%; object-fit:cover; transition:transform .3s; }
.fd-gi:hover img{ transform:scale(1.05); }
.fd-gi.on{ border-color:#111; }
@media (max-width:900px){
  .fd-gal-todas, .fd-gal-todas--mov{ display:block; order:2 !important; justify-self:auto; margin:-8px 0 14px; text-align:right; }
  .fd-galeria-g{ grid-template-columns:repeat(3, minmax(0,1fr)); gap:6px; }
}
/* Vista previa «Prueba tu diseño»: mockup tipo estudio fotográfico (fondo continuo, sombra de contacto, aluminio) */
#fd-prev .fd-prev-escena{ position:relative; padding:30px 12px 44px; overflow:hidden;
  background:radial-gradient(ellipse 85% 75% at 50% 38%, #ffffff 0%, #f1f2f4 45%, #dcdfe3 100%); }
#fd-prev .fd-prev-roll{ position:relative; display:flex; flex-direction:column; align-items:center; }
/* sombras en el piso: contacto (oscura y corta) + ambiente (amplia y suave) */
#fd-prev .fd-prev-roll::after{ content:''; position:absolute; left:50%; bottom:-9px; width:108%; height:12px; transform:translateX(-50%); background:radial-gradient(ellipse at center, rgba(25,30,38,.42) 0%, rgba(25,30,38,0) 70%); z-index:0; }
#fd-prev .fd-prev-roll::before{ content:''; position:absolute; left:50%; bottom:-26px; width:170%; height:42px; transform:translateX(-50%); background:radial-gradient(ellipse at center, rgba(25,30,38,.14) 0%, rgba(25,30,38,0) 70%); z-index:0; }
/* barra superior de aluminio con tapas */
#fd-prev .fd-prev-barra{ position:relative; z-index:3; height:6px; border-radius:2px;
  background:linear-gradient(90deg,#7f868d 0,#b9bec3 4px,transparent 4px,transparent calc(100% - 4px),#b9bec3 calc(100% - 4px),#7f868d 100%),
             linear-gradient(180deg,#ffffff 0%,#e3e6e9 40%,#b4bac0 80%,#959ca3 100%);
  box-shadow:0 1px 2px rgba(0,0,0,.25); }
#fd-prev .fd-prev-barra::before, #fd-prev .fd-prev-barra::after{ content:none; }
/* lona: leve curvatura en los bordes y reflejo suave */
#fd-prev .fd-prev-marco{ z-index:1; border-top:0; background:#fff; box-shadow:0 0 0 1px rgba(0,0,0,.05), 0 8px 18px -10px rgba(0,0,0,.35); }
#fd-prev .fd-prev-marco::after{ content:''; position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(90deg, rgba(0,0,0,.10) 0%, rgba(0,0,0,0) 5%, rgba(255,255,255,.08) 45%, rgba(255,255,255,0) 60%, rgba(0,0,0,0) 95%, rgba(0,0,0,.12) 100%),
             linear-gradient(180deg, rgba(0,0,0,.08) 0%, rgba(0,0,0,0) 4%); }
/* casete estándar: aluminio con tapas laterales */
#fd-prev .fd-prev-base{ position:relative; z-index:3; height:15px; margin-top:-1px; border-radius:2px 2px 3px 3px;
  background:linear-gradient(90deg,#868d94 0,#c4c9ce 5px,transparent 5px,transparent calc(100% - 5px),#c4c9ce calc(100% - 5px),#868d94 100%),
             linear-gradient(180deg,#fbfcfc 0%,#e6e9eb 30%,#c9ced3 70%,#a3aab1 100%);
  box-shadow:0 1px 1px rgba(0,0,0,.25); }
#fd-prev .fd-prev-base::before{ content:''; position:absolute; left:6px; right:6px; top:3px; height:1px; background:rgba(255,255,255,.95); }
#fd-prev .fd-prev-base::after{ content:''; position:absolute; left:6px; right:6px; bottom:3px; height:1px; background:rgba(70,78,86,.25); }
/* patitas: placas planas que salen hacia adelante (vista frontal) */
#fd-prev .fd-prev-pata{ position:absolute; bottom:-7px; width:24px; height:8px; transform:none !important; border-radius:0; box-shadow:none;
  background:linear-gradient(180deg,#c8cdd2 0%,#9ba2a9 60%,#7a8188 100%); }
#fd-prev .fd-prev-pata--i{ left:20%; right:auto; clip-path:polygon(35% 0, 75% 0, 62% 100%, 0 100%); }
#fd-prev .fd-prev-pata--d{ right:20%; left:auto; clip-path:polygon(25% 0, 65% 0, 100% 100%, 38% 100%); }
/* Extra ancho (2.40 m): tubo inferior delgado con tapas, sin patas */
#fd-prev .fd-prev-roll[data-vis="ancho"] .fd-prev-base{ height:10px; margin-top:-1px; border-radius:5px;
  background:linear-gradient(180deg,#ffffff 0%,#e9ecee 35%,#bfc5ca 75%,#959ca3 100%); }
#fd-prev .fd-prev-roll[data-vis="ancho"] .fd-prev-base::before{ left:-6px; right:auto; top:-1px; width:8px; height:12px; border-radius:4px; background:linear-gradient(180deg,#d9dde1,#7f868d); }
#fd-prev .fd-prev-roll[data-vis="ancho"] .fd-prev-base::after{ left:auto; right:-6px; bottom:auto; top:-1px; width:8px; height:12px; border-radius:4px; background:linear-gradient(180deg,#d9dde1,#7f868d); }
#fd-prev .fd-prev-roll[data-vis="ancho"] .fd-prev-pata{ display:none !important; }
#fd-prev .fd-prev-roll[data-vis="ancho"]::after{ width:104%; bottom:-7px; height:10px; }
/* Base ancha: casete alto de perfil ovalado, sin patas */
#fd-prev .fd-prev-roll[data-tipo="base"] .fd-prev-base{ height:30px; margin-top:-2px; border-radius:7px 7px 12px 12px / 6px 6px 14px 14px;
  background:linear-gradient(180deg,#fdfdfe 0%,#eceef0 22%,#d3d7db 55%,#b3b9bf 82%,#959ca3 100%);
  box-shadow:inset 6px 0 6px -4px rgba(80,88,96,.55), inset -6px 0 6px -4px rgba(80,88,96,.55), 0 2px 3px rgba(0,0,0,.25); }
#fd-prev .fd-prev-roll[data-tipo="base"] .fd-prev-base::before{ left:8px; right:8px; top:5px; height:1px; background:rgba(255,255,255,.95); }
#fd-prev .fd-prev-roll[data-tipo="base"] .fd-prev-base::after{ left:6px; right:6px; bottom:7px; height:1px; background:rgba(90,98,106,.35); }
#fd-prev .fd-prev-roll[data-tipo="base"] .fd-prev-pata{ display:none !important; }
#fd-prev .fd-prev-roll[data-tipo="base"]::after{ width:112%; bottom:-8px; height:14px; }
/* X-Banner: sin casete; varillas en X que llegan al piso */
#fd-prev .fd-prev-roll[data-tipo="xban"] .fd-prev-barra{ display:none; }
#fd-prev .fd-prev-roll[data-tipo="xban"] .fd-prev-base{ height:2px; margin-top:0; background:none; box-shadow:none; }
#fd-prev .fd-prev-roll[data-tipo="xban"] .fd-prev-base::before, #fd-prev .fd-prev-roll[data-tipo="xban"] .fd-prev-base::after{ content:none; }
#fd-prev .fd-prev-roll[data-tipo="xban"] .fd-prev-pata{ width:22%; height:3px; bottom:-8px; background:#2b2b2b; border-radius:2px; clip-path:none; }
#fd-prev .fd-prev-roll[data-tipo="xban"] .fd-prev-pata--i{ left:-6%; transform:rotate(-28deg) !important; }
#fd-prev .fd-prev-roll[data-tipo="xban"] .fd-prev-pata--d{ right:-6%; transform:rotate(28deg) !important; }
/* ═══ CARGA PROGRESIVA (como Tarjetas en cartulina hilo): el hero entra por partes y el resto al hacer scroll ═══ */
@keyframes fdFadeUp{ from{ opacity:0; transform:translateY(20px); } to{ opacity:1; transform:none; } }
@keyframes fdImgIn{ from{ opacity:0; transform:scale(1.03); } to{ opacity:1; transform:scale(1); } }
html.fd-anim:not(.fd-entra) .fd-migas, html.fd-anim:not(.fd-entra) .fd-gal-main img, html.fd-anim:not(.fd-entra) .fd-thumb,
html.fd-anim:not(.fd-entra) .fd-kick, html.fd-anim:not(.fd-entra) .fd-h1, html.fd-anim:not(.fd-entra) .fd-lead2,
html.fd-anim:not(.fd-entra) .fd-ben li, html.fd-anim:not(.fd-entra) .fd-top, html.fd-anim:not(.fd-entra) .fd-info > .rsd,
html.fd-anim:not(.fd-entra) .fd-sinstock, html.fd-anim:not(.fd-entra) .fd-b2b, html.fd-anim:not(.fd-entra) .fd-prev-cta,
html.fd-anim:not(.fd-entra) .fd-gal-todas, html.fd-anim:not(.fd-entra) .fd-cards > .fd-card{ opacity:0; }
html.fd-entra .fd-migas{ animation:fdFadeUp .5s cubic-bezier(.22,.68,0,1.2) .05s backwards; }
html.fd-entra .fd-gal-main img{ animation:fdImgIn 1s cubic-bezier(.22,.68,0,1.2) .3s backwards; }
html.fd-entra .fd-thumb{ animation:fdFadeUp .5s cubic-bezier(.22,.68,0,1.2) backwards; }
html.fd-entra .fd-thumb:nth-child(1){ animation-delay:.45s; } html.fd-entra .fd-thumb:nth-child(2){ animation-delay:.52s; }
html.fd-entra .fd-thumb:nth-child(3){ animation-delay:.59s; } html.fd-entra .fd-thumb:nth-child(4){ animation-delay:.66s; }
html.fd-entra .fd-thumb:nth-child(5){ animation-delay:.73s; } html.fd-entra .fd-thumb:nth-child(6){ animation-delay:.8s; }
html.fd-entra .fd-kick{ animation:fdFadeUp .55s cubic-bezier(.22,.68,0,1.2) .15s backwards; }
html.fd-entra .fd-h1{ animation:fdFadeUp .6s cubic-bezier(.22,.68,0,1.2) .28s backwards; }
html.fd-entra .fd-lead2{ animation:fdFadeUp .6s cubic-bezier(.22,.68,0,1.2) .42s backwards; }
html.fd-entra .fd-ben li{ animation:fdFadeUp .55s cubic-bezier(.22,.68,0,1.2) backwards; }
html.fd-entra .fd-ben li:nth-child(1){ animation-delay:.5s; } html.fd-entra .fd-ben li:nth-child(2){ animation-delay:.57s; }
html.fd-entra .fd-ben li:nth-child(3){ animation-delay:.64s; } html.fd-entra .fd-ben li:nth-child(4){ animation-delay:.71s; }
html.fd-entra .fd-top{ animation:fdFadeUp .6s cubic-bezier(.22,.68,0,1.2) .62s backwards; }
html.fd-entra .fd-info > .rsd, html.fd-entra .fd-sinstock{ animation:fdFadeUp .6s cubic-bezier(.22,.68,0,1.2) .78s backwards; }
html.fd-entra .fd-b2b{ animation:fdFadeUp .6s cubic-bezier(.22,.68,0,1.2) .95s backwards; }
html.fd-entra .fd-prev-cta, html.fd-entra .fd-gal-todas{ animation:fdFadeUp .5s cubic-bezier(.22,.68,0,1.2) .9s backwards; }
html.fd-entra .fd-cards > .fd-card{ animation:fdFadeUp .6s cubic-bezier(.22,.68,0,1.2) backwards; }
html.fd-entra .fd-cards > .fd-card:nth-child(1){ animation-delay:1s; } html.fd-entra .fd-cards > .fd-card:nth-child(2){ animation-delay:1.1s; } html.fd-entra .fd-cards > .fd-card:nth-child(3){ animation-delay:1.2s; }
/* Bloques al hacer scroll */
html.fd-rev-activo .fd-rev-on{ opacity:0; transform:translateY(26px); transition:opacity .7s cubic-bezier(.22,.61,.36,1), transform .7s cubic-bezier(.22,.61,.36,1); }
html.fd-rev-activo .fd-rev-on.fd-visto{ opacity:1; transform:none; }

/* ══ 2026-10-25 (v3) · Poco texto arriba: oferta clara en 3 segundos; lo secundario va abajo ══ */
.fd-corta{ margin:-4px 0 14px !important; font-size:.92rem; color:#6b6b64; line-height:1.4; }
.fd .fd-top .fd-precio-b, .fd-precio-b{ display:flex !important; flex-direction:column; align-items:stretch; gap:4px; }
.fd-promo{ margin:0 0 4px !important; }
.fd-promo[hidden], .fd-promo-ref[hidden], .fd-vol2[hidden]{ display:none !important; }
.fd-promo-tag{ display:inline-block; padding:3px 10px; border-radius:99px; background:#b42318; color:#fff; font-size:.7rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; }
.fd-promo-ref{ margin:0 !important; font-size:.84rem; color:#6b6b64; }
.fd-promo-ref s{ font-weight:600; color:#8a8a84; text-decoration-thickness:1.5px; text-decoration-color:#b42318; }
.fd-promo-ast{ margin-left:2px; color:#8a8a84; text-decoration:none; font-size:.8rem; vertical-align:super; }
.fd-precio2{ margin:2px 0 0 !important; flex-wrap:wrap; }
.fd-precio-b--promo .fd-precio2 b{ color:#b42318 !important; }
.fd .fd-top .fd-precio2 small#fd-precio-lbl{ flex-basis:auto; display:inline; font-size:.8rem; font-weight:600; color:#7a7a74; }
.fd-base2{ margin:0 !important; font-size:.78rem !important; color:#7a7a74 !important; }
.fd-vol2{ margin:2px 0 0 !important; font-size:.84rem !important; font-weight:600; color:#3d6200 !important; }
.fd-sel{ margin:12px 0 0 !important; display:flex; flex-direction:column; gap:5px; }
.fd-sel label{ font-size:.78rem; font-weight:600; color:#55554f; }
.fd-sel-w{ position:relative; display:block; max-width:420px; }
.fd-sel-w::after{ content:""; position:absolute; right:14px; top:50%; width:8px; height:8px; margin-top:-6px; border-right:2px solid #333; border-bottom:2px solid #333; transform:rotate(45deg); pointer-events:none; }
.fd-sel select{ -webkit-appearance:none; appearance:none; width:100%; min-height:48px; padding:10px 40px 10px 14px; border:1.5px solid #c9c9c2; border-radius:10px; background:#fff; color:#111; font:inherit; font-size:16px; font-weight:600; cursor:pointer; }
.fd-sel select:focus{ outline:none; border-color:#111; box-shadow:0 0 0 3px rgba(17,17,17,.12); }
.fd-sec2{ margin:18px 0 0; display:grid; gap:12px; }
.fd-sec2 .fd-lead2{ margin:0; font-size:.92rem; color:#55554f; }
.fd-sec2 .fd-ideal{ margin:0; }
.fd-ofdet{ margin:4px 0 10px; border:1px solid #ecece6; border-radius:10px; background:#fff; }
.fd-ofdet summary{ padding:10px 14px; font-size:.84rem; font-weight:600; cursor:pointer; color:#55554f; }
.fd-ofdet p{ margin:0 !important; padding:0 14px 12px; font-size:.78rem; line-height:1.5; color:#7a7a74; }
/* Teléfono: título → foto grande → miniaturas → precio → material y cantidad → compra → resto */
@media (max-width:900px){
  .fd-kick{ order:1 !important; }
  .fd .fd-h1{ order:1 !important; }
  .fd-corta{ order:1 !important; margin:0 0 12px !important; font-size:.86rem; }
  .fd-gal-main{ order:2 !important; }
  .fd-gal-thumbs{ order:2 !important; margin-bottom:14px !important; }
  .fd-gal-todas{ order:2 !important; }
  .fd-top{ order:3 !important; margin:0 0 6px !important; }
  .fd .rsd, .fd-sinstock{ order:4 !important; }
  .fd-sec2{ order:5 !important; margin:18px 0 0 !important; }
  .fd-b2b{ order:5 !important; }
  .fd-sec2 .fd-ideal{ display:none; }
  .fd .fd-top .fd-precio2 b{ font-size:2.1rem; }
  .fd-sel-w{ max-width:none; }
}
@media (max-width:400px){
  .fd .fd-top .fd-precio-b{ padding:12px !important; }
  .fd .fd-h1{ font-size:1.5rem !important; }
}
/* 2026-10-25 · El selector de arriba reemplaza las tarjetas de material del cotizador:
   queda solo la cantidad (− / +). Varios materiales: «+ Agregar» en la ventana de cotización. */
.fd-con-sel #rsd-f-op, .fd-con-sel .rsd-sub{ display:none !important; }
.fd-con-sel .rsd.rsd-multi #rsd-f-cant > .rsd-etq{ display:flex !important; }
.fd-con-sel .rsd.rsd-multi #rsd-f-cant > .rsd-step{ display:inline-flex !important; }
.fd-con-sel .rsd.rsd-multi #rsd-f-cant > .rsd-cant-u{ display:inline !important; }
.fd-con-sel .rsd.rsd-multi #rsd-f-cant{ margin-top:0; }
.fd-con-sel .rsd .rsd-n{ display:none !important; }
.fd .rsd .rsd-nudge, .fd .rsd .rsd-arte-n{ display:none !important; }
/* 2026-10-25 · Rango de precios bajo el título (como en el catálogo de displays) */
.fd-rango{ margin:-6px 0 14px !important; display:flex; flex-wrap:wrap; align-items:baseline; gap:2px 8px; }
.fd-rango b{ font-size:1.15rem; font-weight:700; color:#111; letter-spacing:-.01em; }
.fd-rango span{ font-size:.78rem; color:#7a7a74; }
@media (max-width:900px){ .fd-rango{ order:1 !important; margin:-4px 0 12px !important; } .fd-rango b{ font-size:1.05rem; } }

/* ══ 2026-10-25 · Diseño navideño del bloque de oferta (rojo, verde y dorado) ══ */
.fd .fd-top .fd-precio-b.fd-precio-b--promo{ position:relative; overflow:hidden; background:#fffaf3 !important; border:2px solid #b81c21 !important; box-shadow:0 6px 22px rgba(163,22,26,.12); padding-top:0 !important; }
.fd-precio-b--promo::before{ content:""; display:block; height:6px; margin:0 -20px 12px; background:repeating-linear-gradient(135deg,#b81c21 0 12px,#fff 12px 18px,#146b3a 18px 30px,#fff 30px 36px); }
@media (max-width:900px){ .fd-precio-b--promo::before{ margin:0 -14px 12px; } }
.fd-precio-b--promo .fd-promo-tag{ background:#b81c21; color:#fff; border:1px solid #d4a017; box-shadow:0 0 0 2px #fff, 0 0 0 3px #d4a017; padding:4px 12px; }
.fd-precio-b--promo .fd-promo-tag::before{ content:"🎄 "; }
.fd-precio-b--promo .fd-precio2 b{ color:#b81c21 !important; }
.fd-precio-b--promo .fd-vol2{ color:#146b3a !important; }
.fd-precio-b--promo .fd-sel select{ border-color:#146b3a; }
.fd-precio-b--promo .fd-promo-ref s{ text-decoration-color:#b81c21; }

/* ══ 2026-10-25 (v4) · Compra simple: un solo botón «Añadir al carrito» ══ */
.fd #rsd-cotizador #rsd-wa, .fd #rsd-cotizador .rs-ped-add, .fd #rsd-cotizador .rs-ped-otro, .fd .rsd-asesor{ display:none !important; }
.fd-add-cot{ display:flex; align-items:center; justify-content:center; gap:10px; width:100%; min-height:52px; margin:12px 0 0; padding:12px 18px; border:0; border-radius:12px;
  background:#25d366; color:#fff; font:inherit; font-size:1.05rem; font-weight:800; cursor:pointer; box-shadow:0 6px 16px rgba(37,211,102,.28); transition:background .15s, transform .1s; }
.fd-add-cot:hover{ background:#1ebe5a; }
.fd-add-cot:active{ transform:translateY(1px); }
.fd-bar .rs-bar-btn.fd-add{ display:inline-flex; align-items:center; gap:8px; }

/* ══ Textos más contenidos (PC y celular) ══ */
.fd .fd-h1{ font-size:clamp(1.45rem, 2.4vw, 2rem) !important; line-height:1.15 !important; margin-bottom:6px !important; }
.fd-corta{ font-size:.86rem !important; margin:0 0 8px !important; }
.fd-rango{ margin:0 0 12px !important; }
.fd-rango b{ font-size:1.02rem !important; }
.fd .fd-top .fd-precio2 b, .fd-precio2 b{ font-size:1.9rem !important; }
.fd .fd-top .fd-precio-b{ padding:12px 16px !important; }
.fd-promo-tag{ font-size:.64rem !important; padding:3px 10px !important; }
.fd-sel select{ min-height:44px; font-size:15px; }

/* ══ Celular: el producto (foto) primero, sin migas ni etiquetas arriba ══ */
@media (max-width:900px){
  .fd .fd-migas, .fd-kick{ display:none !important; }
  .fd-gal-main{ order:0 !important; margin-top:6px; }
  .fd-gal-main img{ max-height:300px; }
  .fd-gal-main{ aspect-ratio:auto !important; height:300px; }
  .fd-gal-thumbs{ order:0 !important; margin:8px 0 10px !important; grid-template-columns:repeat(5, 1fr) !important; gap:6px !important; }
  .fd-gal-thumbs .fd-thumb{ border-radius:8px; }
  .fd-gal-todas{ display:none !important; }
  .fd .fd-h1{ order:1 !important; font-size:1.3rem !important; margin:2px 0 2px !important; }
  .fd-corta{ display:none !important; }
  .fd-rango{ order:1 !important; margin:0 0 10px !important; }
  .fd-rango b{ font-size:.95rem !important; }
  .fd-rango span{ font-size:.72rem; }
  .fd-top{ order:3 !important; }
  .fd .fd-top .fd-precio2 b{ font-size:1.7rem !important; }
  .fd .fd-top .fd-precio-b{ padding:10px 12px !important; }
}
/* 2026-10-25 · Sin «+ IGV» junto al precio: «No incluye IGV» pequeño debajo; el IGV se desglosa en el carrito */
.fd-precio2 em, .fd-bar-tot em{ display:none !important; }
.fd-base2{ font-size:.74rem !important; }
@media (max-width:640px){ .fd-bar-tot small{ display:inline !important; font-size:10.5px !important; } }

/* ══ 2026-10-25 (v5) · Compra directa en el bloque de precio; el cotizador queda oculto (sigue calculando) ══ */
.fd #rsd-cotizador{ display:none !important; }
.fd-compra{ display:flex; align-items:stretch; gap:10px; margin:12px 0 2px; }
.fd-qty{ flex:none; display:inline-flex; align-items:stretch; height:44px; border:1.5px solid #c9c9c2; border-radius:10px; background:#fff; overflow:hidden; }
.fd-qty button{ width:34px; border:0; background:#f4f4f0; color:#111; font:inherit; font-size:1.1rem; font-weight:700; cursor:pointer; }
.fd-qty button:hover{ background:#e9e9e3; }
.fd-qty input{ width:44px; border:0; text-align:center; font:inherit; font-size:15px; font-weight:700; color:#111; background:#fff; }
.fd-qty input:focus{ outline:none; }
.fd-add-main{ flex:1 1 auto; display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:44px; padding:0 18px; border:0; border-radius:10px;
  background:#25d366; color:#fff; font:inherit; font-size:.98rem; font-weight:800; cursor:pointer; box-shadow:0 4px 12px rgba(37,211,102,.25); transition:background .15s; }
.fd-add-main:hover{ background:#1ebe5a; }
.fd-sel-w{ max-width:none !important; }
@media (min-width:901px){ .fd-compra{ max-width:440px; } }
/* 2026-10-25 (v6) · Bloque de precio resumido */
.fd-sr{ position:absolute !important; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0; }
.fd-sel{ margin:10px 0 0 !important; }
.fd-promo{ margin:0 0 2px !important; }
.fd .fd-top .fd-precio-b{ gap:2px !important; }
.fd-vol2{ margin:4px 0 0 !important; font-size:.8rem !important; }
.fd-compra{ margin-top:10px; }
.fd-sel label{ font-size:.74rem !important; font-weight:600; color:#6b6b64 !important; }
.fd-sel{ gap:3px !important; }

/* ══════════════════════════════════════════════════════════════════
   2026-10-25 (v7) · Estilo e-commerce premium, compacto y elegante
   La Navidad solo en la etiqueta; el precio es el protagonista.
   ══════════════════════════════════════════════════════════════════ */
/* — Galería más baja (fotos completas, sin recortes) — */
@media (min-width:901px){
  .fd-hero{ gap:32px !important; padding:4px 0 22px !important; }
  .fd-gal-main{ aspect-ratio:auto !important; height:440px; }
  .fd-gal-main img{ width:100%; height:100% !important; object-fit:contain !important; }
  .fd-gal-thumbs .fd-thumb{ width:56px !important; height:56px !important; }
  .fd-gal-thumbs{ gap:6px !important; }
  .fd-cards{ margin-top:12px !important; }
}
/* — Título, descripción en una línea, menos aire — */
.fd .fd-h1{ font-size:clamp(1.45rem, 2.1vw, 1.85rem) !important; line-height:1.15 !important; margin:0 0 4px !important; letter-spacing:-.02em; }
.fd-kick{ margin-bottom:4px !important; }
.fd-corta{ margin:0 0 12px !important; font-size:.86rem !important; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
/* — Recuadro de oferta sobrio: blanco, borde gris 1 px, esquinas 12 px — */
.fd .fd-top .fd-precio-b, .fd .fd-top .fd-precio-b.fd-precio-b--promo{
  background:#fff !important; border:1px solid #e4e4de !important; border-radius:12px !important; box-shadow:none !important;
  padding:16px 18px !important; gap:2px !important; overflow:visible; }
.fd-precio-b--promo::before{ display:none !important; content:none !important; }
.fd-precio-b--promo .fd-promo-tag, .fd-promo-tag{ display:inline-block; padding:2px 8px !important; border:0 !important; box-shadow:none !important;
  border-radius:6px !important; background:#fdf0ef !important; color:#a3161a !important; font-size:.66rem !important; font-weight:700; letter-spacing:.06em; }
.fd-precio-b--promo .fd-promo-tag::before{ content:"" !important; }
.fd-promo{ margin:0 0 4px !important; }
.fd-promo-ref{ font-size:.78rem !important; color:#8a8a84 !important; }
.fd-promo-ref s, .fd-precio-b--promo .fd-promo-ref s{ color:#9a9a94 !important; text-decoration-color:#9a9a94 !important; font-weight:500; }
.fd-promo-ast{ color:#9a9a94 !important; }
/* — Precio protagonista — */
.fd .fd-top .fd-precio2 b, .fd-precio2 b, .fd-precio-b--promo .fd-precio2 b{ font-size:1.95rem !important; color:#111 !important; font-weight:800; letter-spacing:-.03em; line-height:1.1; }
.fd .fd-top .fd-precio2 em:not([hidden]), .fd-precio2 em:not([hidden]){ display:inline !important; font-style:normal; font-size:.9rem !important; font-weight:700; color:#111 !important; }
.fd .fd-top .fd-precio2 small#fd-precio-lbl{ font-size:.78rem; color:#8a8a84; }
.fd-base2{ display:none !important; }
.fd-vol2, .fd-precio-b--promo .fd-vol2{ margin:2px 0 0 !important; font-size:.78rem !important; font-weight:500 !important; color:#5f6b55 !important; }
/* — Controles compactos — */
.fd-sel{ margin:12px 0 0 !important; gap:3px !important; }
.fd-sel select, .fd-precio-b--promo .fd-sel select{ min-height:42px !important; height:42px; padding:8px 38px 8px 12px !important; border:1px solid #d6d6d0 !important; border-radius:8px !important; font-size:15px !important; font-weight:600; }
.fd-compra{ margin-top:10px !important; gap:8px !important; }
.fd-qty{ height:44px !important; border:1px solid #d6d6d0 !important; border-radius:8px !important; }
.fd-qty button{ width:34px !important; background:#f6f6f2 !important; }
.fd-qty input{ width:40px !important; }
.fd-add-main{ min-height:44px !important; height:44px; border-radius:8px !important; box-shadow:none !important; font-size:.95rem !important; font-weight:700 !important; }
@media (min-width:901px){ .fd-compra{ max-width:none !important; } }
/* — Información secundaria más discreta — */
.fd-sec2{ margin-top:16px !important; gap:10px !important; }
.fd-sec2 .fd-lead2{ font-size:.86rem !important; }
.fd-ben-i{ width:30px !important; height:30px !important; }
.fd-ben-i svg{ width:15px; height:15px; }
.fd-ben li{ font-size:.76rem !important; }
/* — Celular: título → foto → miniaturas → oferta → material → cantidad → carrito — */
@media (max-width:900px){
  .fd .fd-h1{ order:0 !important; font-size:1.3rem !important; margin:4px 0 8px !important; }
  .fd-corta{ display:none !important; }
  .fd-gal-main{ order:1 !important; height:320px !important; margin-top:0 !important; }
  .fd-gal-main img{ max-height:320px !important; }
  .fd-gal-thumbs{ order:1 !important; margin:8px 0 12px !important; }
  .fd-top{ order:3 !important; }
  .fd .fd-top .fd-precio-b{ padding:14px !important; }
  .fd .fd-top .fd-precio2 b{ font-size:1.8rem !important; }
}
@media (max-width:380px){ .fd-gal-main{ height:300px !important; } .fd-add-main{ font-size:.9rem !important; padding:0 12px !important; } }
/* v7 · Escritorio: galería ~440 px de alto, columnas equilibradas con la compra */
@media (min-width:1024px){
  .fd .fd-gal{ grid-template-columns:56px minmax(0,1fr) !important; gap:10px !important; }
  .fd .fd-gal-main{ height:440px !important; aspect-ratio:auto !important; max-height:440px !important; }
  .fd .fd-gal-main img{ height:100% !important; width:100% !important; object-fit:contain !important; }
  .fd .fd-gal-thumbs{ max-height:440px !important; gap:6px !important; }
  .fd .fd-gal-thumbs .fd-thumb{ width:56px !important; height:56px !important; }
  .fd-hero{ grid-template-columns:minmax(0,520px) minmax(0,520px) !important; gap:44px !important; }
}
/* 2026-10-25 (v8) · «No incluye IGV» pequeño y discreto DEBAJO del precio (sin «+ IGV» al lado) */
.fd .fd-top .fd-precio2 em, .fd-precio2 em{ display:none !important; }
.fd .fd-top .fd-base2, .fd-base2{ display:block !important; margin:0 !important; font-size:.74rem !important; font-weight:500; color:#8a8a84 !important; }