/* Anuncios para TV: todo se mide en % del contenedor (cqw / cqh) */
.sg-stage { container-type: size; position: relative; overflow: hidden; background: #111; aspect-ratio: 16 / 9; width: 100%; }
.sg-stage.v { aspect-ratio: 9 / 16; }
.sg { position: absolute; inset: 0; font-family: Poppins, system-ui, sans-serif; color: var(--sgfg, #fff); background: var(--sgbg, #111); overflow: hidden; display: flex; }
.sg h2 { font-weight: 800; letter-spacing: -.02em; line-height: 1.05; margin: 0; }
.sg p { margin: 0; opacity: .85; }
.sg-empty { margin: auto !important; opacity: .6; font-size: 3cqw; }
.sg-foot { position: absolute; left: 4cqw; bottom: 3.2cqh; display: flex; align-items: center; gap: 1.2cqw; font-size: 1.9cqw; z-index: 3; }
.sg-foot b { font-weight: 700; }
.sg-logo { width: 5cqw; height: 5cqw; border-radius: 1.2cqw; object-fit: cover; background: #fff; display: grid; place-items: center; }
.sg-ini { background: var(--sg); color: #111; font-weight: 800; font-size: 2cqw; }
.sg-rate { margin-left: 1cqw; padding: .4cqw 1cqw; border-radius: 99px; background: rgba(255, 255, 255, .12); font-size: 1.4cqw; font-weight: 600; }
/* Promoción: texto a la izquierda, foto a la derecha */
.sg-promo { background: radial-gradient(90cqw 90cqh at 0% 100%, color-mix(in srgb, var(--sg) 35%, transparent), transparent 60%), var(--sgbg, #111); }
.sg-promo .sg-art { position: absolute; inset: 0 0 0 42%; background: center / cover no-repeat; -webkit-mask-image: linear-gradient(90deg, transparent, #000 22%); mask-image: linear-gradient(90deg, transparent, #000 22%); }
.sg-promo .sg-copy { position: relative; z-index: 2; width: 52%; padding: 8cqh 4cqw; display: flex; flex-direction: column; justify-content: center; gap: 2cqh; }
.sg-promo h2 { font-size: 6cqw; }
.sg-promo p { font-size: 2.4cqw; }
.sg-badge { align-self: flex-start; background: var(--sg); color: #111; font-weight: 800; font-size: 2.6cqw; padding: .6cqh 1.6cqw; border-radius: 99px; transform: rotate(-3deg); }
.sg-price b { display: block; font-size: 7cqw; font-weight: 800; color: var(--sg); line-height: 1; }
.sg-price span { font-size: 2.2cqw; opacity: .8; }
/* Menú con precios en $ y Bs */
.sg-menu { flex-direction: column; padding: 5cqh 4cqw 14cqh; background: linear-gradient(160deg, #1b1b1d, var(--sgbg, #111)); }
.sg-mh { display: flex; align-items: baseline; justify-content: space-between; border-bottom: .3cqw solid var(--sg); padding-bottom: 1.5cqh; margin-bottom: 2.5cqh; }
.sg-mh h2 { font-size: 4.4cqw; }
.sg-mh span { font-size: 1.8cqw; opacity: .7; text-transform: uppercase; letter-spacing: .1em; }
.sg-list { display: grid; gap: 2cqh 4cqw; flex: 1; min-height: 0; align-content: start; grid-auto-rows: minmax(0, auto); overflow: hidden; }
.sg-list.two { grid-template-columns: 1fr 1fr; }
.sg-li { display: flex; align-items: center; gap: 1.6cqw; font-size: min(2.3cqw, 4cqh); }
.sg-li i { width: min(8cqw, 11cqh); height: min(8cqw, 11cqh); flex: none; border-radius: 1.4cqw; background: center / cover; }
.sg-n { flex: 1; font-weight: 600; display: flex; flex-direction: column; }
.sg-n small { font-weight: 400; font-size: 1.5cqw; opacity: .7; }
.sg-p { text-align: right; display: flex; flex-direction: column; }
.sg-p b { color: var(--sg); font-size: 2.6cqw; }
.sg-p small { font-size: 1.4cqw; opacity: .75; }
/* Imagen / afiche y video a pantalla completa */
.sg-image img, .sg-video video { width: 100%; height: 100%; background: #000; }
.sg-vph { margin: auto; text-align: center; opacity: .75; display: grid; gap: 1cqh; }
.sg-vph span { font-size: 8cqw; }
.sg-vph small { font-size: 2cqw; }
/* QR para pedir */
.sg-qrs { align-items: center; justify-content: space-between; padding: 0 7cqw 8cqh; background: linear-gradient(120deg, var(--sgbg, #111) 50%, color-mix(in srgb, var(--sg) 40%, #111)); }
.sg-qrs .sg-copy { display: grid; gap: 2.5cqh; max-width: 50%; }
.sg-qrs h2 { font-size: 5.6cqw; }
.sg-qrs p { font-size: 2.3cqw; }
.sg-qrs ol { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; gap: 1.2cqw; counter-reset: s; }
.sg-qrs li { white-space: nowrap; counter-increment: s; font-size: 1.8cqw; font-weight: 600; background: rgba(255, 255, 255, .1); padding: .8cqh 1.4cqw; border-radius: 99px; }
.sg-qrs li::before { content: counter(s) ". "; color: var(--sg); }
.sg-qr { width: 34cqh; min-width: 30cqw; max-width: 36cqw; padding: 1.6cqw; background: #fff; border-radius: 2cqw; box-shadow: 0 0 0 .6cqw var(--sg); }
.sg-qr svg, .sg-qr-ph { display: block; width: 100%; aspect-ratio: 1; }
.sg-qr-ph { background: repeating-linear-gradient(45deg, #ddd 0 6px, #fff 6px 12px); }
/* Aviso de texto */
.sg-text { flex-direction: column; justify-content: center; align-items: center; text-align: center; padding: 6cqh 8cqw 14cqh; gap: 3cqh; }
.sg-text h2 { font-size: 7cqw; }
.sg-text p { font-size: 3cqw; }
/* Vertical (TV girado o pantalla de pie) */
.v .sg-promo .sg-art { inset: 0 0 45% 0; -webkit-mask-image: linear-gradient(180deg, #000 70%, transparent); mask-image: linear-gradient(180deg, #000 70%, transparent); }
.v .sg-promo .sg-copy { width: 100%; margin-top: auto; padding-bottom: 14cqh; }
.v .sg-promo h2 { font-size: 10cqw; } .v .sg-price b { font-size: 13cqw; } .v .sg-price span, .v .sg-promo p { font-size: 4cqw; } .v .sg-badge { font-size: 4.5cqw; }
.v .sg-list.two { grid-template-columns: 1fr; } .v .sg-li { font-size: 4cqw; } .v .sg-p b { font-size: 4.5cqw; } .v .sg-p small, .v .sg-n small { font-size: 2.6cqw; } .v .sg-mh h2 { font-size: 8cqw; } .v .sg-mh span { font-size: 3cqw; }
.v .sg-qrs { flex-direction: column; justify-content: center; gap: 4cqh; text-align: center; } .v .sg-qrs .sg-copy { max-width: none; } .v .sg-qrs h2 { font-size: 9cqw; } .v .sg-qrs p { font-size: 4cqw; } .v .sg-qrs ol { justify-content: center; } .v .sg-qrs li { font-size: 3cqw; } .v .sg-qr { width: 60cqw; max-width: none; }
.v .sg-foot { font-size: 3.4cqw; } .v .sg-logo { width: 9cqw; height: 9cqw; } .v .sg-rate { font-size: 2.6cqw; }
.v .sg-text h2 { font-size: 12cqw; } .v .sg-text p { font-size: 5cqw; }