.elementor-kit-36{--e-global-color-primary:#FDFBFF;--e-global-color-secondary:#253243;--e-global-color-text:#636363;--e-global-color-accent:#FFFFFF;--e-global-color-22bdcc5:#ECF2E7;--e-global-color-180477b:#0D0E0D;--e-global-color-32f1612:#C9C9C9;--e-global-color-0ad90e4:#FFFFFF00;--e-global-typography-primary-font-family:"Poppins";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Karla";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Karla";--e-global-typography-text-font-size:1rem;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.4em;--e-global-typography-accent-font-family:"Karla";--e-global-typography-accent-font-size:1.2rem;--e-global-typography-accent-font-weight:500;--e-global-typography-accent-line-height:1.4em;--e-global-typography-ddaf764-font-family:"Poppins";--e-global-typography-ddaf764-font-size:4rem;--e-global-typography-ddaf764-font-weight:700;--e-global-typography-ddaf764-line-height:1.2em;--e-global-typography-fdb129c-font-family:"Poppins";--e-global-typography-fdb129c-font-size:3.5rem;--e-global-typography-fdb129c-font-weight:700;--e-global-typography-fdb129c-line-height:1.4em;--e-global-typography-9fb831f-font-family:"Poppins";--e-global-typography-9fb831f-font-size:3rem;--e-global-typography-9fb831f-font-weight:700;--e-global-typography-9fb831f-line-height:1.4em;--e-global-typography-ea7f6b1-font-family:"Poppins";--e-global-typography-ea7f6b1-font-size:1.8rem;--e-global-typography-ea7f6b1-font-weight:500;--e-global-typography-ea7f6b1-line-height:1.4em;--e-global-typography-174d28c-font-family:"Poppins";--e-global-typography-174d28c-font-size:1.4rem;--e-global-typography-174d28c-font-weight:700;--e-global-typography-174d28c-line-height:1.4em;--e-global-typography-8bb940e-font-family:"Poppins";--e-global-typography-8bb940e-font-size:1.1rem;--e-global-typography-8bb940e-font-weight:500;--e-global-typography-8bb940e-line-height:1.4em;--e-global-typography-cdd17c4-font-family:"Poppins";--e-global-typography-cdd17c4-font-size:13rem;--e-global-typography-cdd17c4-font-weight:700;--e-global-typography-cdd17c4-line-height:1em;--e-global-typography-a66ebd4-font-family:"Karla";--e-global-typography-a66ebd4-font-size:1.4rem;--e-global-typography-a66ebd4-font-weight:400;--e-global-typography-a66ebd4-font-style:italic;--e-global-typography-a66ebd4-line-height:1.4em;--e-global-typography-6d04140-font-family:"Poppins";--e-global-typography-6d04140-font-size:12rem;--e-global-typography-6d04140-font-weight:700;--e-global-typography-6d04140-line-height:1em;background-color:var( --e-global-color-primary );color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-36 button,.elementor-kit-36 input[type="button"],.elementor-kit-36 input[type="submit"],.elementor-kit-36 .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );color:var( --e-global-color-primary );border-radius:30px 30px 30px 30px;}.elementor-kit-36 button:hover,.elementor-kit-36 button:focus,.elementor-kit-36 input[type="button"]:hover,.elementor-kit-36 input[type="button"]:focus,.elementor-kit-36 input[type="submit"]:hover,.elementor-kit-36 input[type="submit"]:focus,.elementor-kit-36 .elementor-button:hover,.elementor-kit-36 .elementor-button:focus{background-color:var( --e-global-color-180477b );color:var( --e-global-color-primary );}.elementor-kit-36 e-page-transition{background-color:#FFBC7D;}.elementor-kit-36 a{color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );}.elementor-kit-36 h1{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-ddaf764-font-family ), Sans-serif;font-size:var( --e-global-typography-ddaf764-font-size );font-weight:var( --e-global-typography-ddaf764-font-weight );line-height:var( --e-global-typography-ddaf764-line-height );}.elementor-kit-36 h2{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-fdb129c-font-family ), Sans-serif;font-size:var( --e-global-typography-fdb129c-font-size );font-weight:var( --e-global-typography-fdb129c-font-weight );line-height:var( --e-global-typography-fdb129c-line-height );}.elementor-kit-36 h3{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-9fb831f-font-family ), Sans-serif;font-size:var( --e-global-typography-9fb831f-font-size );font-weight:var( --e-global-typography-9fb831f-font-weight );line-height:var( --e-global-typography-9fb831f-line-height );}.elementor-kit-36 h4{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-ea7f6b1-font-family ), Sans-serif;font-size:var( --e-global-typography-ea7f6b1-font-size );font-weight:var( --e-global-typography-ea7f6b1-font-weight );line-height:var( --e-global-typography-ea7f6b1-line-height );}.elementor-kit-36 h5{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-174d28c-font-family ), Sans-serif;font-size:var( --e-global-typography-174d28c-font-size );font-weight:var( --e-global-typography-174d28c-font-weight );line-height:var( --e-global-typography-174d28c-line-height );}.elementor-kit-36 h6{color:var( --e-global-color-180477b );font-family:var( --e-global-typography-8bb940e-font-family ), Sans-serif;font-size:var( --e-global-typography-8bb940e-font-size );font-weight:var( --e-global-typography-8bb940e-font-weight );line-height:var( --e-global-typography-8bb940e-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1260px;}.e-con{--container-max-width:1260px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-36{--e-global-typography-ddaf764-font-size:3rem;--e-global-typography-fdb129c-font-size:2.8rem;--e-global-typography-9fb831f-font-size:2.6rem;--e-global-typography-ea7f6b1-font-size:1.6rem;--e-global-typography-cdd17c4-font-size:9rem;--e-global-typography-6d04140-font-size:8rem;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-36 a{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-kit-36 h1{font-size:var( --e-global-typography-ddaf764-font-size );line-height:var( --e-global-typography-ddaf764-line-height );}.elementor-kit-36 h2{font-size:var( --e-global-typography-fdb129c-font-size );line-height:var( --e-global-typography-fdb129c-line-height );}.elementor-kit-36 h3{font-size:var( --e-global-typography-9fb831f-font-size );line-height:var( --e-global-typography-9fb831f-line-height );}.elementor-kit-36 h4{font-size:var( --e-global-typography-ea7f6b1-font-size );line-height:var( --e-global-typography-ea7f6b1-line-height );}.elementor-kit-36 h5{font-size:var( --e-global-typography-174d28c-font-size );line-height:var( --e-global-typography-174d28c-line-height );}.elementor-kit-36 h6{font-size:var( --e-global-typography-8bb940e-font-size );line-height:var( --e-global-typography-8bb940e-line-height );}.elementor-kit-36 button,.elementor-kit-36 input[type="button"],.elementor-kit-36 input[type="submit"],.elementor-kit-36 .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );padding:16px 32px 16px 32px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:90%;}.e-con{--container-max-width:90%;}}@media(max-width:767px){.elementor-kit-36{--e-global-typography-ddaf764-font-size:2rem;--e-global-typography-fdb129c-font-size:1.8rem;--e-global-typography-9fb831f-font-size:1.6rem;--e-global-typography-ea7f6b1-font-size:1.4rem;--e-global-typography-cdd17c4-font-size:4rem;--e-global-typography-6d04140-font-size:4rem;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-36 a{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-kit-36 h1{font-size:var( --e-global-typography-ddaf764-font-size );line-height:var( --e-global-typography-ddaf764-line-height );}.elementor-kit-36 h2{font-size:var( --e-global-typography-fdb129c-font-size );line-height:var( --e-global-typography-fdb129c-line-height );}.elementor-kit-36 h3{font-size:var( --e-global-typography-9fb831f-font-size );line-height:var( --e-global-typography-9fb831f-line-height );}.elementor-kit-36 h4{font-size:var( --e-global-typography-ea7f6b1-font-size );line-height:var( --e-global-typography-ea7f6b1-line-height );}.elementor-kit-36 h5{font-size:var( --e-global-typography-174d28c-font-size );line-height:var( --e-global-typography-174d28c-line-height );}.elementor-kit-36 h6{font-size:var( --e-global-typography-8bb940e-font-size );line-height:var( --e-global-typography-8bb940e-line-height );}.elementor-kit-36 button,.elementor-kit-36 input[type="button"],.elementor-kit-36 input[type="submit"],.elementor-kit-36 .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:90%;}.e-con{--container-max-width:90%;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}}/* Start custom CSS */<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Landing Page Exemplo</title>

<!-- Importação das fontes -->
<link href="https://fonts.googleapis.com/css2?family=Canessa&family=Open+Sans&family=Poppins&family=Raleway&display=swap" rel="stylesheet" />

<style>
  /* Paleta de cores */
  :root {
    --azul-petroleo: #253244;
    --rosa-queimado: #d49e9e;
    --nude-claro: #f0e2d2;
    --marrom: #682a0c;
    --branco-puro: #ffffff;
  }

  /* Reset básico */
  * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }

  body {
    background-color: var(--azul-petroleo);
    font-family: 'Open Sans', sans-serif;
    color: var(--nude-claro);
    line-height: 1.6;
    padding: 2rem;
  }

  header {
    text-align: center;
    margin-bottom: 3rem;
  }

  /* Título principal */
  h1 {
    font-family: 'Canessa', serif;
    font-size: 3rem;
    color: var(--nude-claro);
    margin-bottom: 0.5rem;
  }

  /* Subtítulo */
  h2 {
    font-family: 'Raleway', sans-serif;
    font-size: 1.5rem;
    color: var(--rosa-queimado);
    margin-bottom: 2rem;
    font-weight: 600;
  }

  /* Texto principal */
  p {
    font-family: 'Open Sans', sans-serif;
    font-size: 1.1rem;
    max-width: 600px;
    margin: 0 auto 2.5rem auto;
    color: var(--nude-claro);
  }

  /* Botão destacado */
  .btn-acao {
    background-color: var(--marrom);
    color: var(--branco-puro);
    font-family: 'Poppins', sans-serif;
    font-size: 1.2rem;
    padding: 0.8rem 2rem;
    border: none;
    border-radius: 30px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    display: inline-block;
    text-decoration: none;
  }

  .btn-acao:hover {
    background-color: var(--rosa-queimado);
    color: var(--azul-petroleo);
  }

  /* Seção de destaque com fundo nude */
  section.destaque {
    background-color: var(--nude-claro);
    color: var(--azul-petroleo);
    border-radius: 12px;
    padding: 2rem;
    max-width: 700px;
    margin: 0 auto 3rem auto;
    font-family: 'Raleway', sans-serif;
  }

</style>
</head>
<body>

<header>
  <h1>Nome da Pessoa</h1>
  <h2>Profissão ou slogan marcante</h2>
</header>

<section>
  <p>Bem-vindo(a) à minha landing page com design elegante e moderno, utilizando uma paleta de cores sóbrias e tipografia refinada para melhor experiência de leitura e conversão.</p>

  <a href="#contato" class="btn-acao">Entre em contato</a>
</section>

<section class="destaque">
  <h3>Por que escolher meu serviço?</h3>
  <p>Nossa dedicação, somada a um atendimento personalizado e humanizado, faz toda a diferença para entregar resultados que superam expectativas.</p>
</section>

</body>
</html>/* End custom CSS */