.elementor-kit-53{--e-global-color-primary:#8ACEDC;--e-global-color-secondary:#FF6041;--e-global-color-text:#FFFFFF;--e-global-color-accent:#000000;--e-global-color-d3bf0e8:#212121;--e-global-typography-primary-font-family:"Roboto";--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;--e-global-typography-4c5a9dd-font-family:"Poppins";--e-global-typography-4c5a9dd-font-size:85px;--e-global-typography-4c5a9dd-font-weight:700;background-color:transparent;color:var( --e-global-color-text );font-family:"Roboto", Sans-serif;font-size:15px;line-height:28px;background-image:linear-gradient(45deg, #F7F7F7 0%, #FFFFFF 100%);}.elementor-kit-53 button,.elementor-kit-53 input[type="button"],.elementor-kit-53 input[type="submit"],.elementor-kit-53 .elementor-button{background-color:#FF6041;font-family:"Poppins", Sans-serif;font-weight:600;letter-spacing:1px;color:#FFFFFF;border-style:solid;border-width:0px 0px 0px 0px;}.elementor-kit-53 button:hover,.elementor-kit-53 button:focus,.elementor-kit-53 input[type="button"]:hover,.elementor-kit-53 input[type="button"]:focus,.elementor-kit-53 input[type="submit"]:hover,.elementor-kit-53 input[type="submit"]:focus,.elementor-kit-53 .elementor-button:hover,.elementor-kit-53 .elementor-button:focus{background-color:#EA406F;color:#FFFFFF;}.elementor-kit-53 e-page-transition{background-color:#FFBC7D;}.elementor-kit-53 a{color:var( --e-global-color-secondary );}.elementor-kit-53 a:hover{color:#FF6041;}body{overflow-x:inherit !important;}.elementor a, .elementor a:link, .elementor a:focus, .elementor a:active, .elementor a:hover{text-decoration:inherit !important;}.elementor a:link, .elementor .smooth-hover a:link, {transition:inherit;}.elementor-kit-53 h1{color:#FFFFFF;font-family:"Poppins", Sans-serif;font-size:50px;font-weight:600;}.elementor-kit-53 h2{color:#272B36;font-family:"Poppins", Sans-serif;font-size:40px;font-weight:600;}.elementor-kit-53 h3{color:#272B36;font-family:"Poppins", Sans-serif;font-size:21px;font-weight:600;}.elementor-kit-53 h4{color:#272B36;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:600;}.elementor-kit-53 h5{color:#272B36;font-family:"Poppins", Sans-serif;font-size:15px;font-weight:600;}.elementor-kit-53 h6{color:#FF6041;font-family:"Poppins", Sans-serif;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:2px;}.elementor-kit-53 label{color:#272B36;font-family:"Poppins", Sans-serif;font-weight:600;line-height:1.9em;}.elementor-kit-53 input:not([type="button"]):not([type="submit"]),.elementor-kit-53 textarea,.elementor-kit-53 .elementor-field-textual{font-family:"Poppins", Sans-serif;background-color:#F7F7F7;border-style:solid;border-width:1px 1px 1px 1px;border-color:#E0E0E0;}.elementor-kit-53 input:focus:not([type="button"]):not([type="submit"]),.elementor-kit-53 textarea:focus,.elementor-kit-53 .elementor-field-textual:focus{background-color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FF6041;}.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 .site-branding{flex-direction:column;align-items:stretch;}.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-kit-53 h2{font-size:28px;}.elementor-kit-53 h3{font-size:18px;}.elementor-kit-53 h4{font-size:16px;}.elementor-kit-53 h5{font-size:14px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-53{font-size:14px;}.elementor-kit-53 h1{font-size:28px;}.elementor-kit-53 h2{font-size:21px;}.elementor-kit-53 h3{font-size:18px;}.elementor-kit-53 h4{font-size:15px;}.elementor-kit-53 h5{font-size:13px;}.elementor-kit-53 h6{font-size:12px;}.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">
  <title>Cruzeiros Infinito Azul</title>
  <style>
    body {
      margin: 0;
      font-family: Arial, sans-serif;
      background-color: #0e3b45;
      color: #ffffff;
      line-height: 1.6;
    }

    .hero {
      background: url('banner-do-cruzeiro.jpg') no-repeat center center;
      background-size: cover;
      padding: 100px 20px;
      text-align: center;
    }

    .hero h1 {
      font-size: 36px;
      margin: 0;
    }

    .hero h2 {
      font-size: 24px;
      color: #5ac0dd;
      margin-top: 10px;
    }

    .section {
      padding: 40px 20px;
      max-width: 1000px;
      margin: auto;
      text-align: center;
    }

    .section img.round {
      width: 300px;
      border-radius: 50%;
      margin: 20px 0;
    }

    .navio {
      max-width: 100%;
      border-radius: 12px;
      margin-top: 30px;
    }

    .subsection {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 30px;
      margin-top: 40px;
    }

    .subsection div {
      max-width: 180px;
      text-align: center;
    }

    .subsection img {
      width: 100%;
      border-radius: 10px;
    }

    .features {
      background-color: #15434e;
      padding: 30px;
      margin: 40px auto;
      max-width: 900px;
      border-radius: 10px;
      font-size: 16px;
    }

    .features p {
      margin: 8px 0;
    }

    .highlight {
      color: #00ffff;
      font-weight: bold;
      text-decoration: underline;
      margin-top: 20px;
      display: inline-block;
    }

    h3 {
      margin-bottom: 8px;
    }

    @media (max-width: 768px) {
      .subsection {
        flex-direction: column;
        align-items: center;
      }

      .section img.round {
        width: 200px;
      }
    }
  </style>
</head>
<body>

  <!-- Capa -->
  <div class="hero">
    <h1>Viagem com a INFINITO AZUL</h1>
    <h2>Conheça seu primeiro Cruzeiro</h2>
  </div>

  <!-- Introdução -->
  <div class="section">
    <img src="imagem-conforto.jpg" alt="Área relaxante do navio" class="round">
    <h2>SEJA NOSSO HÓSPEDE COM TODO O CONFORTO!</h2>
    <p>Muito mais do que uma viagem, uma experiência inesquecível.</p>
    <p>Na Infinito Azul, cada cruzeiro é planejado nos mínimos detalhes para que você viva momentos únicos, com conforto, exclusividade e atendimento humanizado.</p>
    <p>🛳️ Personalização total da sua viagem com tudo incluso</p>
    <p>🌟 Atendimento premium e suporte completo</p>
    <p>🚢 Cruzeiros selecionados com curadoria de especialistas</p>
    <p>Seu primeiro cruzeiro começa com quem entende de memórias.</p>
  </div>

  <!-- Sobre o navio -->
  <div class="section">
    <h2>MSC Sinfonia – Elegância Clássica em Alto-Mar</h2>
    <img src="msc-sinfonia.jpg" alt="MSC Sinfonia" class="navio">
    <p>O MSC Sinfonia é um navio que combina charme, conforto e sofisticação. Com roteiros pelo Brasil e destinos internacionais, ele é perfeito para quem busca a harmonia entre lazer, gastronomia e bem-estar durante a viagem.</p>
  </div>

  <!-- Categorias -->
  <div class="section">
    <div class="subsection">
      <div>
        <h3>Entretenimento</h3>
        <img src="entretenimento.jpg" alt="Entretenimento">
      </div>
      <div>
        <h3>Conforto</h3>
        <img src="conforto.jpg" alt="Conforto">
      </div>
      <div>
        <h3>Luxo</h3>
        <img src="luxo.jpg" alt="Luxo">
      </div>
      <div>
        <img src="piscina.jpg" alt="Piscinas">
      </div>
      <div>
        <img src="infantil.jpg" alt="Infantil">
      </div>
      <div>
        <img src="teatro.jpg" alt="Teatro">
      </div>
    </div>
  </div>

  <!-- Destaques -->
  <div class="features">
    <p>🍽️ Restaurantes internacionais com menus assinados</p>
    <p>🎭 Teatro ao estilo Broadway</p>
    <p>👨‍👩‍👧 Estrutura completa para famílias e crianças</p>
    <p>🏊 Piscinas, lounges e bares com serviço exclusivo</p>
    <p>🏋️ Academia, quadras esportivas e atividades diárias</p>

    <p><strong>Roteiros disponíveis:</strong></p>
    <p>– Costa Brasileira, Búzios, Ilhéus, Salvador</p>
    <p>– Mini cruzeiros e travessias especiais</p>
    <p>– Itinerários internacionais sob consulta</p>

    <p class="highlight">Valores a partir de R$ 5.790 por pessoa</p>
  </div>

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