/* ========================================
   MOBILE PREMIUM FPSS 2027 FINAL
======================================== */

@media screen and (max-width: 980px){

/* ========================================
   RESET GLOBAL MOBILE
======================================== */

html,
body{

    width:100% !important;

    overflow-x:hidden !important;
}

body{
    position:relative;
}

/* ========================================
   WRAP
======================================== */

.wrap{

    width:100% !important;

    max-width:100% !important;

    padding-left:18px;
    padding-right:18px;
}

/* ========================================
   SECTIONS
======================================== */

section{

    width:100% !important;

    overflow:hidden;

    padding:70px 0 !important;
}

/* ========================================
   HEADER
======================================== */

.topbar-master{

    padding:10px 0 !important;
}

.header-main{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:12px;
}

.brand-text h1{

    font-size:20px !important;

    line-height:1;
}

.brand-text p{

    font-size:10px !important;
}

/* MENU */

.menu-master{

    display:none !important;
}

/* BOTÕES HEADER */

.header-ctas{

    display:flex;

    gap:8px;
}

.btn-header-whatsapp,
.btn-header-buy{

    min-height:40px;

    padding:0 14px !important;

    font-size:11px !important;

    border-radius:12px;
}

/* ========================================
   HERO
======================================== */

.hero-master{

    min-height:auto !important;

    padding:
    120px 0 70px !important;

    overflow:hidden;
}

/* VIDEO */

.hero-video{

    position:absolute;

    inset:0;

    width:100%;
    height:100%;

    object-fit:cover;

    z-index:-2;
}

/* OVERLAY */

.hero-overlay{

    position:absolute;

    inset:0;

    background:
    linear-gradient(
    rgba(0,0,0,.72),
    rgba(0,0,0,.78)
    );

    z-index:-1;
}

/* GRID */

.hero-grid-novo{

    display:grid;

    grid-template-columns:1fr !important;

    gap:28px;
}

/* LEFT */

.hero-left{

    width:100%;

    max-width:100%;

    text-align:center;
}

.hero-left h2{

    font-size:52px !important;

    line-height:.95;

    margin-bottom:20px;
}

.hero-left h2 span{
    display:block;
}

.hero-description{

    font-size:15px !important;

    line-height:1.7;

    max-width:100%;
}

/* MINI INFOS */

.hero-mini-infos{

    display:flex;

    flex-wrap:wrap;

    justify-content:center;

    gap:10px;

    margin-top:24px;
}

.mini-info-card{

    font-size:12px;

    padding:10px 14px;
}

/* BOTÕES */

.hero-buttons{

    display:flex;

    flex-direction:column;

    gap:14px;

    margin-top:28px;
}

.hero-buttons .btn{

    width:100%;
}

/* ========================================
   COUNTDOWN
======================================== */

.countdown-container{

    width:100%;

    padding:20px;
}

.countdown-timer{

    display:grid;

    grid-template-columns:
    repeat(4,1fr);

    gap:10px;
}

.time-block{

    width:100%;

    height:82px;
}

.time-block span{

    font-size:28px;
}

/* ========================================
   SHOW CARD
======================================== */

.show-card{

    width:100%;

    padding:24px;
}

.show-card img{

    width:100%;

    max-width:240px;

    margin:auto;

    display:block;
}

/* ========================================
   TITULOS
======================================== */

.section-header-center h2,
.titulo-premiacao h2{

    font-size:36px !important;

    line-height:1.05;

    text-align:center;
}

.section-header-center p{

    font-size:15px !important;

    line-height:1.7;

    text-align:center;
}

/* ========================================
   PREMIAÇÃO
======================================== */

.premiacao-cards{

    display:grid;

    grid-template-columns:1fr !important;

    gap:22px;
}

.premio-cinema{

    min-height:260px !important;

    padding:28px;
}

.premio-cinema h3{

    font-size:52px !important;
}

/* ========================================
   PRODUTOS
======================================== */

.premium-grid{

    display:grid;

    grid-template-columns:1fr !important;

    gap:22px;
}

.venda-box{

    display:flex;

    flex-direction:column;

    overflow:hidden;
}

.venda-box img{

    width:100% !important;

    height:230px !important;

    object-fit:cover !important;

    border-radius:24px 24px 0 0 !important;
}

.venda-box-conteudo{

    width:100%;
}

.venda-box h3{

    font-size:34px !important;
}

.price-box{

    font-size:44px !important;
}

.venda-box-rodape{

    display:flex;

    flex-direction:column;

    gap:14px;
}

.venda-box .btn{

    width:100%;
}

/* ========================================
   ATRAÇÕES
======================================== */

.atracoes-grid{

    display:grid;

    grid-template-columns:1fr !important;

    gap:22px;
}

.artista-card{

    padding:22px !important;
}

.artista-card img{

    width:100%;

    max-width:240px;

    margin:auto;

    display:block;
}

.artista-card h3{

    font-size:28px !important;

    text-align:center;
}

/* ========================================
   GALERIA
======================================== */

.galeria-grid-premium{

    display:grid;

    grid-template-columns:1fr !important;

    gap:14px;
}

.foto-premium,
.foto-premium.grande,
.foto-premium.vertical{

    height:240px !important;

    grid-column:auto !important;

    grid-row:auto !important;
}

/* ========================================
   STATS
======================================== */

.stats-grid{

    display:grid;

    grid-template-columns:
    repeat(2,1fr);

    gap:16px;
}

.stat-card{

    min-height:160px;

    padding:20px;
}

.stat-card h3{

    font-size:22px !important;

    line-height:1.2;
}

/* ========================================
   LOCALIZAÇÃO
======================================== */

.localizacao-grid{

    display:grid;

    grid-template-columns:1fr !important;

    gap:22px;
}

.local-info-card{

    padding:22px;
}

.local-info-card h3{

    font-size:18px !important;
}

.mapa-box iframe{

    width:100% !important;

    min-height:320px !important;
}

/* ========================================
   PARCEIROS
======================================== */

.parceiros-grid{

    display:grid;

    grid-template-columns:
    repeat(2,1fr) !important;

    gap:14px !important;
}

.parceiro-card{

    height:100px !important;

    padding:8px !important;
}

.parceiro-card img{

    width:100% !important;

    height:100% !important;

    object-fit:contain !important;
}

/* ========================================
   ENQUETE
======================================== */

.cta-enquete-wrap{

    padding:24px;
}

/* ========================================
   VIP
======================================== */

.vip-box{

    padding:26px;
}

.vip-box h2{

    font-size:22px !important;
}

/* ========================================
   FOOTER
======================================== */

.footer-grid{

    display:grid;

    grid-template-columns:1fr !important;

    gap:20px;

    text-align:center;
}

/* ========================================
   BOTÃO FLUTUANTE
======================================== */

.btn-atendimento-fixo{

    right:14px;

    bottom:14px;

    transform:scale(.9);
}

}

/* ========================================
   MICRO CELULARES
======================================== */

@media screen and (max-width:480px){

.hero-left h2{

    font-size:40px !important;
}

.section-header-center h2,
.titulo-premiacao h2{

    font-size:30px !important;
}

.hero-description,
.section-header-center p{

    font-size:14px !important;
}

.time-block{

    height:72px;
}

.time-block span{

    font-size:22px;
}

.venda-box img{

    height:200px !important;
}

.price-box{

    font-size:38px !important;
}

.parceiro-card{

    height:88px !important;
}

}