.elementor-1213 .elementor-element.elementor-element-ea46fa6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1213 .elementor-element.elementor-element-bcf8d03{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1213 .elementor-element.elementor-element-cc3316e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1213 .elementor-element.elementor-element-525c180{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1213 .elementor-element.elementor-element-a98b64f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1213 .elementor-element.elementor-element-9c38176{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1213 .elementor-element.elementor-element-6f0d050{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1213 .elementor-element.elementor-element-a5cd553{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1213 .elementor-element.elementor-element-1dbf5ba{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1213 .elementor-element.elementor-element-d8e5b67{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1213 .elementor-element.elementor-element-88f9339{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for html, class: .elementor-element-52aa9ae *//* =========================
   RESET GERAL
========================= */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    font-family: Arial, sans-serif;
}

/* =========================
   ANIMAÇÃO ENTRADA (PRO)
========================= */
.hero-left,
.hero-right {
    opacity: 0;
    transform: translateY(30px);
    animation: fadeUp 0.9s ease forwards;
}

.hero-right {
    animation-delay: 0.2s;
}

@keyframes fadeUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* =========================
   HERO FULL WIDTH
========================= */
.hero-teiner {
    position: relative;
    width: 100vw;
    min-height: 100vh;

    margin-left: calc(-50vw + 50%);

    background-image: url('https://teiner.com.br/wp-content/uploads/2026/05/ChatGPT-Image-22-de-mai.-de-2026-17_46_45.png');
    background-size: cover;
    background-position: center;

    display: flex;
    align-items: center;

    overflow: hidden;
}

/* OVERLAY */
.hero-teiner .overlay {
    position: absolute;
    inset: 0;

    background: linear-gradient(
        90deg,
        rgba(0,0,0,0.80) 20%,
        rgba(0,0,0,0.35) 100%
    );
}

/* =========================
   CONTEÚDO
========================= */
.hero-content {
    position: relative;
    z-index: 2;

    width: 100%;
    max-width: 1400px;

    margin: 0 auto;

    display: flex;
    justify-content: space-between;
    align-items: center;

    gap: 60px;

    padding: 80px 40px;
}

/* =========================
   LADO ESQUERDO
========================= */
.hero-left {
    max-width: 700px;
}

.hero-badge {
    display: inline-block;

    background: #E10600;
    color: white;

    padding: 12px 22px;
    border-radius: 100px;

    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1px;
}

.hero-left h1 {
    font-size: 56px;
    line-height: 1;

    color: white;

    margin: 28px 0;

    font-weight: 800;
}

.hero-left p {
    color: #f1f1f1;

    font-size: 17px;
    line-height: 1.8;

    max-width: 580px;
}

/* =========================
   BOTÕES
========================= */
.hero-buttons {
    display: flex;
    gap: 20px;

    margin-top: 40px;
}

.btn-primary {
    background: #E10600;
    color: white;

    padding: 18px 34px;

    border-radius: 14px;

    text-decoration: none;
    font-weight: 600;

    transition: 0.3s;
}

.btn-primary:hover {
    transform: translateY(-4px);
}

.btn-secondary {
    border: 1px solid rgba(255,255,255,0.5);

    color: white;

    padding: 18px 34px;

    border-radius: 14px;

    text-decoration: none;

    font-weight: 600;

    backdrop-filter: blur(10px);
}

/* =========================
   LADO DIREITO
========================= */
.hero-right {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.glass-card {
    background: rgba(255,255,255,0.08);

    border: 1px solid rgba(255,255,255,0.15);

    backdrop-filter: blur(12px);

    padding: 35px;

    border-radius: 24px;

    min-width: 280px;

    transition: 0.3s ease;
}

.glass-card:hover {
    transform: translateY(-6px);
    background: rgba(255,255,255,0.12);
}

.glass-card h2 {
    color: white;
    font-size: 42px;
    margin: 0 0 10px 0;
}

.glass-card span {
    color: #d7d7d7;
    font-size: 16px;
}

/* =========================
   RESPONSIVO (PRO MOBILE)
========================= */
@media (max-width: 980px) {

    .hero-teiner {
        min-height: auto;
        padding: 60px 0;
    }

    .hero-content {
        flex-direction: column;
        align-items: flex-start;
        padding: 50px 20px;
        gap: 30px;
    }

    .hero-left h1 {
        font-size: 30px;
        line-height: 1.2;
    }

    .hero-left p {
        font-size: 15px;
    }

    .hero-badge {
        font-size: 11px;
        padding: 10px 16px;
    }

    .hero-buttons {
        flex-direction: column;
        width: 100%;
        gap: 12px;
    }

    .btn-primary,
    .btn-secondary {
        width: 100%;
        text-align: center;
        padding: 16px 20px;
    }

    /* =========================
       CARROSSEL FUNCIONANDO 100%
    ========================= */
    .hero-right {
        display: flex;
        flex-direction: row;

        width: 100%;

        overflow-x: auto;
        overflow-y: hidden;

        gap: 15px;

        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;

        padding-bottom: 10px;
    }

    .glass-card {
        flex: 0 0 80%;
        min-width: 80%;

        scroll-snap-align: start;

        padding: 22px;
        border-radius: 16px;
    }

    .hero-right::-webkit-scrollbar {
        display: none;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5d070eb *//* =========================
   ABOUT PREMIUM
========================= */
.about-premium {
    max-width: 1400px;
    margin: auto;

    padding: 80px 40px;

    display: grid;
    grid-template-columns: 1fr 1fr;

    gap: 80px;

    align-items: center;
}

/* =========================
   TEXTO ESQUERDA
========================= */
.mini-title {
    color: #E10600;
    font-size: 14px;
    letter-spacing: 2px;
    font-weight: 700;
}

.about-left h2 {
    font-size: 56px;
    line-height: 1.05;

    margin: 25px 0;

    color: #111;
    font-weight: 800;
}

.about-left p {
    font-size: 18px;
    line-height: 1.7;

    color: #555;
    max-width: 520px;
}

/* =========================
   BOTÃO
========================= */
.premium-btn {
    display: inline-block;

    margin-top: 35px;

    padding: 16px 32px;

    background: #111;
    color: white;

    text-decoration: none;

    border-radius: 14px;

    transition: 0.3s;
}

.premium-btn:hover {
    transform: translateY(-4px);
    background: #E10600;
}

/* =========================
   GALERIA DIREITA
========================= */
.about-right {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
}

.about-right img {
    width: 100%;
    height: 260px;

    object-fit: cover;

    border-radius: 20px;

    transition: 0.3s ease;
}

.about-right img:hover {
    transform: scale(1.04);
}

/* =========================
   RESPONSIVO (PRO)
========================= */
@media (max-width: 980px) {

    .about-premium {
        grid-template-columns: 1fr;

        padding: 60px 20px;

        gap: 40px;
    }

    .about-left h2 {
        font-size: 34px;
        line-height: 1.2;
    }

    .about-left p {
        font-size: 15px;
        line-height: 1.6;
    }

    .premium-btn {
        width: 100%;
        text-align: center;
    }

    /* GALERIA MOBILE (CARROSSEL CLEAN) */
    .about-right {
        display: flex;
        overflow-x: auto;

        gap: 15px;

        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;

        padding-bottom: 10px;
    }

    .about-right img {
        flex: 0 0 80%;
        height: 220px;

        scroll-snap-align: start;
        border-radius: 16px;
    }

    .about-right::-webkit-scrollbar {
        display: none;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e3dc20f *//* =========================
   MODELS PREMIUM
========================= */
.models-premium {
    background: #f8f8f8;
    padding: 80px 40px;
}

/* HEADER */
.models-header {
    max-width: 1400px;
    margin: auto auto 60px auto;
}

.models-header span {
    color: #E10600;
    font-size: 14px;
    letter-spacing: 2px;
    font-weight: 700;
}

.models-header h2 {
    font-size: 54px;
    line-height: 1.1;
    margin-top: 20px;
    color: #111;
    font-weight: 800;
}

/* =========================
   GRID DESKTOP
========================= */
.models-grid {
    max-width: 1400px;
    margin: auto;

    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

/* CARD */
.model-card {
    position: relative;
    overflow: hidden;

    border-radius: 28px;

    background: white;

    cursor: pointer;

    transition: 0.4s ease;
}

.model-card:hover {
    transform: translateY(-8px);
}

/* IMAGEM */
.model-card img {
    width: 100%;
    height: 520px;

    object-fit: cover;

    transition: 0.5s ease;
}

.model-card:hover img {
    transform: scale(1.05);
}

/* CONTEÚDO */
.model-content {
    position: absolute;

    bottom: 0;
    left: 0;

    width: 100%;

    padding: 30px;

    background: linear-gradient(
        to top,
        rgba(0,0,0,0.85),
        transparent
    );
}

.model-content h3 {
    color: white;
    font-size: 28px;
    margin-bottom: 10px;
}

.model-content p {
    color: #e5e5e5;
    font-size: 15px;
    line-height: 1.6;
    max-width: 280px;
}

/* =========================
   RESPONSIVO PRO (CARROSSEL)
========================= */
@media (max-width: 980px) {

    .models-premium {
        padding: 60px 20px;
    }

    .models-header h2 {
        font-size: 32px;
    }

    /* vira carrossel */
    .models-grid {
        display: flex;
        overflow-x: auto;

        gap: 15px;

        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;

        padding-bottom: 10px;
    }

    .models-grid::-webkit-scrollbar {
        display: none;
    }

    .model-card {
        flex: 0 0 85%;
        scroll-snap-align: start;
    }

    .model-card img {
        height: 380px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1a26b04 */.feed-heading{

    max-width:1400px;

    margin:auto;

    padding:50px 20px 10px 20px;
}

.feed-heading span{

    color:#E10600;

    font-size:14px;

    letter-spacing:2px;

    font-weight:700;
}

.feed-heading h2{

    font-size:56px;

    line-height:1.05;

    color:#111;

    margin:22px 0;

    font-weight:800;
}

.feed-heading p{

    font-size:20px;

    color:#555;

    line-height:1.8;

    max-width:650px;
}

/* MOBILE */

@media(max-width:980px){

.feed-heading h2{

    font-size:44px;
}

.feed-heading p{

    font-size:17px;
}

}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-e578737 *//* ÁREA GERAL */

#sb_instagram{

    padding:0 !important;

    background:transparent !important;

    max-width:1400px;

    margin:auto;
}

/* LINHA HORIZONTAL */

#sbi_images{

    display:flex !important;

    flex-wrap:nowrap !important;

    gap:20px;

    overflow-x:auto;

    overflow-y:hidden;

    padding-bottom:10px;

    scroll-behavior:smooth;
}

/* REMOVE BARRA */

#sbi_images::-webkit-scrollbar{

    height:6px;
}

#sbi_images::-webkit-scrollbar-thumb{

    background:#d1d1d1;

    border-radius:100px;
}

/* CARD */

.sbi_item{

    min-width:320px !important;

    width:320px !important;

    flex:0 0 auto !important;

    border-radius:24px;

    overflow:hidden;

    position:relative;
}

/* IMAGEM */

.sbi_photo{

    width:100% !important;

    height:420px !important;

    background-size:cover !important;

    background-position:center !important;

    transition:0.6s ease !important;
}

/* HOVER */

.sbi_item:hover .sbi_photo{

    transform:scale(1.05);
}

/* REMOVE ELEMENTOS INSTAGRAM */

#sbi_load,
.sbi_follow_btn,
.sb_instagram_header{

    display:none !important;
}

/* MOBILE */

@media(max-width:768px){

.sbi_item{

    min-width:240px !important;

    width:240px !important;
}

.sbi_photo{

    height:320px !important;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fa12bc7 */.feed-projects-btn{

    text-align:center;

    margin-top:0px;
    
    margin-bottom: 20px
}

.feed-projects-btn a{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:18px 34px;

    background:#111;

    color:white;

    text-decoration:none;

    border-radius:14px;

    font-weight:600;

    transition:0.3s ease;
}

.feed-projects-btn a:hover{

    transform:translateY(-5px);

    background:#E10600;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-27debce *//* =========================
   SECTION BASE
========================= */
.process-wireframe {
    position: relative;
    overflow: hidden;

    background: #f7f7f7;

    padding: 100px 40px;
}

/* =========================
   SVG FUNDO
========================= */
.container-draw {
    position: absolute;

    top: 50%;
    left: 50%;

    transform: translate(-50%, -50%);

    width: 100%;
    max-width: 1200px;

    opacity: 0.05;

    z-index: 1;
}

.draw-line {
    fill: none;
    stroke: #111;
    stroke-width: 3;
    stroke-linecap: round;

    stroke-dasharray: 2200;
    stroke-dashoffset: 2200;

    animation: drawContainer 6s ease forwards;
}

/* animação só 1 vez (evita lag) */
@keyframes drawContainer {
    0% {
        stroke-dashoffset: 2200;
        opacity: 0;
    }
    20% {
        opacity: 1;
    }
    100% {
        stroke-dashoffset: 0;
        opacity: 1;
    }
}

/* =========================
   CONTEÚDO
========================= */
.process-content {
    position: relative;
    z-index: 2;

    max-width: 1400px;
    margin: auto;
}

.process-content span {
    color: #E10600;
    font-size: 13px;
    letter-spacing: 2px;
    font-weight: 700;
}

.process-content h2 {
    font-size: 54px;
    line-height: 1.05;

    margin: 20px 0;

    color: #111;
    font-weight: 800;

    max-width: 850px;
}

.process-content > p {
    font-size: 18px;
    line-height: 1.7;

    color: #666;

    max-width: 620px;
}

/* =========================
   STEPS DESKTOP
========================= */
.process-steps {
    display: grid;
    grid-template-columns: repeat(4, 1fr);

    gap: 40px;

    margin-top: 90px;
}

.step {
    position: relative;

    padding-top: 25px;

    transition: 0.3s ease;
}

.step:hover {
    transform: translateY(-6px);
}

.step::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 1px;

    background: rgba(0,0,0,0.12);
}

.step strong {
    display: block;

    font-size: 48px;
    color: #E10600;

    margin-bottom: 15px;

    font-weight: 800;
}

.step h3 {
    font-size: 22px;
    color: #111;

    margin-bottom: 12px;
}

.step p {
    font-size: 15px;
    line-height: 1.6;

    color: #666;
    max-width: 260px;
}

/* =========================
   MOBILE PRO (CARROSSEL)
========================= */
@media (max-width: 980px) {

    .process-wireframe {
        padding: 70px 20px;
    }

    .process-content h2 {
        font-size: 32px;
    }

    .process-content > p {
        font-size: 15px;
    }

    /* vira carrossel moderno */
    .process-steps {
        display: flex;

        overflow-x: auto;

        gap: 15px;

        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;

        margin-top: 50px;

        padding-bottom: 10px;
    }

    .step {
        flex: 0 0 80%;

        scroll-snap-align: start;

        background: white;

        padding: 20px;

        border-radius: 16px;
    }

    .step p {
        max-width: 100%;
    }

    .process-steps::-webkit-scrollbar {
        display: none;
    }

    /* SVG mais leve no mobile */
    .container-draw {
        opacity: 0.03;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f5c5a9 *//* =========================
   BASE
========================= */
.smart-form-section {
    position: relative;
    overflow: hidden;
    background: #f8f8f8;
    padding: 100px 40px;
}

.grid-bg {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(rgba(0,0,0,.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0,0,0,.03) 1px, transparent 1px);

    background-size: 70px 70px;

    pointer-events: none;
}

/* =========================
   WRAP
========================= */
.smart-form-wrap {
    position: relative;
    z-index: 2;

    max-width: 1400px;
    margin: auto;

    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
}

/* =========================
   ESQUERDA
========================= */
.smart-form-left {
    position: sticky;
    top: 100px;
}

.smart-form-left span {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
    color: #111;
}

.smart-form-left h2 {
    font-size: 44px;
    line-height: 1.05;
    margin: 20px 0;
    font-weight: 800;
    color: #111;
}

.smart-form-left p {
    font-size: 16px;
    line-height: 1.7;
    color: #666;
    max-width: 560px;
}

/* =========================
   SVG
========================= */
.container-wireframe {
    width: 100%;
    max-width: 650px;
    margin-top: 40px;
    opacity: 0.12;
}

.draw {
    fill: none;
    stroke: #111;
    stroke-width: 3;
    stroke-linecap: round;

    stroke-dasharray: 2200;
    stroke-dashoffset: 2200;

    animation: drawContainer 6s ease forwards;
}

@keyframes drawContainer {
    0% { stroke-dashoffset: 2200; opacity: 0; }
    20% { opacity: 1; }
    100% { stroke-dashoffset: 0; opacity: 1; }
}

/* =========================
   FORM RIGHT
========================= */
.smart-form-right {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

/* perguntas */
.form-group p {
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 15px;
    color: #111;
}

/* opções */
.form-options {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.form-options button {
    padding: 14px 18px;
    border-radius: 14px;

    border: 1px solid rgba(0,0,0,.08);

    background: #fff;
    cursor: pointer;

    font-size: 14px;

    transition: 0.3s ease;
}

.form-options button:hover {
    transform: translateY(-3px);
}

.form-options button.selected {
    background: #111;
    color: #fff;
}

/* botão final */
#sendWhats {
    margin-top: 20px;
    padding: 18px 28px;

    border: none;
    border-radius: 14px;

    background: #111;
    color: #fff;

    cursor: pointer;

    font-weight: 600;

    transition: 0.3s;
}

#sendWhats:hover {
    transform: translateY(-4px);
}

/* =========================
   QUIZ MOBILE (ACCORDION)
========================= */
@media (max-width: 980px) {

    .smart-form-section {
        padding: 70px 20px;
    }

    .smart-form-wrap {
        grid-template-columns: 1fr;
        gap: 50px;
    }

    .smart-form-left {
        position: relative;
        top: 0;
    }

    .smart-form-left h2 {
        font-size: 30px;
    }

    /* QUIZ STYLE */
    .smart-form-right.quiz-mode .form-group {
        background: #fff;
        border-radius: 16px;
        padding: 15px;
        border: 1px solid rgba(0,0,0,0.06);
    }

    .smart-form-right.quiz-mode .form-options {
        display: none;
        margin-top: 12px;
    }

    .smart-form-right.quiz-mode .form-group.active .form-options {
        display: flex;
    }

    .smart-form-right.quiz-mode .form-group p {
        margin: 0;
    }

    .form-options button {
        flex: 1 1 100%;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-577d550 *//* =========================
   BASE
========================= */
.stats-premium {
    padding: 120px 40px;
    background: #0f0f0f;
    color: #fff;
    position: relative;
    overflow: hidden;
}

.stats-premium::before {
    content: '';
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at top left, rgba(255,255,255,0.05), transparent 40%),
        radial-gradient(circle at bottom right, rgba(255,255,255,0.04), transparent 45%);
}

/* =========================
   HEADER
========================= */
.stats-header {
    position: relative;
    z-index: 2;
    max-width: 800px;
    margin: auto auto 60px auto;
    text-align: center;
}

.stats-header span {
    font-size: 12px;
    letter-spacing: 2px;
    color: rgba(255,255,255,0.7);
}

.stats-header h2 {
    font-size: 44px;
    line-height: 1.1;
    margin: 15px 0;
    font-weight: 800;
}

.stats-header p {
    font-size: 15px;
    color: rgba(255,255,255,0.65);
    line-height: 1.6;
}

/* =========================
   GRID
========================= */
.stats-grid {
    position: relative;
    z-index: 2;

    max-width: 1100px;
    margin: auto;

    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
}

/* ITEM */
.stat-item {
    border-top: 1px solid rgba(255,255,255,0.12);
    padding-top: 20px;
    transition: 0.3s;
}

.stat-item:hover {
    transform: translateY(-5px);
}

/* NÚMERO */
.stat-item h2 {
    font-size: 64px;
    margin-bottom: 8px;
}

/* TEXTO */
.stat-item p {
    font-size: 14px;
    color: rgba(255,255,255,0.7);
    line-height: 1.5;
    max-width: 240px;
}

/* =========================
   MOBILE
========================= */
@media (max-width: 980px) {

    .stats-premium {
        padding: 80px 20px;
    }

    .stats-header h2 {
        font-size: 28px;
    }

    .stats-header p {
        font-size: 14px;
    }

    .stats-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .stat-item h2 {
        font-size: 42px;
    }

    .stat-item p {
        max-width: 100%;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-175d030 */.real-stories{

    padding:50px 0;

    background:#fff;

    overflow:hidden;
}

/* HEADER */

.stories-header{

    max-width:1400px;

    margin:auto;

    padding:0 40px 80px 40px;
}

.stories-header span{

    color:#E10600;

    font-size:13px;

    letter-spacing:2px;

    font-weight:700;
}

.stories-header h2{

    font-size:56px;

    line-height:1.05;

    margin-top:24px;

    color:#111;

    font-weight:800;

    max-width:800px;
}

/* CARROSSEL */

.stories-carousel{

    width:100%;

    overflow:hidden;
}

/* TRACK */

.stories-track{

    display:flex;

    gap:30px;

    width:max-content;

    padding-left:40px;

    animation:carouselMove 30s linear infinite;
}

/* ANIMAÇÃO */

@keyframes carouselMove{

    from{

        transform:translateX(0);
    }

    to{

        transform:translateX(-50%);
    }
}

/* CARD */

.story-item{

    width:420px;

    background:rgba(255,255,255,0.7);

    border:1px solid rgba(0,0,0,0.08);

    border-radius:28px;

    overflow:hidden;

    backdrop-filter:blur(10px);

    transition:0.5s ease;

    flex-shrink:0;
}

/* HOVER */

.story-item:hover{

    transform:translateY(-10px);

    border-color:rgba(225,6,0,0.25);
}

/* IMAGEM */

.story-image{

    overflow:hidden;
}

.story-image img{

    width:100%;

    height:280px;

    object-fit:cover;

    display:block;

    transition:1.2s ease;
}

/* ZOOM SUAVE */

.story-item:hover img{

    transform:scale(1.05);
}

/* TEXTO */

.story-text{

    padding:34px;
}

.story-text p{

    font-size:19px;

    line-height:1.9;

    color:#333;

    margin-bottom:24px;
}

/* CLIENTE */

.story-text small{

    color:#888;

    font-size:14px;

    letter-spacing:1px;
}

/* PAUSAR AO PASSAR O MOUSE */

.stories-carousel:hover .stories-track{

    animation-play-state:paused;
}

/* RESPONSIVO */

@media(max-width:980px){

.real-stories{

    padding:120px 0;
}

.stories-header{

    padding:0 25px 60px 25px;
}

.stories-header h2{

    font-size:25px;
}

.story-item{

    width:340px;
}

.story-image img{

    height:220px;
}

.story-text{

    padding:28px;
}

.story-text p{

    font-size:17px;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2976b18 */.cta-premium{

    position:relative;

    overflow:hidden;

    background:#f8f8f8;

    padding:50px 40px;

    text-align:center;
}

/* GRID FUNDO */

.cta-premium::before{

    content:'';

    position:absolute;

    inset:0;

    background:

    linear-gradient(
        rgba(0,0,0,0.03) 1px,
        transparent 1px
    ),

    linear-gradient(
        90deg,
        rgba(0,0,0,0.03) 1px,
        transparent 1px
    );

    background-size:80px 80px;

    opacity:0.5;
}

/* BARRAS */

.bars-animation{

    position:absolute;

    inset:0;

    display:flex;

    justify-content:space-around;

    pointer-events:none;

    z-index:1;
}

.bars-animation span{

    width:10px;

    height:0;

    background:linear-gradient(
        to bottom,
        rgba(225,6,0,0.7),
        transparent
    );

    animation:barsDrop 4s ease-in-out infinite;
}

/* DELAYS */

.bars-animation span:nth-child(1){animation-delay:0s;}
.bars-animation span:nth-child(2){animation-delay:0.4s;}
.bars-animation span:nth-child(3){animation-delay:0.8s;}
.bars-animation span:nth-child(4){animation-delay:1.2s;}
.bars-animation span:nth-child(5){animation-delay:1.6s;}
.bars-animation span:nth-child(6){animation-delay:2s;}
.bars-animation span:nth-child(7){animation-delay:2.4s;}
.bars-animation span:nth-child(8){animation-delay:2.8s;}

/* ANIMAÇÃO */

@keyframes barsDrop{

    0%{

        height:0;

        opacity:0;
    }

    30%{

        height:500px;

        opacity:1;
    }

    100%{

        height:0;

        opacity:0;
    }
}

/* CONTEÚDO */

.cta-content{

    position:relative;

    z-index:2;

    max-width:1100px;

    margin:auto;
}

.cta-content span{

    color:#E10600;

    font-size:14px;

    letter-spacing:2px;

    font-weight:700;
}

.cta-content h2{

    font-size:56px;

    line-height:1;

    margin:30px 0;

    font-weight:800;

    color:#111;
}

.cta-content p{

    font-size:22px;

    color:#666;

    line-height:1.8;

    max-width:720px;

    margin:auto auto 50px auto;
}

/* BOTÃO */

.cta-content a{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:20px 38px;

    background:#111;

    color:white;

    text-decoration:none;

    border-radius:16px;

    font-weight:700;

    transition:0.4s ease;
}

.cta-content a:hover{

    transform:translateY(-6px);

    background:#E10600;
}

/* RESPONSIVO */

@media(max-width:980px){

.cta-premium{

    padding:120px 25px;
}

.cta-content h2{

    font-size:25px;
}

.cta-content p{

    font-size:15px;
}

}/* End custom CSS */