@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Oswald:wght@500;600;700&display=swap');*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#090909;color:#fff;font-family:"DM Sans",system-ui,sans-serif}.live-container{width:min(1180px,calc(100% - 36px));margin:auto}a{color:inherit;text-decoration:none}.live-top{position:sticky;top:0;z-index:20;background:rgba(7,7,7,.9);backdrop-filter:blur(14px);border-bottom:1px solid #222}.top-inner{height:76px;display:flex;align-items:center;justify-content:space-between}.live-brand img{max-height:52px;max-width:230px}.live-top nav{display:flex;gap:25px;color:#bbb;font-size:13px}.live-hero{min-height:76vh;display:flex;align-items:center;background:radial-gradient(circle at 85% 30%,rgba(255,104,23,.12),transparent 30%),#0b0b0b}.hero-live-grid{display:grid;grid-template-columns:1fr .8fr;gap:70px;align-items:center;padding:70px 0}.kicker,.section-title span{font-size:10px;letter-spacing:.18em;color:#ff6817;font-weight:800}.live-hero h1,.section-title h2{font-family:"Oswald";text-transform:uppercase;line-height:.96;margin:16px 0}.live-hero h1{font-size:clamp(56px,7vw,96px)}.live-hero h1 em{font-style:normal;color:#ff6817}.live-hero p{color:#aaa;line-height:1.8}.cta{display:inline-flex;background:#ff6817;color:#111;font-weight:800;border-radius:9px;padding:14px 18px;margin-top:18px}.hero-live-art img{max-width:100%;max-height:500px;object-fit:contain}.live-section{padding:90px 0}.section-title h2{font-size:clamp(40px,5vw,66px)}.promos{background:#f2eee6;color:#111}.promo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.promo-grid article{background:#fff;border:1px solid #dfd8cc;border-radius:16px;padding:22px}.promo-grid article>span{font-size:9px;color:#ff6817;letter-spacing:.13em;font-weight:800}.promo-grid h3{font-family:"Oswald";font-size:26px;text-transform:uppercase;margin:8px 0}.promo-grid p,.promo-grid small{color:#666}.promo-grid strong{display:block;margin:12px 0}.menu-section{background:#0e0e0e}.menu-live-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.menu-live-grid article{border:1px solid #262626;background:#121212;border-radius:15px;overflow:hidden}.menu-photo{aspect-ratio:4/3;background:#171717}.menu-photo img{width:100%;height:100%;object-fit:cover}.menu-info{padding:17px}.menu-info>span{font-size:9px;color:#ff6817}.menu-info h3{font-family:"Oswald";font-size:24px;margin:6px 0}.menu-info p{color:#888;font-size:12px}.menu-info strong{color:#b8cf35}.hours-section{background:#080808}.hours-live{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.hours-live div{display:flex;justify-content:space-between;border-bottom:1px solid #262626;padding:13px 0}.hours-live span{color:#999}.live-footer{border-top:1px solid #222;padding:38px 0;color:#888}.live-footer strong{color:#fff}.live-footer a{color:#b8cf35;font-size:12px}.privacy-page{padding:60px 0}.privacy-page h1{font-family:"Oswald";font-size:50px}.privacy-page h2{font-family:"Oswald";margin-top:34px}.privacy-page p{color:#aaa;line-height:1.8;max-width:800px}@media(max-width:850px){.hero-live-grid{grid-template-columns:1fr}.hero-live-art{order:-1}.promo-grid,.menu-live-grid{grid-template-columns:1fr 1fr}.live-top nav{display:none}}@media(max-width:600px){.promo-grid,.menu-live-grid,.hours-live{grid-template-columns:1fr}.hero-live-grid{padding:50px 0}.live-hero h1{font-size:52px}.live-section{padding:70px 0}}

/* V1.4 - imagens responsivas sem corte + agenda promocional */
.menu-photo{overflow:hidden;display:flex;align-items:center;justify-content:center;padding:10px;aspect-ratio:4/3;background:#151515}
.menu-photo img{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center;display:block;border-radius:10px}
.menu-photo>span{color:#5f5f5f;font-size:11px;text-transform:uppercase;letter-spacing:.1em}
.promos .section-title>p,.hours-section .section-title>p{max-width:680px;color:#817b73;line-height:1.7}.hours-section .section-title>p{color:#858585}
.promo-grid article.is-now{border:2px solid #ff6817;box-shadow:0 12px 30px rgba(255,104,23,.12)}
.promo-mini-meta{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.promo-mini-meta span{background:#f0ece4;border-radius:999px;padding:6px 8px;font-size:9px;color:#58534d}.promo-link{display:inline-flex;margin-top:9px;font-weight:800;font-size:11px;color:#ff6817;text-transform:uppercase;letter-spacing:.08em}
.schedule-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.schedule-card{background:#111;border:1px solid #282828;border-radius:18px;padding:22px;transition:.2s ease}.schedule-card:hover{border-color:#3b3b3b;transform:translateY(-2px)}.schedule-main{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:17px;border-bottom:1px solid #242424}.schedule-main .day-label{font-family:"Oswald";font-size:25px;text-transform:uppercase;display:block}.schedule-main small{display:block;color:#737373;margin-top:4px}.schedule-main>strong{font-family:"Oswald";font-size:23px;color:#fff;white-space:nowrap}.schedule-main>strong i{font-family:"DM Sans";font-style:normal;color:#656565;font-size:10px;text-transform:uppercase}.day-promotions{padding-top:16px}.day-promo-title{display:block;color:#ff6817;font-size:9px;letter-spacing:.15em;font-weight:800;text-transform:uppercase;margin-bottom:8px}.day-promotions a{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 0;border-top:1px dashed #252525}.day-promotions a:first-of-type{border-top:0}.day-promotions b{font-size:12px}.day-promotions small{color:#8b8b8b;font-size:10px}.no-day-promo{padding-top:16px;color:#585858;font-size:11px}.empty-public{grid-column:1/-1;color:#777;padding:24px 0}
.promotion-page{min-height:100vh;padding:42px 0 80px;background:radial-gradient(circle at 80% 15%,rgba(255,104,23,.13),transparent 28%),#090909}.back-link{font-size:12px;color:#999}.promotion-detail-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:30px;margin-top:38px;align-items:start}.promotion-detail-main{background:#101010;border:1px solid #272727;border-radius:22px;padding:34px}.promotion-detail-main h1{font-family:"Oswald";font-size:clamp(44px,7vw,82px);text-transform:uppercase;line-height:.96;margin:12px 0}.lead-text{font-size:18px;line-height:1.7;color:#b0b0b0}.big-rule{display:flex;align-items:center;gap:14px;background:#f2eee6;color:#111;border-radius:16px;padding:18px 22px;margin:24px 0}.big-rule span{font-size:10px;letter-spacing:.12em;font-weight:800}.big-rule strong{font-family:"Oswald";font-size:48px;color:#ff6817}.big-rule i{font-style:normal;font-size:28px}.detail-list{display:grid;gap:10px;margin:22px 0}.detail-list>div{display:grid;grid-template-columns:180px 1fr;gap:14px;border-bottom:1px solid #252525;padding:12px 0}.detail-list b{font-size:11px;text-transform:uppercase;color:#ff6817}.detail-list span{color:#a1a1a1;line-height:1.55}.vip-card{position:sticky;top:100px;background:#f2eee6;color:#111;border-radius:22px;padding:28px}.vip-card>span{font-size:9px;letter-spacing:.16em;color:#ff6817;font-weight:900}.vip-card h2{font-family:"Oswald";font-size:34px;text-transform:uppercase;margin:8px 0}.vip-card p{color:#655f58;line-height:1.6}.vip-card form{display:grid;gap:10px;margin-top:18px}.vip-card label{font-size:10px;text-transform:uppercase;font-weight:800;color:#6b655e}.vip-card input:not([type=checkbox]){display:block;width:100%;margin-top:5px;border:1px solid #d8d0c4;background:#fff;border-radius:9px;padding:11px}.vip-consent{display:flex!important;gap:8px;align-items:flex-start;text-transform:none!important;font-weight:500!important}.vip-consent input{margin-top:3px}.vip-success{background:#dfe9be;border:1px solid #c8d78d;padding:11px;border-radius:9px;color:#39420f;font-size:12px}
@media(max-width:850px){.schedule-grid,.promotion-detail-grid{grid-template-columns:1fr}.vip-card{position:static}.detail-list>div{grid-template-columns:1fr}.schedule-main{flex-direction:column}.schedule-main>strong{white-space:normal}}

.error-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 20%,rgba(255,104,23,.13),transparent 35%),#090909}
.error-box{max-width:760px;text-align:center;padding:70px 30px}
.error-box h1{font-family:"Oswald";font-size:clamp(48px,8vw,88px);text-transform:uppercase;line-height:1;margin:12px 0 18px}
.error-box p{color:#999;line-height:1.75;max-width:620px;margin:0 auto}
.error-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:28px}
.secondary-public-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid #343434;border-radius:9px;padding:14px 18px;color:#ddd;font-weight:700}


/* V1.5.1 - Login ADM integrado ao menu */
.live-top nav .nav-login{
    padding:9px 13px;
    border:1px solid rgba(255,104,23,.62);
    border-radius:9px;
    color:#fff;
    background:rgba(255,104,23,.08);
    font-weight:700;
}
.live-top nav .nav-login:hover{
    background:#ff6817;
    color:#0b0b0b;
}


/* V1.5.2 - acesso ADM discreto no rodapé */
.live-top nav .nav-login{display:none!important}
.live-footer .footer-admin-link{
    opacity:.42;
    font-size:11px;
}
.live-footer .footer-admin-link:hover{
    opacity:.9;
    color:#ff6817;
}
.live-footer .footer-separator{
    color:#444;
    margin:0 7px;
}


/* V1.6 - LGPD, VIP e aniversário */
.legal-page{padding-bottom:90px}
.legal-page .legal-intro{font-size:18px;color:#d0d0d0;max-width:900px}
.legal-page ul{color:#aaa;line-height:1.8;max-width:900px;padding-left:22px}
.legal-page a{color:#b8cf35}
.legal-links{display:flex;gap:18px;flex-wrap:wrap;margin-top:38px;padding-top:22px;border-top:1px solid #222}
.vip-birthday-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.vip-birthday-grid label{display:flex;flex-direction:column;gap:6px}
.vip-birthday-grid input,.vip-birthday-grid select{
    width:100%;border:1px solid #303030;background:#151515;color:#fff;border-radius:9px;padding:11px
}
.vip-privacy-help{display:block;color:#777;line-height:1.5;margin-top:8px}
.vip-consent a{color:#ff6817;text-decoration:underline}
.vip-group-link{display:inline-flex;margin:10px 0 14px;padding:10px 12px;border:1px solid #25D366;border-radius:9px;color:#dfffea;font-weight:700;font-size:12px}

/* V1.7 - Calendário de Marketing e Eventos */
.marketing-alert-section{
    padding:28px 0;
    border-top:1px solid rgba(255,255,255,.06);
    border-bottom:1px solid rgba(255,255,255,.06);
    background:
        radial-gradient(circle at 15% 20%,rgba(255,104,23,.12),transparent 32%),
        #0b0b0b;
}
.marketing-alert-section .live-container{
    width:min(1180px,calc(100% - 36px));
    margin:auto;
}
.marketing-alert-head{
    display:flex;
    align-items:end;
    justify-content:space-between;
    gap:20px;
    margin-bottom:16px;
}
.marketing-alert-head span{
    color:#ff6817;
    font-size:10px;
    letter-spacing:.17em;
    font-weight:800;
}
.marketing-alert-head strong{
    font-family:"Oswald",sans-serif;
    text-transform:uppercase;
    font-size:28px;
}
.marketing-alert-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
}
.marketing-alert-card{
    display:grid;
    grid-template-columns:92px 1fr;
    gap:18px;
    background:#111;
    border:1px solid #292929;
    border-radius:16px;
    padding:18px;
}
.marketing-alert-date{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    min-height:112px;
    border-radius:13px;
    background:#17110d;
    border:1px solid rgba(255,104,23,.35);
}
.marketing-alert-date strong{
    font-family:"Oswald",sans-serif;
    color:#fff;
    font-size:38px;
    line-height:1;
}
.marketing-alert-date span{
    color:#ff6817;
    font-size:10px;
    letter-spacing:.14em;
    margin-top:5px;
}
.marketing-alert-copy>span{
    color:#7d7d7d;
    font-size:9px;
    letter-spacing:.12em;
}
.marketing-alert-copy h3{
    font-family:"Oswald",sans-serif;
    font-size:24px;
    text-transform:uppercase;
    margin:6px 0 7px;
}
.marketing-alert-copy p{
    color:#999;
    font-size:12px;
    line-height:1.55;
    margin:0 0 10px;
}
.event-promo-chip{
    display:inline-block;
    color:#d9e889;
    background:#11150b;
    border:1px solid #33411d;
    border-radius:7px;
    padding:7px 9px;
    font-size:10px;
    margin-bottom:10px;
}
.marketing-alert-copy a{
    color:#ff8c4a;
    font-size:11px;
    font-weight:700;
}
.event-page{padding:48px 0 90px}
.event-hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:44px;align-items:start;margin-top:28px}
.event-labels{display:flex;gap:8px;flex-wrap:wrap}
.event-labels span{border:1px solid #333;background:#111;border-radius:999px;padding:7px 10px;color:#999;font-size:9px;letter-spacing:.1em}
.event-date-large{color:#ff6817;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-top:22px}
.event-copy h1{font-family:"Oswald",sans-serif;text-transform:uppercase;font-size:clamp(48px,7vw,82px);line-height:.95;margin:10px 0 18px}
.event-lead{font-size:18px;color:#bbb;line-height:1.7}
.event-context{margin-top:36px;padding-top:28px;border-top:1px solid #252525}
.event-context h2{font-family:"Oswald",sans-serif;text-transform:uppercase;font-size:30px}
.event-context p{color:#9a9a9a;line-height:1.8}
.event-main-image{width:100%;max-height:420px;object-fit:cover;border-radius:16px;border:1px solid #272727}
.event-promotion-box{margin-top:14px;border-radius:16px;padding:22px;background:#f2eee6;color:#111}
.event-promotion-box>span{color:#ff6817;font-size:9px;letter-spacing:.13em;font-weight:800}
.event-promotion-box h2{font-family:"Oswald",sans-serif;text-transform:uppercase;font-size:28px;margin:8px 0}
.event-promotion-box p{color:#555;line-height:1.6}
.event-promotion-box small{display:block;color:#666;margin-bottom:12px}
@media(max-width:820px){
    .marketing-alert-grid{grid-template-columns:1fr}
    .event-hero-grid{grid-template-columns:1fr}
}
@media(max-width:560px){
    .marketing-alert-head{align-items:flex-start;flex-direction:column}
    .marketing-alert-card{grid-template-columns:74px 1fr}
    .marketing-alert-date{min-height:92px}
}

/* V1.8 - performance e slogan */
.hero-slogan{color:#ff6817!important;font-weight:800;font-size:clamp(19px,2vw,26px)!important;margin:0 0 8px!important}
.hero-live-art{min-height:420px;display:flex;align-items:center;justify-content:center}
.hero-live-art img{width:auto;height:auto;max-width:100%;max-height:500px}
.menu-photo{contain:layout paint}
.menu-photo img{display:block}

.footer-slogan{color:#ff6817!important;font-size:12px!important;font-weight:800;margin:5px 0 10px!important}

.footer-slogan{color:#ff6817!important;font-size:12px!important;font-weight:800;margin:5px 0 10px!important}


/* ==========================================================
   HOME-P1-PLANEJE-VISITA-V1
   Conversao local + UX + responsividade
   ========================================================== */

.visit-planner-section{
    position:relative;
    overflow:hidden;
    background:
        radial-gradient(circle at 90% 10%,rgba(255,104,23,.11),transparent 31%),
        #080808;
}

.visit-section-title{
    max-width:790px;
    margin-bottom:38px;
}

.visit-section-title>p{
    max-width:730px!important;
    color:#999!important;
}

.visit-planner-grid{
    display:grid;
    grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
    gap:18px;
    margin-bottom:54px;
}

.visit-now-card,
.visit-location-card{
    min-width:0;
    padding:29px;
    border:1px solid #292929;
    border-radius:24px;
    background:#111;
    box-shadow:0 22px 55px rgba(0,0,0,.22);
}

.visit-now-card.is-open{
    border-color:rgba(184,207,53,.36);
}

.visit-card-top{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:20px;
}

.visit-card-eyebrow,
.visit-week-header>div>span{
    display:block;
    color:#ff6817;
    font-size:9px;
    font-weight:800;
    letter-spacing:.17em;
}

.visit-now-card h3,
.visit-location-card h3,
.visit-week-header h3{
    margin:7px 0 0;
    font-family:"Oswald",sans-serif;
    line-height:1;
    text-transform:uppercase;
}

.visit-now-card h3,
.visit-location-card h3{
    font-size:clamp(30px,3vw,42px);
}

.visit-location-card p{
    color:#898989;
    font-size:13px;
    line-height:1.65;
}

.visit-status-pill{
    flex:none;
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:8px 11px;
    border-radius:999px;
    font-size:10px;
    font-weight:800;
    white-space:nowrap;
}

.visit-status-pill.is-open{
    color:#dff3a2;
    border:1px solid rgba(184,207,53,.32);
    background:rgba(184,207,53,.08);
}

.visit-status-pill.is-closed{
    color:#ccc;
    border:1px solid #343434;
    background:#171717;
}

.visit-status-dot{
    width:7px;
    height:7px;
    border-radius:50%;
    background:currentColor;
}

.visit-today-hours{
    display:flex;
    align-items:flex-end;
    gap:15px;
    flex-wrap:wrap;
    margin-top:30px;
    padding-bottom:22px;
    border-bottom:1px solid #262626;
}

.visit-today-hours strong{
    font-family:"Oswald",sans-serif;
    font-size:clamp(35px,4vw,52px);
    line-height:1;
}

.visit-today-hours>span{
    padding-bottom:4px;
    color:#999;
    font-size:12px;
}

.visit-day-note{
    display:inline-flex;
    margin:14px 0 0;
    padding:7px 10px;
    border:1px solid rgba(255,104,23,.25);
    border-radius:999px;
    color:#ff9c66;
    background:rgba(255,104,23,.06);
    font-size:10px;
    font-weight:700;
}

.visit-today-program{
    padding-top:22px;
}

.visit-program-label{
    display:block;
    margin-bottom:7px;
    color:#777;
    font-size:9px;
    font-weight:800;
    letter-spacing:.14em;
}

.visit-promo-list a{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    padding:13px 0;
    border-top:1px dashed #292929;
}

.visit-promo-list a:first-child{
    border-top:0;
}

.visit-promo-list a>span{
    display:flex;
    flex-direction:column;
    gap:4px;
}

.visit-promo-list small{
    color:#797979;
    font-size:10px;
}

.visit-promo-list i{
    color:#ff6817;
    font-style:normal;
}

.visit-more-link{
    display:inline-flex;
    margin-top:8px;
    color:#ff8746;
    font-size:10px;
    font-weight:700;
}

.visit-empty-program{
    color:#717171;
    font-size:12px;
    line-height:1.6;
}

.visit-address{
    display:flex;
    flex-direction:column;
    gap:5px;
    margin:28px 0 23px;
    padding:20px;
    border:1px solid #292929;
    border-radius:17px;
    background:#0d0d0d;
    font-style:normal;
}

.visit-address strong{
    margin-bottom:4px;
    font-family:"Oswald",sans-serif;
    font-size:20px;
    text-transform:uppercase;
}

.visit-address span{
    color:#999;
    font-size:12px;
    line-height:1.55;
}

.visit-actions{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:9px;
}

.visit-action{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    min-height:49px;
    padding:0 15px;
    border-radius:11px;
    font-size:11px;
    font-weight:800;
}

.visit-action i{
    font-style:normal;
}

.visit-action-primary{
    border:1px solid #ff6817;
    color:#0c0c0c;
    background:#ff6817;
}

.visit-action-secondary{
    border:1px solid #343434;
    color:#e6e6e6;
    background:#151515;
}

.visit-location-help{
    margin-top:14px!important;
    color:#646464!important;
    font-size:10px!important;
}

.visit-week-header{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:24px;
    margin-bottom:20px;
}

.visit-week-header h3{
    font-size:32px;
}

.visit-week-header>a{
    color:#ff8847;
    font-size:11px;
    font-weight:800;
}

.visit-schedule-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
}

.visit-schedule-card{
    position:relative;
    overflow:hidden;
    background:#0e0e0e;
}

.visit-schedule-card.is-today{
    border-color:#ff6817;
    background:#111;
}

.visit-schedule-card.is-today:before{
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    width:3px;
    background:#ff6817;
}

.today-marker{
    display:inline-flex!important;
    width:max-content;
    margin:5px 0 0!important;
    padding:4px 7px;
    border-radius:999px;
    color:#111!important;
    background:#ff6817;
    font-family:"DM Sans",sans-serif;
    font-size:8px!important;
    font-weight:900;
}

.visit-day-promotions small{
    display:flex;
    align-items:center;
    gap:6px;
    white-space:nowrap;
}

.visit-day-promotions small>span{
    color:#ff8240;
}

.visit-day-more{
    opacity:.72;
}

.visit-action:focus-visible,
.visit-promo-list a:focus-visible,
.visit-week-header>a:focus-visible,
.visit-day-promotions a:focus-visible{
    outline:2px solid #ff6817;
    outline-offset:3px;
}

@media(max-width:900px){

    .visit-planner-grid,
    .visit-schedule-grid{
        grid-template-columns:1fr;
    }
}

@media(max-width:600px){

    .visit-now-card,
    .visit-location-card{
        padding:20px;
        border-radius:19px;
    }

    .visit-card-top{
        flex-direction:column;
        gap:14px;
    }

    .visit-status-pill{
        order:-1;
    }

    .visit-today-hours{
        flex-direction:column;
        align-items:flex-start;
        gap:7px;
    }

    .visit-actions{
        grid-template-columns:1fr;
    }

    .visit-action{
        min-height:52px;
        font-size:12px;
    }

    .visit-week-header{
        flex-direction:column;
        align-items:flex-start;
        gap:10px;
    }

    .visit-schedule-card{
        padding:19px;
    }

    .visit-day-promotions a{
        flex-direction:column;
        align-items:flex-start;
        gap:5px;
    }
}

@media(prefers-reduced-motion:reduce){

    .visit-action,
    .visit-schedule-card{
        transition:none!important;
    }
}


/*
|--------------------------------------------------------------------------
| HOME-P4-HERO-CONVERSION-V1
|--------------------------------------------------------------------------
| Hero operacional: hierarquia de CTA, prova rápida e profundidade visual.
|--------------------------------------------------------------------------
*/

.hero-live-copy {
    position:relative;
    z-index:2;
    max-width:650px;
}

.live-hero .hero-live-copy > p:not(.hero-slogan) {
    max-width:590px;
}

.hero-actions {
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:12px;
    margin-top:24px;
}

.live-hero .hero-actions .cta {
    margin-top:0;
    min-height:50px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    padding:14px 20px;
    border:1px solid transparent;
    transition:
        transform .2s ease,
        box-shadow .22s ease,
        background .2s ease,
        border-color .2s ease,
        color .2s ease;
}

.hero-cta-primary {
    box-shadow:
        0 12px 28px rgba(255,104,23,.18),
        0 0 0 1px rgba(255,104,23,.06);
}

.hero-cta-secondary {
    background:rgba(255,255,255,.035) !important;
    color:#fff !important;
    border-color:rgba(255,255,255,.18) !important;
    backdrop-filter:blur(6px);
}

.hero-cta-arrow {
    display:inline-block;
    font-size:17px;
    line-height:1;
    transition:transform .2s ease;
}

.hero-proof {
    display:flex;
    flex-wrap:wrap;
    gap:8px 18px;
    margin-top:19px;
    color:#888;
    font-size:11px;
    font-weight:700;
    letter-spacing:.035em;
}

.hero-proof span {
    display:inline-flex;
    align-items:center;
    gap:7px;
}

.hero-proof span::before {
    content:"";
    width:5px;
    height:5px;
    border-radius:50%;
    background:#ff6817;
    box-shadow:0 0 12px rgba(255,104,23,.55);
}

.hero-live-art {
    position:relative;
    isolation:isolate;
}

.hero-live-art::before {
    content:"";
    position:absolute;
    z-index:0;
    inset:14% 2% 12%;
    pointer-events:none;
    background:
        radial-gradient(
            circle at 52% 48%,
            rgba(255,104,23,.20),
            rgba(255,104,23,.07) 34%,
            transparent 69%
        );
    filter:blur(18px);
    opacity:.9;
}

.hero-live-art img {
    position:relative;
    z-index:1;
    filter:drop-shadow(0 22px 34px rgba(0,0,0,.36));
    transition:
        transform .32s cubic-bezier(.2,.75,.25,1),
        filter .32s ease;
}


@media (hover:hover) and (pointer:fine) {

    .hero-cta-primary:hover {
        transform:translateY(-3px);
        box-shadow:
            0 17px 35px rgba(255,104,23,.25),
            0 0 0 1px rgba(255,104,23,.10);
    }

    .hero-cta-primary:hover .hero-cta-arrow {
        transform:translateX(4px);
    }

    .hero-cta-secondary:hover {
        transform:translateY(-3px);
        background:rgba(255,104,23,.07) !important;
        border-color:rgba(255,104,23,.65) !important;
        color:#fff !important;
        box-shadow:0 15px 32px rgba(0,0,0,.24);
    }

    .hero-cta-secondary:hover .hero-cta-arrow {
        transform:translateY(3px);
    }

    .hero-live-art:hover img {
        transform:
            perspective(1000px)
            translateY(-5px)
            rotateY(-1deg)
            scale(1.012);

        filter:
            drop-shadow(0 28px 40px rgba(0,0,0,.42));
    }
}


@media (max-width:850px) {

    .hero-live-grid {
        gap:32px;
    }

    .hero-live-copy {
        max-width:none;
    }

    .hero-live-art::before {
        inset:16% 8%;
    }
}


@media (max-width:600px) {

    .hero-actions {
        display:grid;
        grid-template-columns:1fr;
        gap:10px;
        width:100%;
    }

    .live-hero .hero-actions .cta {
        width:100%;
    }

    .hero-proof {
        gap:8px 13px;
        margin-top:17px;
        font-size:10px;
    }

    .hero-live-art::before {
        inset:18% 4%;
        opacity:.72;
    }
}


@media (prefers-reduced-motion:reduce) {

    .hero-actions .cta,
    .hero-cta-arrow,
    .hero-live-art img {
        transition:none !important;
    }

    .hero-actions .cta:hover,
    .hero-live-art:hover img {
        transform:none !important;
    }
}