/* ==========================================================
   EVENTS PAGE
   PARTE 1 - BASE
========================================================== */

:root{

    /* CORES */

    --primary:#D62828;
    --primary-dark:#B71C1C;

    --secondary:#2C2A28;

    --title:#1F2937;
    --text:#667085;

    --background:#F8F5F1;
    --white:#FFFFFF;

    --border:#ECE7E2;

    --gold:#B08D57;

    /* LAYOUT */

    --container:1350px;

    --radius:22px;
    --radius-small:16px;

    --shadow:
        0 15px 45px rgba(0,0,0,.06);

    --transition:.35s ease;

}

/* ==========================================================
RESET
========================================================== */

.events-page *,
.events-page *::before,
.events-page *::after{

    box-sizing:border-box;

}

.events-page img{

    display:block;
    max-width:100%;

}

.events-page a{

    text-decoration:none;

}

.events-page ul{

    list-style:none;
    margin:0;
    padding:0;

}

.events-page{

    overflow:hidden;

}

/* ==========================================================
CONTAINER
========================================================== */

.events-page .container{

    width:min(92%, var(--container));

    margin-inline:auto;

}

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

.events-page section{

    position:relative;

    padding:120px 0;

}

.events-page section:nth-child(even){

    background:var(--background);

}

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

.section-title{

    max-width:850px;

    margin:0 auto 70px;

    text-align:center;

}

.section-badge{

    display:inline-flex;

    align-items:center;

    padding:10px 18px;

    border-radius:999px;

    background:rgba(214,40,40,.08);

    color:var(--primary);

    font-size:13px;

    font-weight:700;

    letter-spacing:2px;

    text-transform:uppercase;

}

.section-title h2{

    margin:22px 0 20px;

    font-size:clamp(2.2rem,4vw,3.5rem);

    line-height:1.1;

    color:var(--title);

    font-weight:800;

}

.section-title p{

    color:var(--text);

    font-size:18px;

    line-height:1.85;

}

/* ==========================================================
TEXTOS
========================================================== */

.events-page h3{

    color:var(--title);

    font-size:1.55rem;

    line-height:1.25;

    margin-bottom:18px;

    font-weight:700;

}

.events-page p{

    color:var(--text);

    font-size:16px;

    line-height:1.85;

}

.events-page strong{

    color:var(--secondary);

}

/* ==========================================================
BUTTONS
========================================================== */

.hero-buttons{

    display:flex;

    flex-wrap:wrap;

    gap:18px;

    margin-top:40px;

}

.btn-primary,
.btn-secondary{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    min-width:210px;

    height:58px;

    padding:0 34px;

    border-radius:999px;

    font-weight:600;

    transition:var(--transition);

}

.btn-primary{

    background:var(--primary);

    color:#fff;

    box-shadow:
        0 12px 30px rgba(214,40,40,.18);

}

.btn-primary:hover{

    background:var(--primary-dark);

    transform:translateY(-3px);

}

.btn-secondary{

    background:#fff;

    color:var(--secondary);

    border:1px solid var(--border);

}

.btn-secondary:hover{

    border-color:var(--primary);

    color:var(--primary);

    transform:translateY(-3px);

}

/* ==========================================================
CARDS
========================================================== */

.card{

    background:#fff;

    border:1px solid var(--border);

    border-radius:var(--radius);

    box-shadow:var(--shadow);

    transition:var(--transition);

}

.card:hover{

    transform:translateY(-8px);

    box-shadow:
        0 22px 55px rgba(0,0,0,.10);

}

/* ==========================================================
BADGES
========================================================== */

.badge{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:8px 16px;

    border-radius:999px;

    background:rgba(214,40,40,.08);

    color:var(--primary);

    font-size:12px;

    font-weight:700;

    letter-spacing:1.5px;

    text-transform:uppercase;

}

.badge-solid{

    background:var(--primary);

    color:#fff;

}

/* ==========================================================
LISTAS
========================================================== */

.check-list{

    display:flex;

    flex-direction:column;

    gap:16px;

}

.check-list li{

    position:relative;

    padding-left:28px;

    color:var(--text);

    line-height:1.8;

}

.check-list li::before{

    content:"";

    position:absolute;

    left:0;

    top:11px;

    width:10px;

    height:10px;

    border-radius:50%;

    background:var(--primary);

}

/* ==========================================================
DIVISORES
========================================================== */

.section-divider{

    width:90px;

    height:4px;

    background:var(--primary);

    border-radius:999px;

    margin:30px auto 0;

}

/* ==========================================================
RESPONSIVO
========================================================== */

@media(max-width:992px){

    .events-page section{

        padding:90px 0;

    }

}

@media(max-width:768px){

    .section-title{

        margin-bottom:50px;

    }

    .section-title h2{

        font-size:2.2rem;

    }

    .section-title p{

        font-size:16px;

    }

    .hero-buttons{

        flex-direction:column;

    }

    .btn-primary,
    .btn-secondary{

        width:100%;

    }

}
/* ==========================================================
   EVENTS HERO
   PARTE 2
========================================================== */

.events-hero{
    background:var(--background);
    padding:260px 0 120px;
    overflow:hidden;
}

.events-hero::before{

    content:"";

    position:absolute;

    width:650px;
    height:650px;

    right:-220px;
    top:-220px;

    border-radius:50%;

    background:rgba(214,40,40,.04);

    filter:blur(100px);

}

.events-hero::after{

    content:"";

    position:absolute;

    width:500px;
    height:500px;

    left:-180px;
    bottom:-180px;

    border-radius:50%;

    background:rgba(214,40,40,.03);

    filter:blur(90px);

}

/* ==========================================================
GRID
========================================================== */

.hero-grid{

    display:grid;

    grid-template-columns:1.15fr .85fr;

    gap:70px;

    align-items:center;

    position:relative;

    z-index:2;

}

/* ==========================================================
LEFT
========================================================== */

.hero-left{

    max-width:760px;

}

.hero-label{

    display:inline-flex;

    align-items:center;

    padding:10px 18px;

    border-radius:999px;

    background:rgba(214,40,40,.08);

    color:var(--primary);

    font-size:13px;

    font-weight:700;

    letter-spacing:2px;

    text-transform:uppercase;

}

.hero-left h1{

    margin:28px 0 24px;

    font-size:clamp(3rem,5vw,4.8rem);

    line-height:1.05;

    color:var(--title);

    font-weight:900;

    letter-spacing:-2px;

}

.hero-left p{

    font-size:20px;

    line-height:1.85;

    color:var(--text);

    max-width:720px;

}

.hero-left strong{

    color:var(--secondary);

}

/* ==========================================================
TRUST
========================================================== */

.hero-trust{

    margin-top:55px;

    display:grid;

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

    gap:22px;

}

.trust-item{

    background:#fff;

    border:1px solid var(--border);

    border-radius:20px;

    padding:28px;

    box-shadow:var(--shadow);

    transition:.35s;

}

.trust-item:hover{

    transform:translateY(-6px);

}

.trust-number{

    font-size:34px;

    font-weight:800;

    color:var(--primary);

    margin-bottom:12px;

}

.trust-item strong{

    display:block;

    color:var(--title);

    margin-bottom:8px;

    font-size:17px;

}

.trust-item span{

    color:var(--text);

    line-height:1.7;

    font-size:15px;

}

/* ==========================================================
RIGHT PANEL
========================================================== */

.event-panel{

    position:sticky;

    top:120px;

    background:#fff;

    border-radius:26px;

    border:1px solid var(--border);

    box-shadow:
        0 25px 60px rgba(0,0,0,.08);

    padding:45px;

}

.panel-tag{

    display:inline-flex;

    align-items:center;

    padding:9px 18px;

    border-radius:999px;

    background:rgba(214,40,40,.08);

    color:var(--primary);

    font-size:12px;

    font-weight:700;

    letter-spacing:1.5px;

    text-transform:uppercase;

}

.event-panel h3{

    margin:22px 0 18px;

    font-size:2rem;

    line-height:1.2;

}

.event-panel>p{

    margin-bottom:35px;

}

/* ==========================================================
PANEL ITEMS
========================================================== */

.panel-items{

    display:flex;

    flex-direction:column;

    gap:22px;

}

.panel-item{

    display:flex;

    gap:18px;

    align-items:flex-start;

    padding-bottom:22px;

    border-bottom:1px solid var(--border);

}

.panel-item:last-child{

    border:none;

    padding-bottom:0;

}

.panel-icon{

    width:50px;

    height:50px;

    border-radius:16px;

    background:rgba(214,40,40,.08);

    color:var(--primary);

    display:flex;

    align-items:center;

    justify-content:center;

    font-weight:700;

    font-size:18px;

    flex-shrink:0;

}

.panel-item strong{

    display:block;

    margin-bottom:6px;

    font-size:16px;

    color:var(--title);

}

.panel-item span{

    display:block;

    color:var(--text);

    line-height:1.7;

    font-size:15px;

}

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

.panel-footer{

    margin-top:35px;

    padding:26px;

    border-radius:18px;

    background:#FDF8F7;

    border-left:4px solid var(--primary);

}

.panel-footer strong{

    display:block;

    margin-bottom:8px;

    color:var(--title);

}

.panel-footer p{

    margin:0;

}

/* ==========================================================
RESPONSIVE
========================================================== */

@media(max-width:1100px){

    .hero-grid{

        grid-template-columns:1fr;

        gap:50px;

    }

    .event-panel{

        position:relative;

        top:auto;

    }

}

@media(max-width:900px){

    .hero-trust{

        grid-template-columns:1fr;

    }

}

@media(max-width:768px){

    .events-hero{

        padding:170px 0 90px;

    }

    .hero-left h1{

        font-size:2.7rem;

    }

    .hero-left p{

        font-size:17px;

    }

    .event-panel{

        padding:32px;

    }

}
/* ==========================================================
   PARTE 3
   INTRO + TIPOS DE EVENTOS
========================================================== */

/* ==========================================================
INTRO
========================================================== */

.events-intro{

    background:#fff;

}

.intro-grid{

    display:grid;

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

    gap:28px;

}

.intro-card{

    position:relative;

    padding:42px;

    background:#fff;

    border:1px solid var(--border);

    border-radius:24px;

    box-shadow:var(--shadow);

    transition:var(--transition);

    overflow:hidden;

}

.intro-card:hover{

    transform:translateY(-8px);

    box-shadow:
        0 25px 60px rgba(0,0,0,.10);

}

/* barra superior */

.intro-card::before{

    content:"";

    position:absolute;

    top:0;
    left:40px;

    width:70px;
    height:4px;

    background:var(--primary);

    border-radius:20px;

}

/* número */

.intro-number{

    font-size:56px;

    font-weight:800;

    color:#ECECEC;

    line-height:1;

    margin-bottom:28px;

}

.intro-card h3{

    font-size:24px;

    margin-bottom:16px;

    color:var(--title);

}

.intro-card p{

    color:var(--text);

    line-height:1.85;

}

/* ==========================================================
MENSAGEM
========================================================== */

.events-message{

    margin-top:70px;

    background:#FDF8F7;

    border:1px solid #F3DEDB;

    border-left:5px solid var(--primary);

    border-radius:24px;

    padding:50px;

}

.events-message h3{

    font-size:30px;

    margin-bottom:18px;

}

.events-message p{

    font-size:17px;

}

/* ==========================================================
TIPOS DE EVENTOS
========================================================== */

.events-types{

    background:var(--background);

}

.events-grid{

    display:grid;

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

    gap:30px;

}

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

.event-card{

    position:relative;

    background:#fff;

    border:1px solid var(--border);

    border-radius:24px;

    padding:42px;

    overflow:hidden;

    box-shadow:var(--shadow);

    transition:.35s;

}

.event-card:hover{

    transform:translateY(-8px);

    box-shadow:
        0 25px 55px rgba(0,0,0,.10);

}

/* linha vermelha */

.event-card::before{

    content:"";

    position:absolute;

    left:42px;
    top:0;

    width:70px;
    height:4px;

    background:var(--primary);

    border-radius:20px;

}

/* destaque */

.featured{

    border:2px solid rgba(214,40,40,.18);

}

.featured-label{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    margin-bottom:24px;

    padding:8px 16px;

    border-radius:999px;

    background:var(--primary);

    color:#fff;

    font-size:12px;

    font-weight:700;

    letter-spacing:1px;

    text-transform:uppercase;

}

/* número */

.event-number{

    font-size:60px;

    font-weight:800;

    color:#ECECEC;

    margin-bottom:24px;

    line-height:1;

}

/* título */

.event-card h3{

    font-size:28px;

    margin-bottom:18px;

}

/* descrição */

.event-card p{

    margin-bottom:25px;

}

/* lista */

.event-card ul{

    display:flex;

    flex-direction:column;

    gap:14px;

}

.event-card li{

    position:relative;

    padding-left:26px;

    color:var(--text);

    line-height:1.75;

}

.event-card li::before{

    content:"";

    position:absolute;

    left:0;
    top:10px;

    width:10px;
    height:10px;

    border-radius:50%;

    background:var(--primary);

}

/* ==========================================================
RESPONSIVE
========================================================== */

@media(max-width:1200px){

    .intro-grid{

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

    }

}

@media(max-width:992px){

    .events-grid{

        grid-template-columns:1fr;

    }

}

@media(max-width:768px){

    .intro-grid{

        grid-template-columns:1fr;

    }

    .intro-card,
    .event-card{

        padding:32px;

    }

    .events-message{

        padding:35px;

    }

    .events-message h3{

        font-size:24px;

    }

}
/* ==========================================================
   PARTE 4
   DIFERENÇAS + PROCESSO + RECORRENTES
==========================================================*/


/* ==========================================================
DIFERENÇAS
==========================================================*/

.events-difference{

    background:#fff;

}

.difference-grid{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:70px;

    align-items:center;

}

.difference-left h2{

    font-size:clamp(2.4rem,4vw,3.4rem);

    margin:22px 0;

    line-height:1.1;

}

.difference-left p{

    margin-bottom:22px;

}

.difference-box{

    background:#fff;

    border:1px solid var(--border);

    border-radius:26px;

    padding:50px;

    box-shadow:var(--shadow);

}

.difference-box ul{

    display:grid;

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

    gap:18px 35px;

}

.difference-box li{

    position:relative;

    padding-left:26px;

    line-height:1.8;

    color:var(--text);

}

.difference-box li::before{

    content:"";

    position:absolute;

    left:0;

    top:11px;

    width:10px;

    height:10px;

    border-radius:50%;

    background:var(--primary);

}


/* ==========================================================
PROCESSO
==========================================================*/

.events-process{

    background:var(--background);

}

.timeline{

    display:flex;

    flex-direction:column;

    gap:35px;

}

.timeline-item{

    display:grid;

    grid-template-columns:90px 1fr;

    gap:30px;

    align-items:flex-start;

}

.timeline-number{

    width:72px;

    height:72px;

    border-radius:18px;

    background:rgba(214,40,40,.08);

    color:var(--primary);

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:22px;

    font-weight:800;

}

.timeline-content{

    background:#fff;

    border:1px solid var(--border);

    border-radius:24px;

    padding:38px;

    box-shadow:var(--shadow);

    transition:.35s;

}

.timeline-content:hover{

    transform:translateY(-6px);

    box-shadow:

        0 25px 60px rgba(0,0,0,.08);

}

.timeline-content h3{

    margin-bottom:15px;

}

.timeline-content p{

    margin-bottom:18px;

}

.timeline-content ul{

    display:flex;

    flex-direction:column;

    gap:14px;

}

.timeline-content li{

    position:relative;

    padding-left:24px;

    color:var(--text);

}

.timeline-content li::before{

    content:"";

    position:absolute;

    left:0;

    top:10px;

    width:9px;

    height:9px;

    border-radius:50%;

    background:var(--primary);

}


/* ==========================================================
EVENTOS RECORRENTES
==========================================================*/

.events-recurring{

    background:#fff;

}

.recurring-grid{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:70px;

    align-items:center;

}

.recurring-left h2{

    font-size:clamp(2.4rem,4vw,3.3rem);

    margin:22px 0;

}

.recurring-left p{

    margin-bottom:22px;

}

.recurring-box{

    background:#fff;

    border:1px solid var(--border);

    border-radius:26px;

    padding:50px;

    box-shadow:var(--shadow);

}

.recurring-box ul{

    display:flex;

    flex-direction:column;

    gap:18px;

}

.recurring-box li{

    position:relative;

    padding-left:28px;

    color:var(--text);

    line-height:1.8;

}

.recurring-box li::before{

    content:"";

    position:absolute;

    left:0;

    top:11px;

    width:10px;

    height:10px;

    border-radius:50%;

    background:var(--primary);

}


/* ==========================================================
NOTA
==========================================================*/

.events-note{

    background:var(--background);

}

.note-box{

    display:flex;

    gap:35px;

    align-items:flex-start;

    background:#fff;

    border:1px solid var(--border);

    border-radius:26px;

    padding:45px;

    box-shadow:var(--shadow);

}

.note-icon{

    width:74px;

    height:74px;

    flex-shrink:0;

    border-radius:20px;

    background:rgba(214,40,40,.08);

    color:var(--primary);

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:28px;

}

.note-content h3{

    margin-bottom:16px;

}

.note-content p{

    margin:0;

}


/* ==========================================================
RESPONSIVO
==========================================================*/

@media(max-width:992px){

    .difference-grid,

    .recurring-grid{

        grid-template-columns:1fr;

        gap:45px;

    }

    .difference-box ul{

        grid-template-columns:1fr;

    }

    .timeline-item{

        grid-template-columns:1fr;

        gap:20px;

    }

    .timeline-number{

        width:60px;

        height:60px;

        border-radius:16px;

    }

}

@media(max-width:768px){

    .difference-box,

    .recurring-box,

    .timeline-content,

    .note-box{

        padding:32px;

    }

    .note-box{

        flex-direction:column;

    }

}
/* ==========================================================
   PARTE 5
   VANTAGENS • SERVIÇOS • PRODUTOS
   PERSONALIZAÇÃO • CASOS DE USO
==========================================================*/


/* ==========================================================
VANTAGENS
==========================================================*/

.events-advantages{

    background:#F8F5F1;

}

.advantages-grid{

    display:grid;

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

    gap:30px;

}

.advantage-card{

    position:relative;

    background:#fff;

    border:1px solid var(--border);

    border-radius:26px;

    padding:42px;

    overflow:hidden;

    box-shadow:var(--shadow);

    transition:var(--transition);

}

.advantage-card:hover{

    transform:translateY(-8px);

    box-shadow:0 28px 65px rgba(0,0,0,.10);

}

.advantage-card::before{

    content:"";

    position:absolute;

    left:42px;

    top:0;

    width:75px;

    height:4px;

    background:var(--primary);

    border-radius:999px;

}

.advantage-card h3{

    margin:20px 0 16px;

}

.advantage-card p{

    margin:0;

}

.advantage-number{

    font-size:58px;

    font-weight:800;

    color:#ECECEC;

    line-height:1;

}


/* ==========================================================
SERVIÇOS
==========================================================*/

.events-services{

    background:#fff;

}

.services-grid{

    display:grid;

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

    gap:26px;

}

.service-item{

    background:#fff;

    border:1px solid var(--border);

    border-radius:24px;

    padding:38px 32px;

    text-align:center;

    box-shadow:var(--shadow);

    transition:.35s;

}

.service-item:hover{

    transform:translateY(-8px);

}

.service-icon{

    width:72px;

    height:72px;

    margin:0 auto 24px;

    border-radius:18px;

    background:rgba(214,40,40,.08);

    color:var(--primary);

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:24px;

    font-weight:700;

}

.service-item h3{

    margin-bottom:14px;

}

.service-item p{

    margin:0;

}


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

.events-products{

    background:#F8F5F1;

}

.products-grid{

    display:grid;

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

    gap:30px;

}

.product-card{

    position:relative;

    background:#fff;

    border:1px solid var(--border);

    border-radius:26px;

    padding:42px;

    box-shadow:var(--shadow);

    transition:.35s;

}

.product-card:hover{

    transform:translateY(-8px);

}

.product-card::before{

    content:"";

    position:absolute;

    top:0;

    left:42px;

    width:70px;

    height:4px;

    background:var(--primary);

}

.product-number{

    display:block;

    font-size:56px;

    font-weight:800;

    color:#ECECEC;

    margin-bottom:24px;

    line-height:1;

}

.product-card h3{

    margin-bottom:16px;

}

.product-card ul{

    margin-top:22px;

}

.product-card li{

    position:relative;

    padding-left:24px;

    margin-bottom:14px;

    line-height:1.8;

}

.product-card li::before{

    content:"";

    position:absolute;

    left:0;

    top:11px;

    width:9px;

    height:9px;

    border-radius:50%;

    background:var(--primary);

}


/* ==========================================================
PERSONALIZAÇÃO
==========================================================*/

.events-customization{

    background:#fff;

}

.customization-grid{

    display:grid;

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

    gap:30px;

}

.custom-card{

    background:#fff;

    border:1px solid var(--border);

    border-radius:26px;

    padding:42px;

    box-shadow:var(--shadow);

    transition:.35s;

}

.custom-card:hover{

    transform:translateY(-8px);

}

.custom-label{

    display:inline-flex;

    padding:8px 16px;

    border-radius:999px;

    background:rgba(214,40,40,.08);

    color:var(--primary);

    font-size:12px;

    font-weight:700;

    letter-spacing:1px;

    margin-bottom:22px;

}

.custom-card h3{

    margin-bottom:16px;

}

.customization-box{

    margin-top:70px;

    background:#FDF8F7;

    border:1px solid #F2DFDC;

    border-left:5px solid var(--primary);

    border-radius:26px;

    padding:50px;

}

.customization-box h3{

    margin-bottom:18px;

}


/* ==========================================================
CASOS DE USO
==========================================================*/

.events-usecases{

    background:#F8F5F1;

}

.usecases-grid{

    display:grid;

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

    gap:30px;

}

.usecase-card{

    position:relative;

    background:#fff;

    border:1px solid var(--border);

    border-radius:26px;

    padding:42px;

    transition:.35s;

    box-shadow:var(--shadow);

}

.usecase-card:hover{

    transform:translateY(-8px);

}

.usecase-card::before{

    content:"";

    position:absolute;

    left:42px;

    top:0;

    width:70px;

    height:4px;

    background:var(--primary);

}

.usecase-card h3{

    margin-bottom:16px;

}


/* ==========================================================
RESPONSIVO
==========================================================*/

@media(max-width:1200px){

    .advantages-grid,

    .products-grid,

    .customization-grid{

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

    }

    .services-grid{

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

    }

}

@media(max-width:992px){

    .usecases-grid{

        grid-template-columns:1fr;

    }

}

@media(max-width:768px){

    .advantages-grid,

    .products-grid,

    .customization-grid,

    .services-grid{

        grid-template-columns:1fr;

    }

    .advantage-card,

    .service-item,

    .product-card,

    .custom-card,

    .usecase-card{

        padding:32px;

    }

    .customization-box{

        padding:35px;

    }

}
/* ==========================================================
   PARTE 6
   CTA • COMPARAÇÃO • FAQ • CTA FINAL
==========================================================*/


/* ==========================================================
CTA INTERMÉDIO
==========================================================*/

.events-middle-cta{

    background:#fff;

}

.middle-cta-box{

    background:#FDF8F7;

    border:1px solid #F2DFDC;

    border-radius:30px;

    padding:90px 70px;

    text-align:center;

    box-shadow:var(--shadow);

}

.middle-cta-box span{

    display:inline-block;

    margin-bottom:18px;

    padding:10px 18px;

    border-radius:999px;

    background:rgba(214,40,40,.08);

    color:var(--primary);

    font-size:13px;

    font-weight:700;

    letter-spacing:2px;

    text-transform:uppercase;

}

.middle-cta-box h2{

    font-size:clamp(2.3rem,4vw,3.5rem);

    color:var(--title);

    margin-bottom:22px;

    line-height:1.15;

}

.middle-cta-box p{

    max-width:820px;

    margin:auto;

    color:var(--text);

    line-height:1.9;

    font-size:17px;

}

.middle-cta-box .hero-buttons{

    justify-content:center;

    margin-top:40px;

}


/* ==========================================================
COMPARAÇÃO
==========================================================*/

.events-comparison{

    background:var(--background);

}

.comparison-grid{

    display:grid;

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

    gap:35px;

}

.comparison-card{

    position:relative;

    background:#fff;

    border:1px solid var(--border);

    border-radius:26px;

    padding:45px;

    box-shadow:var(--shadow);

    transition:.35s;

}

.comparison-card:hover{

    transform:translateY(-8px);

}

.comparison-card::before{

    content:"";

    position:absolute;

    left:45px;

    top:0;

    width:70px;

    height:4px;

    background:var(--primary);

    border-radius:999px;

}

.comparison-card h3{

    margin-bottom:20px;

}

.comparison-card ul{

    display:flex;

    flex-direction:column;

    gap:15px;

}

.comparison-card li{

    position:relative;

    padding-left:26px;

    line-height:1.8;

}

.comparison-card li::before{

    content:"";

    position:absolute;

    left:0;

    top:11px;

    width:9px;

    height:9px;

    border-radius:50%;

    background:var(--primary);

}


/* ==========================================================
FAQ
==========================================================*/

.events-faq{

    background:#fff;

}

.faq-list{

    max-width:900px;

    margin:auto;

}

.faq-item{

    background:#fff;

    border:1px solid var(--border);

    border-radius:22px;

    overflow:hidden;

    margin-bottom:22px;

    box-shadow:var(--shadow);

}

.faq-question{

    width:100%;

    padding:28px 34px;

    border:none;

    background:#fff;

    text-align:left;

    cursor:pointer;

    color:var(--title);

    font-size:18px;

    font-weight:700;

    transition:.3s;

}

.faq-question:hover{

    color:var(--primary);

}

.faq-answer{

    padding:0 34px 30px;

}

.faq-answer p{

    line-height:1.9;

}


/* ==========================================================
CTA FINAL
==========================================================*/

.events-cta{

    background:#fff;

}

.cta-box{

    background:linear-gradient(135deg,#D62828,#B71C1C);

    border-radius:32px;

    padding:100px 70px;

    text-align:center;

    color:#fff;

    box-shadow:

        0 30px 70px rgba(214,40,40,.18);

}

.cta-box h2{

    color:#fff;

    font-size:clamp(2.4rem,4vw,3.6rem);

    margin-bottom:24px;

    line-height:1.1;

}

.cta-box p{

    max-width:850px;

    margin:0 auto;

    color:rgba(255,255,255,.92);

    font-size:18px;

    line-height:1.9;

}

.cta-box .hero-buttons{

    justify-content:center;

    margin-top:42px;

}

.cta-box .btn-primary{

    background:#fff;

    color:var(--primary);

}

.cta-box .btn-primary:hover{

    background:#fafafa;

}

.cta-box .btn-secondary{

    background:transparent;

    border:2px solid rgba(255,255,255,.35);

    color:#fff;

}

.cta-box .btn-secondary:hover{

    background:rgba(255,255,255,.08);

}


/* ==========================================================
RESPONSIVO
==========================================================*/

@media(max-width:992px){

    .comparison-grid{

        grid-template-columns:1fr;

    }

}

@media(max-width:768px){

    .middle-cta-box,

    .cta-box{

        padding:55px 30px;

    }

    .faq-question{

        padding:24px;

        font-size:17px;

    }

    .faq-answer{

        padding:0 24px 24px;

    }

}
.events-hero{
    outline:5px solid blue !important;
    padding-top:200px !important;
}