/* Página de producto (Trucks-MDT): galería, ficha de compra, requisitos, qué incluye y preguntas. Usa los colores del tema del sitio. */
.pd{max-width:72rem;margin:0 auto;padding:2.5rem 1.5rem 4rem}
.pd-volver{display:inline-flex;align-items:center;gap:.375rem;font-size:.875rem;color:var(--muted-foreground);text-decoration:none;margin-bottom:1.5rem}
.pd-volver:hover{color:var(--foreground)}
.pd-grid{display:grid;gap:2rem;grid-template-columns:minmax(0,1fr)}
@media (min-width:1024px){.pd-grid{grid-template-columns:minmax(0,1fr) 22rem;align-items:start}.pd-side{position:sticky;top:5rem}}
.pd-main{display:flex;flex-direction:column;gap:2.5rem;min-width:0}
.pd-side{display:flex;flex-direction:column;gap:1rem}

/* galería */
.pd-media{position:relative;aspect-ratio:4/3;border-radius:.875rem;overflow:hidden;background:#0b0b0e;border:1px solid var(--border)}
.pd-media img,.pd-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.pd-flecha{position:absolute;top:50%;transform:translateY(-50%);width:2.25rem;height:2.25rem;border-radius:999px;border:0;background:rgba(0,0,0,.55);color:#fff;font-size:1.25rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}
.pd-flecha:hover{background:rgba(0,0,0,.8)}
.pd-flecha--ant{left:.625rem}.pd-flecha--sig{right:.625rem}
.pd-pie{position:absolute;left:.75rem;bottom:.75rem;border-radius:.5rem;background:rgba(0,0,0,.7);color:#fff;font-size:.75rem;font-weight:500;padding:.25rem .625rem}
.pd-thumbs{display:flex;gap:.5rem;overflow-x:auto;margin-top:.75rem;padding-bottom:.25rem}
.pd-thumb{flex:0 0 auto;width:6rem;height:4.5rem;border-radius:.5rem;border:2px solid transparent;overflow:hidden;background:#0b0b0e;cursor:pointer;padding:0;position:relative}
.pd-thumb img,.pd-thumb video{width:100%;height:100%;object-fit:cover;display:block}
.pd-thumb[aria-pressed="true"]{border-color:var(--primary)}
.pd-thumb .play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem;background:rgba(0,0,0,.25)}

/* texto y secciones */
.pd-sec{display:flex;flex-direction:column;gap:.875rem}
.pd-sec h2{font-size:1.25rem;font-weight:600;letter-spacing:-.01em}
.pd-sec h3{font-size:1rem;font-weight:600;margin-top:.5rem}
.pd-sec p,.pd-sec li{color:var(--muted-foreground);line-height:1.65;font-size:.9375rem}
.pd-sec p strong,.pd-sec li strong{color:var(--foreground);font-weight:600}
.pd-sec ul{display:flex;flex-direction:column;gap:.5rem;padding-left:1.25rem;list-style:disc}
.pd-sec code{font:.85em ui-monospace,monospace;background:var(--muted);padding:.0625rem .3rem;border-radius:.25rem;color:var(--foreground)}
.pd-kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}
@media (min-width:640px){.pd-kpis{grid-template-columns:repeat(4,1fr)}}
.pd-kpi{border:1px solid var(--border);border-radius:.75rem;padding:.875rem 1rem;background:var(--card)}
.pd-kpi b{display:block;font-size:1.375rem;font-weight:700;letter-spacing:-.02em}
.pd-kpi span{font-size:.75rem;color:var(--muted-foreground);line-height:1.35;display:block;margin-top:.125rem}
.pd-pasos{display:grid;gap:.75rem}
@media (min-width:640px){.pd-pasos{grid-template-columns:repeat(2,1fr)}}
.pd-paso{border:1px solid var(--border);border-radius:.75rem;padding:1rem;background:var(--card);display:flex;flex-direction:column;gap:.375rem}
.pd-paso b{font-size:.9375rem}.pd-paso span{font-size:.8125rem;color:var(--muted-foreground);line-height:1.5}
.pd-aviso{border:1px solid var(--border);border-radius:.75rem;padding:.875rem 1rem;font-size:.875rem;color:var(--muted-foreground);background:var(--muted)}
.pd-aviso b{color:var(--foreground)}

/* preguntas */
.pd-faq{display:flex;flex-direction:column;gap:.5rem}
.pd-faq details{border:1px solid var(--border);border-radius:.75rem;background:var(--card);padding:0 1rem}
.pd-faq summary{cursor:pointer;font-weight:500;font-size:.9375rem;padding:.875rem 0;list-style:none;display:flex;justify-content:space-between;gap:1rem}
.pd-faq summary::-webkit-details-marker{display:none}
.pd-faq summary::after{content:"+";color:var(--muted-foreground);font-size:1.125rem;line-height:1}
.pd-faq details[open] summary::after{content:"–"}
.pd-faq details p{padding:0 0 .875rem;color:var(--muted-foreground);font-size:.875rem;line-height:1.65}

/* ficha de compra (columna derecha) */
.pd-card{border:1px solid var(--border);border-radius:.875rem;background:var(--card);padding:1.25rem;display:flex;flex-direction:column;gap:.875rem}
.pd-titulo{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;line-height:1.2}
.pd-sub{font-size:.875rem;color:var(--muted-foreground);line-height:1.5}
.pd-etiquetas{display:flex;flex-wrap:wrap;gap:.375rem}
.pd-etiqueta{border:1px solid var(--border);border-radius:999px;padding:.0625rem .625rem;font-size:.75rem;color:var(--muted-foreground)}
.pd-etiqueta--p{color:var(--primary);border-color:color-mix(in srgb,var(--primary) 45%,var(--border))}
.pd-precio{display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap}
.pd-precio b{font-size:1.875rem;font-weight:700;letter-spacing:-.02em}
.pd-precio span{font-size:.8125rem;color:var(--muted-foreground)}
.pd-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;height:2.5rem;border-radius:.625rem;font:inherit;font-size:.9375rem;font-weight:600;border:1px solid var(--primary);background:var(--primary);color:#fff;cursor:pointer;text-decoration:none;width:100%}
.pd-btn:disabled{opacity:.6;cursor:not-allowed}
.pd-btn--sec{background:transparent;color:var(--foreground);border-color:var(--border);font-weight:500}
.pd-btn--sec:hover{background:var(--accent)}
.pd-nota{font-size:.75rem;color:var(--muted-foreground);line-height:1.5}
.pd-lista{display:flex;flex-direction:column;gap:.5rem;font-size:.8125rem}
.pd-lista div{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--border);padding-bottom:.5rem}
.pd-lista div:last-child{border-bottom:0;padding-bottom:0}
.pd-lista span{color:var(--muted-foreground)}

/* ---- Formulario previo al pago (datos de la licencia) ---- */
.pc-fondo{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:1rem;background:rgba(0,0,0,.65);overflow:auto}
.pc-caja{width:100%;max-width:30rem;border:1px solid var(--border);border-radius:var(--radius,.75rem);background:var(--card,#0e1812);color:var(--foreground);padding:1.5rem;display:flex;flex-direction:column;gap:1rem}
.pc-caja h2{font-size:1.125rem;font-weight:700;margin:0}
.pc-caja p{margin:0;font-size:.8125rem;line-height:1.55;color:var(--muted-foreground)}
.pc-campo{display:flex;flex-direction:column;gap:.25rem;font-size:.875rem}
.pc-campo span{font-weight:600}
.pc-campo small{font-size:.75rem;line-height:1.45;color:var(--muted-foreground)}
.pc-campo input{width:100%;padding:.55rem .75rem;font:inherit;font-size:.875rem;color:var(--foreground);background:var(--background);border:1px solid var(--border);border-radius:.5rem}
.pc-campo input:focus{outline:2px solid color-mix(in srgb,var(--primary) 55%,transparent);outline-offset:1px}
.pc-error{min-height:1.1rem;font-size:.8125rem;color:#f87171}
.pc-acciones{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end}
.pc-acciones button{padding:.6rem 1.1rem;font:inherit;font-size:.875rem;font-weight:700;border-radius:.5rem;border:1px solid var(--border);background:transparent;color:var(--foreground);cursor:pointer}
.pc-acciones .pc-ok{background:var(--primary);color:var(--primary-foreground);border-color:transparent}
.pc-acciones button:disabled{opacity:.6;cursor:wait}