/* Diseño fluido: márgenes proporcionales y contenido que aprovecha pantallas anchas. */
:root{--page-gutter:clamp(18px,3vw,80px)}
.wrap{width:calc(100% - var(--page-gutter) * 2);max-width:none;margin-inline:auto}
.wrap.article-page,.wrap.legal-page,.wrap.faq-page{max-width:960px}
.wrap.payment-result{max-width:1080px}
.header-inner{gap:24px}.menu{gap:clamp(12px,1.2vw,30px)}
main>section,.banner-inner>div,.two-columns>*,.cart-layout>*,.contact-page>*{min-width:0}
.dashboard-main{max-width:none}
.stream-section{padding-block:70px}.stream-promo{display:grid;grid-template-columns:1.4fr 1fr;gap:45px;align-items:center;padding:45px;background:linear-gradient(115deg,#fff0d8,#ffe3af);border:1px solid #edcc98;border-radius:30px}
.stream-promo h2{font-size:clamp(28px,2.7vw,44px)}.stream-promo p:not(.eyebrow){font-size:15px;margin-top:22px;max-width:65ch}
.stream-promo>div:last-child{display:flex;flex-direction:column;align-items:flex-start;gap:15px}.stream-icon{color:#b94900;font-size:65px;line-height:1.1}
.streaming-hero{padding:55px 0 35px}.streaming-hero h1{font-size:clamp(36px,3.6vw,66px);max-width:25ch}.streaming-hero>p:not(.eyebrow){max-width:75ch;margin-top:25px;font-size:16px}
.stream-layout{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(280px,.8fr);gap:35px;padding-bottom:65px;align-items:flex-start}
.stream-screen{position:relative;aspect-ratio:16/9;background:linear-gradient(130deg,#34251a,#633107);border:1px solid #e4b472;border-radius:24px;overflow:hidden;display:grid;place-items:center;color:#fff4e5}
.stream-screen iframe{position:absolute;inset:0;border:0;width:100%;height:100%}
.stream-placeholder{padding:35px;text-align:center;max-width:620px}.stream-placeholder>span{display:inline-grid;place-items:center;border:1px solid #ffb54780;border-radius:50%;width:76px;height:76px;font-size:35px;color:#ffc567;margin-bottom:25px}
.stream-placeholder h2{font-size:clamp(23px,2.4vw,35px);margin-bottom:18px;color:#fff5e9}.stream-placeholder p{font-size:14px;color:#ecd2b1;line-height:1.8}.stream-placeholder .button{margin-top:25px}
.stream-info{background:#fffdf9;border:1px solid var(--line);border-radius:20px;padding:30px}.stream-info h2{font-size:25px;margin-bottom:20px}.stream-info p{font-size:13px;white-space:pre-wrap;margin-bottom:22px}.stream-label{display:inline-flex;border:1px solid #f1c281;border-radius:20px;background:#fff2d9;color:#964900;font-size:10px;letter-spacing:.08em;padding:6px 12px;margin-bottom:20px}.stream-label.live{color:#a82e10;background:#fff0e9;border-color:#eaaa8c}
.stream-info time{display:block;font-size:13px;color:#815a32;margin-bottom:20px}.stream-help{background:#f1e7d8;padding:40px;border-radius:24px;margin-bottom:65px;display:grid;grid-template-columns:1fr 1.2fr;gap:45px}.stream-help h2{font-size:28px}.stream-help p{font-size:13px;margin-top:18px}.stream-help ol{margin:0;padding-left:22px;font-size:13px;color:#735d47}.stream-help li{margin-bottom:15px}
@media(min-width:1200px){
.banner-inner{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(35px,4vw,120px);min-height:clamp(530px,37vw,850px);padding-block:clamp(50px,4vw,105px)}
.banner h1{font-size:clamp(48px,3.8vw,88px)}.banner-copy>p:not(.eyebrow){font-size:clamp(16px,1vw,22px);max-width:65ch}
.banner-visual{width:100%;max-width:950px;margin-left:auto}.banner-visual:before{inset:5% -3% 0 0}
.banner-copy .eyebrow{font-size:clamp(10px,.65vw,15px)}.banner-actions .button{font-size:clamp(12px,.85vw,18px)}.banner-actions>.text-link{font-size:clamp(12px,.75vw,16px)}
.marca-muvack img{width:clamp(185px,12vw,280px);height:auto}.header-inner{min-height:clamp(102px,7vw,145px)}
.menu,.nav-dropdown{font-size:clamp(13px,.8vw,18px)}.menu .button.small{font-size:clamp(13px,.8vw,18px)}
.section-heading h2{font-size:clamp(34px,2.5vw,58px)}.section-heading>p{max-width:45ch}
.quick-access h2{font-size:clamp(17px,1.1vw,25px)}.quick-access p{font-size:clamp(11px,.75vw,17px)}.quick-access>a{padding:clamp(26px,2vw,45px)}
.solution-card h3{font-size:clamp(21px,1.4vw,32px)}.solution-card>p:not(.eyebrow){font-size:clamp(13px,.85vw,19px);max-width:58ch}
.solution-card>.text-link{font-size:clamp(12px,.75vw,16px)}.solution-card{padding:clamp(25px,2vw,45px)}
.catalog{grid-template-columns:repeat(4,minmax(0,1fr))}
.contact-page{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(50px,5vw,160px)}
.contact-form{width:100%;max-width:850px;margin-left:auto}
.cart-layout{grid-template-columns:minmax(0,1.5fr) minmax(380px,1fr)}.checkout-box{max-width:800px;width:100%;margin-left:auto}
}
@media(min-width:1800px){.shop-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.two-columns{gap:6vw}.media-layout{gap:3vw}.soluciones-texto{margin-left:0}.soluciones-texto h2{font-size:44px}.soluciones-texto p:not(.eyebrow){font-size:18px;max-width:55ch}.service-hero h1{font-size:clamp(50px,3.5vw,78px)}.service-hero p:not(.eyebrow){max-width:65ch;font-size:20px}.resource-card h3{font-size:28px}.resource-card p:not(.eyebrow){font-size:16px}.resource-art{height:260px}.footer-grid{gap:5vw}}
@media(max-width:1150px){
.menu-toggle{display:block}.menu{display:none;position:absolute;left:0;right:0;top:100%;background:#fffdf9;border:1px solid var(--line);padding:22px;border-radius:0 0 18px 18px;max-height:80vh;overflow:auto;align-items:stretch;flex-direction:column;gap:12px;box-shadow:0 15px 25px #40373515}
.menu.open{display:flex}.nav-dropdown{width:100%;justify-content:space-between;font-size:13px}.nav-group{position:relative}
.dropdown{position:static;border-radius:12px;border-top:1px solid var(--line);box-shadow:none;margin-top:5px}.mega{grid-template-columns:1fr;gap:18px;padding:20px}.mega>div:first-child{display:none}.mega-links a{font-size:12px;padding:9px}.help-menu{width:100%}.menu .button{align-self:flex-start}
}
@media(max-width:850px){.stream-layout{grid-template-columns:1fr}.stream-promo{gap:25px;padding:30px}.stream-help{gap:25px;padding:30px}.streaming-hero>p:not(.eyebrow){font-size:14px}}
@media(max-width:600px){.banner-visual:before{inset:12% 0 1%}.streaming-hero{padding-top:40px}.stream-section{padding-block:45px}.stream-promo{grid-template-columns:1fr;gap:25px;padding:27px;border-radius:22px}.stream-promo p:not(.eyebrow){font-size:13px}.stream-layout{gap:22px;padding-bottom:40px}.stream-screen{border-radius:16px;aspect-ratio:auto;min-height:260px}.stream-screen.playing{aspect-ratio:16/9;min-height:0}.stream-placeholder{padding:25px 18px}.stream-placeholder>span{width:50px;height:50px;font-size:24px;margin-bottom:18px}.stream-placeholder h2{font-size:23px}.stream-placeholder p{font-size:12px}.stream-info{padding:25px}.stream-help{grid-template-columns:1fr;gap:25px;padding:25px;margin-bottom:45px}.stream-help ol{font-size:12px}.stream-info h2{font-size:23px}}