.elementor-kit-521{--e-global-color-primary:#003359;--e-global-color-secondary:#54595F;--e-global-color-text:#A5A5A5;--e-global-color-accent:#056BB6;--e-global-typography-primary-font-family:"Russo One";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);}.elementor-kit-521 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Landing Page - e.body</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
        }
        .hero {
            background: url('background-image.jpg') no-repeat center center/cover;
            color: white;
            text-align: center;
            padding: 100px 20px;
        }
        .hero h1 {
            font-size: 3em;
            margin: 0;
        }
        .cta-button {
            background: #ffcc00;
            padding: 15px 30px;
            font-size: 1.2em;
            text-decoration: none;
            color: #000;
            border-radius: 5px;
        }
        .section {
            padding: 50px 20px;
            text-align: center;
        }
        .features {
            display: flex;
            justify-content: space-around;
            text-align: center;
        }
        .feature-item {
            max-width: 300px;
        }
        .testimonials, .contact {
            background: #f4f4f4;
            padding: 50px 20px;
        }
        .footer {
            background: #222;
            color: white;
            text-align: center;
            padding: 20px;
        }
    </style>
</head>
<body>
    <div class="hero">
        <h1>SMART FAST FIT</h1>
        <p>A academia do futuro. Apenas 20 minutos por semana.</p>
        <a href="#" class="cta-button">Agende sua aula experimental</a>
    </div>
    
    <div class="section">
        <h2>O que é?</h2>
        <p>Treinos rápidos e eficientes usando tecnologia de eletroestimulação.</p>
        <div class="features">
            <div class="feature-item">
                <h3>1 Treino</h3>
                <p>300 músculos trabalhados em uma sessão.</p>
            </div>
            <div class="feature-item">
                <h3>20 Minutos</h3>
                <p>Equivale a 3 horas de academia.</p>
            </div>
            <div class="feature-item">
                <h3>350 Calorias</h3>
                <p>Queimadas em apenas uma sessão.</p>
            </div>
        </div>
    </div>
    
    <div class="testimonials">
        <h2>Veja o que os clientes dizem</h2>
        <p>"Fit em 20 minutos!"</p>
    </div>
    
    <div class="contact">
        <h2>Conheça nossas unidades</h2>
        <p>Vila Madalena, Jardins, Panamby</p>
        <a href="#" class="cta-button">Agende sua aula experimental</a>
    </div>
    
    <div class="footer">
        <p>&copy; 2024 e.body - Todos os direitos reservados.</p>
    </div>
</body>
</html>/* End custom CSS */