[hidden] { display: none !important; }
.video-price-page { margin: 0; background: #f7f3eb; font-family: Arial, sans-serif; }
.video-price-page *, .video-intro *, .price-poster * { box-sizing: border-box; }
.video-intro { position: relative; overflow: hidden; isolation: isolate; background: #f7f3eb; color: #72182c; padding: 56px max(5vw, 25px) 64px; scroll-margin-top: 72px; }
.money-pattern { position: absolute; inset: -560px -80px; z-index: 0; pointer-events: none; background: url('assets/tramado-precio.svg') 30px 40px / 440px 380px repeat; opacity: .14; transform: translate3d(0, var(--money-y, 0px), 0); }
.video-intro-wrap { position: relative; z-index: 1; max-width: 1140px; margin: auto; text-align: center; }
.video-heading-copy { width: fit-content; max-width: 100%; margin: 0 auto 30px; padding: 14px 25px 20px; background: #f7f3eb; }
.video-intro .folio, .price-poster .folio { display: flex; justify-content: center; gap: 12px; font: 700 11px/1.5 Arial, sans-serif; letter-spacing: .13em; text-transform: uppercase; margin: 0; }
.video-intro h2 { font: 900 clamp(4rem, 8.6vw, 8rem)/.98 Arial, sans-serif; letter-spacing: -.06em; margin: 32px auto 22px; max-width: none; text-wrap: balance; }
.video-intro h2 span { display: block; }
.video-lead { font: 400 clamp(1.15rem, 1.8vw, 1.45rem)/1.4 Arial, sans-serif; margin: 0 auto; max-width: none; text-wrap: balance; }
.video-stage { width: min(100%, 880px); margin: 0 auto; border-radius: 12px; overflow: hidden; background: #efe7db; }
.video-placeholder { position: relative; aspect-ratio: 16/9; }
.video-placeholder img { width: 100%; height: 100%; position: absolute; inset: 0; object-fit: cover; object-position: 50% 32%; }
.video-placeholder::after { content: ""; position: absolute; inset: 0; background: linear-gradient(transparent 60%, #2d171e80); }
.video-pending { position: absolute; z-index: 1; left: 24px; bottom: 22px; color: #fff; font: 700 12px/1.4 Arial, sans-serif; letter-spacing: .06em; background: #72182c; padding: 8px 12px; border-radius: 3px; }
.video-stage video { display: block; width: 100%; aspect-ratio: 16/9; background: #192b25; }
.watch-status { width: fit-content; max-width: 100%; background: #f7f3eb; padding: 8px 12px; font: 400 12px/1.4 Arial, sans-serif; margin: 20px auto 0; }
/* 08 · Cartel guinda elegido. Título y entrega comparten el tamaño de letra. */
.price-poster { --price-statement: clamp(2.8rem, 5.7vw, 5rem); background: #72182c; color: #faf4e7; padding: clamp(56px, 7vw, 100px) max(5vw, 25px); text-align: center; scroll-margin-top: 64px; }
.price-poster:focus { outline: none; }
.price-poster-wrap { max-width: 1120px; margin: 0 auto; }
.price-poster .price-title, .price-poster .price-delivery { font: 900 var(--price-statement)/1.09 Arial, sans-serif; letter-spacing: -.055em; text-wrap: balance; margin: 0 auto; max-width: 24ch; }
.price-poster .price-title { margin-top: 32px; }
.price-poster .price-amount { font: 900 clamp(7rem, 15.5vw, 13rem)/1 Arial, sans-serif; letter-spacing: -.075em; white-space: nowrap; margin: 18px auto 56px; max-width: none; }
.price-poster .price-currency { display: inline; font-size: clamp(1.2rem, 3.3vw, 2.7rem); font-weight: 700; letter-spacing: .02em; margin-left: .3em; }
.price-poster .price-delivery + .price-delivery { color: #ffc4d1; margin-top: 48px; font-size: calc(var(--price-statement) / 2); line-height: 1.35; max-width: 46ch; }
@media (max-width: 760px) {
 .video-intro { padding: 32px 20px 42px; }
 .money-pattern { inset: -340px -50px; background-size: 330px 285px; }
 .video-heading-copy { padding: 10px 6px 16px; margin-bottom: 20px; }
 .video-intro h2 { font-size: clamp(3.3rem, 14.4vw, 5.5rem); margin-top: 27px; }
 .video-lead { font-size: 18px; }
 .video-stage { border-radius: 7px; }
 .video-pending { left: 12px; bottom: 12px; font-size: 10px; }
 .price-poster { --price-statement: clamp(2rem, 9.5vw, 3rem); padding: 48px 22px 64px; }
 .price-poster .price-amount { font-size: clamp(3.8rem, 20vw, 7rem); margin: 22px auto 42px; }
 .price-poster .price-currency { font-size: clamp(1.1rem, 4.8vw, 1.7rem); }
 .price-poster .price-delivery + .price-delivery { margin-top: 34px; }
}
@media (prefers-reduced-motion: reduce) { .money-pattern { transform: none; } }