#detalle-modal{color:#f6f5f2;-webkit-tap-highlight-color:transparent;background:0 0;border:none;outline:none;padding:0;overflow:visible}#detalle-modal::backdrop{-webkit-backdrop-filter:blur(3px);background:#0d1e1ec7}#detalle-modal .dt-panel{background:#0d1e1e;border:1px solid #cd8c2f40;position:relative;box-shadow:0 24px 60px #00000073}@media (width<=767px){#detalle-modal{width:100%;max-width:100%;max-height:94dvh;margin:0;position:fixed;inset:auto 0 0;overflow:hidden}#detalle-modal .dt-panel{-webkit-overflow-scrolling:touch;border-radius:14px 14px 0 0;max-height:94dvh;overflow-y:auto}}@media (width>=768px){#detalle-modal{width:min(960px,92vw);max-width:960px;max-height:90vh;margin:auto}#detalle-modal .dt-panel{border-radius:6px;max-height:90vh;overflow-y:auto}}#detalle-modal .dt-close{z-index:20;color:#f6f5f2bf;cursor:pointer;background:#0d1e1ea6;border:1px solid #f6f5f226;border-radius:999px;justify-content:center;align-items:center;width:44px;height:44px;transition:color .2s,border-color .2s;display:flex;position:absolute;top:.5rem;right:.5rem}#detalle-modal .dt-close:hover{color:#cd8c2f;border-color:#cd8c2f99}#detalle-modal .dt-close svg{width:20px;height:20px}#detalle-modal .dt-grid{grid-template-columns:1fr;display:grid}@media (width>=768px){#detalle-modal .dt-grid{grid-template-columns:380px 1fr;align-items:stretch}}#detalle-modal .dt-media{background:#081414;min-height:220px;margin:0;position:relative;overflow:hidden}@media (width<=767px){#detalle-modal .dt-media{aspect-ratio:4/5;max-height:52dvh}}#detalle-modal .dt-media img.dt-media-bg{object-fit:cover;filter:blur(28px);opacity:.45;width:100%;height:100%;position:absolute;inset:0;transform:scale(1.25)}#detalle-modal .dt-media img.dt-media-img{z-index:2;object-fit:contain;width:100%;height:100%;display:block;position:relative}#detalle-modal .dt-body{flex-direction:column;gap:.875rem;padding:1.75rem 1.5rem 2rem;display:flex}@media (width>=768px){#detalle-modal .dt-body{padding:2.5rem 2.25rem}}#detalle-modal .dt-eyebrow{letter-spacing:.18em;text-transform:uppercase;color:#cd8c2f;margin:0;font-family:Karla,sans-serif;font-size:11px;font-weight:700}#detalle-modal .dt-eyebrow:empty{display:none}#detalle-modal .dt-titulo{letter-spacing:-.01em;text-transform:uppercase;color:#f6f5f2;margin:0;font-family:Marcellus,serif;font-size:clamp(1.9rem,4.4vw,2.85rem);font-weight:400;line-height:1.05}#detalle-modal .dt-meta{flex-wrap:wrap;gap:.5rem;margin:.25rem 0 0;padding:0;list-style:none;display:flex}#detalle-modal .dt-meta li{letter-spacing:.1em;text-transform:uppercase;color:#f6f5f2bf;border:1px solid #cd8c2f59;border-radius:2px;padding:.3rem .6rem;font-family:Karla,sans-serif;font-size:11px;font-weight:700}#detalle-modal .dt-desc{color:#f6f5f2b3;white-space:pre-line;margin:.35rem 0 0;font-family:Karla,sans-serif;font-size:15px;line-height:1.7}#detalle-modal .dt-desc:empty{display:none}#detalle-modal .dt-precio{min-height:1.75rem;margin-top:.35rem}#detalle-modal .dt-precio-valor{color:#cd8c2f;font-family:Marcellus,serif;font-size:30px}#detalle-modal .dt-precio-antes{color:#f6f5f266;margin-left:.6rem;font-family:Karla,sans-serif;font-size:14px;text-decoration:line-through}#detalle-modal .dt-precio-gratis{letter-spacing:.12em;text-transform:uppercase;color:#cd8c2f;background:#cd8c2f1f;border:1px solid #cd8c2f4d;border-radius:2px;padding:.35rem .7rem;font-family:Karla,sans-serif;font-size:11px;font-weight:700;display:inline-block}#detalle-modal .dt-cta{margin-top:.75rem}#detalle-modal .dt-btn{color:#0d1e1e;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:#cd8c2f;border:0;border-radius:2px;justify-content:center;align-items:center;width:100%;padding:.95rem 1.5rem;font-family:Karla,sans-serif;font-size:14px;font-weight:700;text-decoration:none;transition:background-color .2s;display:inline-flex}#detalle-modal .dt-btn:hover{background:#a97325}#detalle-modal .dt-btn--off{color:#f6f5f266;cursor:not-allowed;background:#f6f5f214}#detalle-modal .dt-btn--off:hover{background:#f6f5f214}@keyframes detalle-slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes detalle-fadeScale{0%{opacity:0;transform:scale(.97)translateY(6px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (prefers-reduced-motion:no-preference){@media (width<=767px){#detalle-modal[open] .dt-panel{animation:.3s cubic-bezier(.22,1,.36,1) both detalle-slideUp}}@media (width>=768px){#detalle-modal[open] .dt-panel{animation:.22s ease-out both detalle-fadeScale}}}[data-ver-mas]{cursor:pointer}
