.elementor-13 .elementor-element.elementor-element-09913f8{--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;--padding-top:3%;--padding-bottom:3%;--padding-left:15%;--padding-right:15%;}.elementor-13 .elementor-element.elementor-element-09913f8:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-09913f8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EFEAE452;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-13 .elementor-element.elementor-element-d9a1e71{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;text-align:start;}.elementor-13 .elementor-element.elementor-element-d9a1e71 .elementor-heading-title{font-family:"Pompiere", Sans-serif;font-size:35px;font-weight:600;line-height:1.4em;letter-spacing:0.01em;color:#202020;}.elementor-13 .elementor-element.elementor-element-eb18d4d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:3%;--padding-bottom:3%;--padding-left:15%;--padding-right:15%;}.elementor-13 .elementor-element.elementor-element-eb18d4d:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-eb18d4d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF52;}.elementor-13 .elementor-element.elementor-element-66d8492{--display:flex;}.elementor-13 .elementor-element.elementor-element-6f0ccae{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;text-align:start;}.elementor-13 .elementor-element.elementor-element-6f0ccae .elementor-heading-title{font-family:"Pompiere", Sans-serif;font-size:22px;font-weight:600;line-height:1.4em;letter-spacing:0.01em;color:#000000;}.elementor-widget-login .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-login .elementor-field-group > a{color:var( --e-global-color-text );}.elementor-widget-login .elementor-field-group > a:hover{color:var( --e-global-color-accent );}.elementor-widget-login .elementor-form-fields-wrapper label{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-login .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-login .elementor-field-group .elementor-field, .elementor-widget-login .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-login .elementor-login__logged-in-message{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-13 .elementor-element.elementor-element-e30b19a .elementor-button{background-color:#C46A4B;color:#FFFFFF;font-family:"Poppins", Sans-serif;font-size:14px;font-weight:400;border-radius:500px 500px 500px 500px;}.elementor-13 .elementor-element.elementor-element-e30b19a .elementor-field-group{margin-bottom:10px;}.elementor-13 .elementor-element.elementor-element-e30b19a .elementor-form-fields-wrapper{margin-bottom:-10px;}.elementor-13 .elementor-element.elementor-element-e30b19a .elementor-field-group > a:hover{color:#C46A4B;}body .elementor-13 .elementor-element.elementor-element-e30b19a .elementor-field-group > label{padding-bottom:0px;}.elementor-13 .elementor-element.elementor-element-e30b19a .elementor-form-fields-wrapper label{color:#000000;font-family:"Poppins", Sans-serif;font-size:14px;font-weight:400;}.elementor-13 .elementor-element.elementor-element-e30b19a .elementor-field-group .elementor-field{color:#000000;}.elementor-13 .elementor-element.elementor-element-e30b19a .elementor-field-group .elementor-field, .elementor-13 .elementor-element.elementor-element-e30b19a .elementor-field-subgroup label{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:400;}.elementor-13 .elementor-element.elementor-element-e30b19a .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-13 .elementor-element.elementor-element-e30b19a .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-13 .elementor-element.elementor-element-7b75dc3{--display:flex;}.elementor-13 .elementor-element.elementor-element-dad6e68{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;text-align:start;}.elementor-13 .elementor-element.elementor-element-dad6e68 .elementor-heading-title{font-family:"Pompiere", Sans-serif;font-size:22px;font-weight:600;line-height:1.4em;letter-spacing:0.01em;color:#000000;}.elementor-13 .elementor-element.elementor-element-0e37613 .jet-form-builder__label{text-align:left;font-family:"Poppins", Sans-serif;font-size:14px;}.elementor-13 .elementor-element.elementor-element-0e37613 .jet-form-builder__desc{text-align:left;}.elementor-13 .elementor-element.elementor-element-0e37613 .jet-form-builder__fields-group{gap:0.7em 0.7em;}.elementor-13 .elementor-element.elementor-element-0e37613 .jet-form-builder__field-wrap.checkradio-wrap span{gap:8px;}.elementor-13 .elementor-element.elementor-element-0e37613 .jet-form-builder__field:not(.checkradio-field):not(.range-field):not(.jet-form-builder-repeater):not(.wysiwyg-field):not([role="switch"]){font-family:"Poppins", Sans-serif;}.elementor-13 .elementor-element.elementor-element-0e37613 .jet-form-builder input{color-scheme:normal;}.elementor-13 .elementor-element.elementor-element-0e37613 .jet-form-builder-repeater__row-remove{align-self:flex-start;}.elementor-13 .elementor-element.elementor-element-0e37613 .jet-form-builder__action-button{color:#FFFFFF;transition:all 0.3s;font-family:"Poppins", Sans-serif;font-size:14px;font-weight:400;}.elementor-13 .elementor-element.elementor-element-0e37613 .jet-form-builder__next-page-wrap{text-align:left;}.elementor-13 .elementor-element.elementor-element-0e37613 .jet-form-builder-message--success{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;text-align:center;border-style:none;}.elementor-13 .elementor-element.elementor-element-0e37613 .jet-form-builder-message--error{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;text-align:center;border-style:none;}.elementor-13 .elementor-element.elementor-element-bf45f0e{--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;--padding-top:3%;--padding-bottom:3%;--padding-left:15%;--padding-right:15%;}.elementor-13 .elementor-element.elementor-element-bf45f0e:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-bf45f0e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF52;}@media(max-width:767px){.elementor-13 .elementor-element.elementor-element-09913f8{--padding-top:10%;--padding-bottom:10%;--padding-left:5%;--padding-right:5%;}.elementor-13 .elementor-element.elementor-element-d9a1e71{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;}.elementor-13 .elementor-element.elementor-element-d9a1e71 .elementor-heading-title{font-size:30px;}.elementor-13 .elementor-element.elementor-element-6f0ccae{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;}.elementor-13 .elementor-element.elementor-element-6f0ccae .elementor-heading-title{font-size:28px;}.elementor-13 .elementor-element.elementor-element-dad6e68{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;}.elementor-13 .elementor-element.elementor-element-dad6e68 .elementor-heading-title{font-size:28px;}.elementor-13 .elementor-element.elementor-element-eb18d4d{--padding-top:10%;--padding-bottom:10%;--padding-left:5%;--padding-right:5%;}.elementor-13 .elementor-element.elementor-element-bf45f0e{--padding-top:10%;--padding-bottom:10%;--padding-left:5%;--padding-right:5%;}}/* Start custom CSS for shortcode, class: .elementor-element-801079e */<!DOCTYPE html>
<html lang="pt-BR">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Experiência Aura</title>

  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Pompiere&family=Inter:wght@300;400;500;600&display=swap" rel="stylesheet">

  <style>
    :root{
      --bg:#dfdad3;
      --text:#111111;
      --accent:#c46a4b;
      --accent-2:#d5a73d;
      --white:#ffffff;
      --muted:#4a4a4a;
      --radius-xl:34px;
      --radius-lg:26px;
      --shadow:0 18px 45px rgba(0,0,0,0.08);
      --max:1200px;
    }

    *{
      margin:0;
      padding:0;
      box-sizing:border-box;
    }

    body{
      background:var(--bg);
      color:var(--text);
      font-family:'Inter', sans-serif;
      overflow-x:hidden;
    }

    .aura-experience{
      position:relative;
      padding:80px 0;
      overflow:hidden;
    }

    .aura-experience::after{
      content:"";
      position:absolute;
      right:-120px;
      top:-40px;
      width:360px;
      height:360px;
      border:6px solid var(--accent-2);
      border-radius:50%;
      opacity:0.95;
      pointer-events:none;
    }

    .container{
      width:min(var(--max), calc(100% - 40px));
      margin:0 auto;
      position:relative;
      z-index:2;
    }

    .experience-grid{
      display:grid;
      grid-template-columns: 0.92fr 1.08fr;
      gap:54px;
      align-items:center;
    }

    .image-wrap{
      position:relative;
      max-width:460px;
    }

    .image-wrap::before{
      content:"";
      position:absolute;
      inset:auto -10px -10px auto;
      width:100%;
      height:100%;
      border-radius:28px;
      background:var(--accent);
      z-index:0;
    }

    .image-card{
      position:relative;
      z-index:1;
      border-radius:28px;
      overflow:hidden;
      box-shadow:var(--shadow);
    }

    .image-card img{
      display:block;
      width:100%;
      height:560px;
      object-fit:cover;
    }

    .content{
      max-width:620px;
      position:relative;
    }

    .eyebrow{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      border:1.5px solid var(--accent);
      color:var(--accent);
      border-radius:999px;
      padding:12px 26px;
      font-size:13px;
      letter-spacing:0.18em;
      text-transform:uppercase;
      margin-bottom:28px;
      background:rgba(255,255,255,0.28);
      backdrop-filter: blur(3px);
    }

    .title{
      font-family:'Pompiere', cursive;
      font-size:clamp(3rem, 5vw, 4.8rem);
      line-height:0.95;
      font-weight:400;
      margin-bottom:22px;
      max-width:520px;
    }

    .title .accent{
      color:var(--accent);
    }

    .lead{
      font-size:1.06rem;
      line-height:1.85;
      color:var(--muted);
      max-width:560px;
      margin-bottom:30px;
    }

    .text-box{
      position:relative;
      padding:30px 34px;
      background:rgba(255,255,255,0.42);
      border:1px solid rgba(196,106,75,0.25);
      border-radius:24px;
      backdrop-filter: blur(4px);
    }

    .text-box::before{
      content:"";
      position:absolute;
      left:0;
      top:24px;
      bottom:24px;
      width:4px;
      border-radius:10px;
      background:var(--accent);
    }

    .text-box p{
      font-size:1.02rem;
      line-height:1.95;
      color:var(--text);
      margin:0;
      padding-left:8px;
    }

    .signature-line{
      display:flex;
      align-items:center;
      gap:14px;
      margin-top:28px;
      color:var(--accent);
      font-size:0.95rem;
      letter-spacing:0.08em;
      text-transform:uppercase;
    }

    .signature-line::before{
      content:"";
      display:block;
      width:52px;
      height:1px;
      background:var(--accent);
    }

    @media (max-width: 1024px){
      .experience-grid{
        grid-template-columns:1fr;
        gap:38px;
      }

      .image-wrap{
        max-width:100%;
      }

      .image-card img{
        height:460px;
      }

      .content{
        max-width:100%;
      }

      .aura-experience::after{
        width:250px;
        height:250px;
        right:-90px;
        top:-30px;
      }
    }

    @media (max-width: 767px){
      .aura-experience{
        padding:52px 0;
      }

      .container{
        width:min(var(--max), calc(100% - 24px));
      }

      .image-card img{
        height:360px;
      }

      .eyebrow{
        padding:10px 18px;
        font-size:12px;
        letter-spacing:0.14em;
        margin-bottom:20px;
      }

      .title{
        margin-bottom:18px;
      }

      .lead{
        font-size:0.98rem;
        line-height:1.8;
        margin-bottom:22px;
      }

      .text-box{
        padding:22px 20px 22px 22px;
        border-radius:20px;
      }

      .text-box p{
        font-size:0.98rem;
        line-height:1.8;
      }

      .aura-experience::after{
        width:180px;
        height:180px;
        border-width:4px;
        right:-70px;
        top:10px;
      }
    }
  </style>
</head>
<body>

  <section class="aura-experience">
    <div class="container">
      <div class="experience-grid">

        <div class="image-wrap">
          <div class="image-card">
            <img src="SUA-IMAGEM-AQUI.jpg" alt="Corrente Aura Collections sobre superfície de madeira">
          </div>
        </div>

        <div class="content">
          <div class="eyebrow">Experiência Aura</div>

          <h2 class="title">
            Queremos que você <span class="accent">sinta</span>,
            antes mesmo de usar.
          </h2>

          <p class="lead">
            Cada detalhe da Aura foi pensado para transformar a escolha da sua peça
            em um momento íntimo, leve e memorável.
          </p>

          <div class="text-box">
            <p>
              Desde o instante em que você escolhe cada símbolo,
              até o momento de abrir a embalagem, a experiência foi criada
              para ser especial.
            </p>
            <br>
            <p>
              Como entrar em um pequeno atelier:
              acolhedor, humano e cheio de significado.
            </p>
          </div>

          <div class="signature-line">
            sensorial • íntimo • especial
          </div>
        </div>

      </div>
    </div>
  </section>

</body>
</html>/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-801079e */<!DOCTYPE html>
<html lang="pt-BR">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Experiência Aura</title>

  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Pompiere&family=Inter:wght@300;400;500;600&display=swap" rel="stylesheet">

  <style>
    :root{
      --bg:#dfdad3;
      --text:#111111;
      --accent:#c46a4b;
      --accent-2:#d5a73d;
      --white:#ffffff;
      --muted:#4a4a4a;
      --radius-xl:34px;
      --radius-lg:26px;
      --shadow:0 18px 45px rgba(0,0,0,0.08);
      --max:1200px;
    }

    *{
      margin:0;
      padding:0;
      box-sizing:border-box;
    }

    body{
      background:var(--bg);
      color:var(--text);
      font-family:'Inter', sans-serif;
      overflow-x:hidden;
    }

    .aura-experience{
      position:relative;
      padding:80px 0;
      overflow:hidden;
    }

    .aura-experience::after{
      content:"";
      position:absolute;
      right:-120px;
      top:-40px;
      width:360px;
      height:360px;
      border:6px solid var(--accent-2);
      border-radius:50%;
      opacity:0.95;
      pointer-events:none;
    }

    .container{
      width:min(var(--max), calc(100% - 40px));
      margin:0 auto;
      position:relative;
      z-index:2;
    }

    .experience-grid{
      display:grid;
      grid-template-columns: 0.92fr 1.08fr;
      gap:54px;
      align-items:center;
    }

    .image-wrap{
      position:relative;
      max-width:460px;
    }

    .image-wrap::before{
      content:"";
      position:absolute;
      inset:auto -10px -10px auto;
      width:100%;
      height:100%;
      border-radius:28px;
      background:var(--accent);
      z-index:0;
    }

    .image-card{
      position:relative;
      z-index:1;
      border-radius:28px;
      overflow:hidden;
      box-shadow:var(--shadow);
    }

    .image-card img{
      display:block;
      width:100%;
      height:560px;
      object-fit:cover;
    }

    .content{
      max-width:620px;
      position:relative;
    }

    .eyebrow{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      border:1.5px solid var(--accent);
      color:var(--accent);
      border-radius:999px;
      padding:12px 26px;
      font-size:13px;
      letter-spacing:0.18em;
      text-transform:uppercase;
      margin-bottom:28px;
      background:rgba(255,255,255,0.28);
      backdrop-filter: blur(3px);
    }

    .title{
      font-family:'Pompiere', cursive;
      font-size:clamp(3rem, 5vw, 4.8rem);
      line-height:0.95;
      font-weight:400;
      margin-bottom:22px;
      max-width:520px;
    }

    .title .accent{
      color:var(--accent);
    }

    .lead{
      font-size:1.06rem;
      line-height:1.85;
      color:var(--muted);
      max-width:560px;
      margin-bottom:30px;
    }

    .text-box{
      position:relative;
      padding:30px 34px;
      background:rgba(255,255,255,0.42);
      border:1px solid rgba(196,106,75,0.25);
      border-radius:24px;
      backdrop-filter: blur(4px);
    }

    .text-box::before{
      content:"";
      position:absolute;
      left:0;
      top:24px;
      bottom:24px;
      width:4px;
      border-radius:10px;
      background:var(--accent);
    }

    .text-box p{
      font-size:1.02rem;
      line-height:1.95;
      color:var(--text);
      margin:0;
      padding-left:8px;
    }

    .signature-line{
      display:flex;
      align-items:center;
      gap:14px;
      margin-top:28px;
      color:var(--accent);
      font-size:0.95rem;
      letter-spacing:0.08em;
      text-transform:uppercase;
    }

    .signature-line::before{
      content:"";
      display:block;
      width:52px;
      height:1px;
      background:var(--accent);
    }

    @media (max-width: 1024px){
      .experience-grid{
        grid-template-columns:1fr;
        gap:38px;
      }

      .image-wrap{
        max-width:100%;
      }

      .image-card img{
        height:460px;
      }

      .content{
        max-width:100%;
      }

      .aura-experience::after{
        width:250px;
        height:250px;
        right:-90px;
        top:-30px;
      }
    }

    @media (max-width: 767px){
      .aura-experience{
        padding:52px 0;
      }

      .container{
        width:min(var(--max), calc(100% - 24px));
      }

      .image-card img{
        height:360px;
      }

      .eyebrow{
        padding:10px 18px;
        font-size:12px;
        letter-spacing:0.14em;
        margin-bottom:20px;
      }

      .title{
        margin-bottom:18px;
      }

      .lead{
        font-size:0.98rem;
        line-height:1.8;
        margin-bottom:22px;
      }

      .text-box{
        padding:22px 20px 22px 22px;
        border-radius:20px;
      }

      .text-box p{
        font-size:0.98rem;
        line-height:1.8;
      }

      .aura-experience::after{
        width:180px;
        height:180px;
        border-width:4px;
        right:-70px;
        top:10px;
      }
    }
  </style>
</head>
<body>

  <section class="aura-experience">
    <div class="container">
      <div class="experience-grid">

        <div class="image-wrap">
          <div class="image-card">
            <img src="SUA-IMAGEM-AQUI.jpg" alt="Corrente Aura Collections sobre superfície de madeira">
          </div>
        </div>

        <div class="content">
          <div class="eyebrow">Experiência Aura</div>

          <h2 class="title">
            Queremos que você <span class="accent">sinta</span>,
            antes mesmo de usar.
          </h2>

          <p class="lead">
            Cada detalhe da Aura foi pensado para transformar a escolha da sua peça
            em um momento íntimo, leve e memorável.
          </p>

          <div class="text-box">
            <p>
              Desde o instante em que você escolhe cada símbolo,
              até o momento de abrir a embalagem, a experiência foi criada
              para ser especial.
            </p>
            <br>
            <p>
              Como entrar em um pequeno atelier:
              acolhedor, humano e cheio de significado.
            </p>
          </div>

          <div class="signature-line">
            sensorial • íntimo • especial
          </div>
        </div>

      </div>
    </div>
  </section>

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