endpoints.path: /
endpoints.endpoint_type: HTTP
endpoints.scan_time: 2025-10-08T14:16:43.237658
endpoints.uri: http://www.claudeteedeca.re-visa.com/
endpoints.protocol: HTTP/1.1
endpoints.status_reason: OK
endpoints.key: Content-Encoding
endpoints.headers: gzip
endpoints.key: Date
endpoints.headers: <REDACTED>
endpoints.key: Vary
endpoints.headers: Accept-Encoding
endpoints.key: Server
endpoints.headers: nginx/1.23.4
endpoints.key: Content-Type
endpoints.headers: text/html
endpoints.key: Accept-Ranges
endpoints.headers: bytes
endpoints.key: X-Proxy-Cache
endpoints.headers: MISS
endpoints.key: Content-Length
endpoints.headers: 10087
endpoints.key: Last-Modified
endpoints.headers: Mon, 23 Dec 2024 14:52:04 GMT
endpoints.key: X-Server-Cache
endpoints.headers: true
endpoints.html_tags: <title>Claudeteedeca</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
endpoints.body: <!DOCTYPE html>
  <html lang="pt-BR">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Claudeteedeca</title>
    <link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&family=Lato:wght@400;700&display=swap" rel="stylesheet">
    
    <script type="text/javascript" src="https://gc.kis.v2.scr.kaspersky-labs.com/FD126C42-EBFA-4E12-B309-BB3FDD723AC1/main.js?attr=4NvsA5UFR6IIJ2z8sgtHBVxR0K6qVjetC22BIHKOJ31A_rmZ33QoZrSVgFfnqsTkccpkVE73TYcO6FUD3MM9NUBLqXd9zWJ8g7qIAA7vRVmfZo4Ti3ZzUn0nNnj1BtdtwAEsD6cdVmgjHYrIG9bjDowYP-tsJ9eMDP3qwMDs1ngI--odCxU5h6sryBnvSyIA7QjeOPPZAeCVLQPNwRJzdg" charset="UTF-8"></script><link rel="stylesheet" crossorigin="anonymous" href="https://gc.kis.v2.scr.kaspersky-labs.com/E3E8934C-235A-4B0E-825A-35A08381A191/abn/main.css?attr=aHR0cHM6Ly9icjIzNi5ob3N0Z2F0b3IuY29tLmJyOjIwODMvY3BzZXNzOTI3MzU3MjExNi9kb3dubG9hZD9za2lwZW5jb2RlPTEmZmlsZT0lMmZob21lMiUyZnRvZG9zdDU5JTJmY2xhdWRldGVlZGVjYS5yZS12aXNhLmNvbSUyZmluZGV4Lmh0bWw"/><style>
      * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  
  body {
    font-family: 'Lato', sans-serif;
    line-height: 1.6;
    background-color: rgba(0, 0, 0);
  }
  
  a {
    text-decoration: none;
    color: #f8d64e;
  }
  
  a:hover {
    text-decoration: underline;
  }
  
  /* Topo */
  .top-bar {
    background: rgba(0, 0, 0, 0.8);
  
    color: white;
    padding: 10px 20px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
  }
  
  .top-bar a {
    margin-right: 15px;
    font-size: 0.9rem;
    
  }
  
  /* Navegação */
  .navbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
    background: rgba(0, 0, 0, 0.8);
    position: fixed;
    top: 40px;
    width: 100%;
    z-index: 999;
  }
  
  .logo img {
    height: 40px;
    width: auto;
  }
  
  .menu {
    display: flex;
  }
  
  .menu ul {
    display: flex;
    list-style: none;
    gap: 20px;
  }
  
  .menu li {
    position: relative;
  }
  
  .menu li a {
    color: white;
    font-size: 0.9rem;
    padding: 5px 10px;
  }
  
  /* Dropdown */
  .dropdown-content {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: rgba(0, 0, 0, 0.9);
    min-width: 160px;
    border-radius: 5px;
    z-index: 1000;
  }
  
  .dropdown-content a {
    padding: 10px 16px;
    display: block;
    color: white;
  }
  
  .dropdown:hover .dropdown-content {
    display: block;
  }
  
  /* Hamburger */
  .hamburger {
    display: none;
    flex-direction: column;
    gap: 5px;
    cursor: pointer;
  }
  
  .hamburger span {
    width: 25px;
    height: 3px;
    background: white;
    transition: all 0.3s ease;
  }
  
  /* Menu responsivo */
  @media (max-width: 768px) {
    .hamburger {
      display: flex;
    }
  
    .menu {
      display: none;
      flex-direction: column;
      background: rgba(0, 0, 0, 0.9);
      position: absolute;
      top: 100%;
      left: 0;
      width: 100%;
      padding: 10px 0;
      z-index: 1000;
    }
  
    .menu.active {
      display: flex; /* Mostra o menu */
    }
  
    .menu ul {
      flex-direction: column;
      gap: 10px;
    }
  
    .menu li {
      text-align: center;
    }
  }
  
  /* Parallax */
      
      .parallax {
        height: 400px;
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
      }
  
      .parallax-1 {
        background-image: url('banner.jpg'); /* Substituir imagem */
      }
  
      .parallax-2 {
        background-image: url('Carrossel_001.jpg'); /* Substituir imagem */
      }
  
      .parallax-3 {
        background-image: url('noiva.jpg'); /* Substituir imagem */
      }
      .overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.4); /* Fundo escuro com transparência */
        color: #f8d64e; /* Dourado */
        display: flex;
        flex-direction: column; /* Garante que os elementos fiquem empilhados */
        justify-content: center;
        align-items: center;
        text-align: center;
        padding: 20px;
      }
  
      .overlay h1, .overlay h2 {
        font-family: 'Playfair Display', serif;
        margin: 10px 0; /* Espaçamento vertical */
        font-size: 2.5rem; /* Tamanho do título */
        display: block; /* Garante que cada título fique em sua própria linha */
        text-align: center; /* Centraliza o texto */
      }
  
      .overlay p {
        margin-top: 20px; /* Espaçamento adicional abaixo do título */
        font-size: 1.2rem; /* Tamanho do subtítulo */
        line-height: 1.5; /* Altura da linha para legibilidade */
        text-align: center; /* Centraliza o subtítulo */
      }
  
      /* Carrossel inicial (página de entrada) */
      .carrossel-secao {
        position: relative;
        width: 100%;
        height: 100vh;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #000000; /* Cor de fundo */
        margin-top: -10px; /* Ajuste para reduzir o espaço superior */
        padding-top: 0; /* Garante que não há padding superior */
      }
  
      .carrossel {
        display: flex;
        transition: transform 0.3s ease-in-out;
      }
  
      .carrossel img {
        max-width: 100%;
        max-height: 380px;
        object-fit: contain;
        margin: auto;
        border-radius: 0px;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
      }
      
  
      /* Botões de navegação do carrossel */
      .seta-esquerda, .seta-direita {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        background: rgba(0, 0, 0, 0.8);
        color: white;
        border: none;
        border-radius: 0%;
        width: 40px;
        height: 40px;
        cursor: pointer;
        z-index: 10;
        display: flex;
        align-items: center;
        justify-content: center;
      }
  
      .seta-esquerda {
        left: 30px;
      }
  
      .seta-direita {
        right: 30px;
      }
  
      .seta-esquerda:hover, .seta-direita:hover {
        background: rgba(0, 0, 0, 0.8);
      }
  
      /* Modal (carrossel das fotos em tela cheia) */
      .modal {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.9);
        z-index: 1000;
        justify-content: center;
        align-items: center;
      }
  
      .modal img {
        max-width: 90%;
        max-height: 90%;
        border-radius: 0px;
      }
  
      .modal .nav-button {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        background: rgba(255, 255, 255, 0.5);
        color: black;
        border: none;
        border-radius: 0%;
        width: 40px;
        height: 40px;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
      }
  
      .modal .nav-prev {
        left: 30px;
      }
  
      .modal .nav-next {
        right: 30px;
      }
  
      .close-modal {
        position: absolute;
        top: 20px;
        right: 20px;
        background: rgba(255, 255, 255, 0.5);
        color: black;
        border: none;
        border-radius: 0%;
        width: 40px;
        height: 40px;
        cursor: pointer;
        font-size: 20px;
      }
  
      /* Botão do Instagram no modal */
      .instagram-btn {
        position: absolute;
        bottom: 20px;
        background: #e1306c;
        color: white;
        padding: 10px 20px;
        text-decoration: none;
        border-radius: 0px;
        font-size: 16px;
      }
  
      .instagram-btn:hover {
        background: #c32f63;
      }
  
      
      /* Espaço entre seções */
      .espaco-instagram {
        background: #000; /* Fundo preto */
        color: #fff; /* Texto branco */
        text-align: center; /* Centraliza o conteúdo */
        padding: 20px 0; /* Espaçamento interno ajustado */
        margin-bottom: 0; /* Remove margem externa para evitar espaçamento adicional */
      }
  
      /* Botão do Instagram */
      .btn-instagram {
        display: inline-block;
        background: #000; /* Cor do botão (Instagram) */
        color: #fff; /* Cor do texto do botão */
        text-decoration: none;
        padding: 10px 20px; /* Espaçamento interno do botão */
        font-size: 16px; /* Tamanho da fonte */
        border-radius: 5px; /* Bordas arredondadas */
        transition: background 0.3s ease;
      }
  
      .btn-instagram:hover {
        background: #c32f63; /* Cor mais escura ao passar o mouse */
      }
  
      /* Rodapé */
      footer {
        background-color: #000; /* Preto */
        color: #fff; /* Branco */
        text-align: right;
        padding: 20px;
        font-size: 0.9rem;
      }
  
      footer .social-icons a {
        color: #f8d64e; /* Dourado */
        text-decoration: none;
        margin: 0 10px;
      }
  
      footer .social-icons a:hover {
        color: #fff;
      }
  
  /* Seção Eventos */
  .eventos {
    padding: 0; /* Remove todo o padding interno da seção */
    background-color: #000; /* Fundo preto */
    color: #fff; /* Texto branco */
    text-align: center;
  }
  
  .eventos h2 {
    font-size: 2.5rem;
    margin-bottom: 20px;
    font-family: 'Playfair Display', serif;
  }
  
  .eventos-container {
    display: flex;
    justify-content: space-between; /* Espaço uniforme entre os itens */
    gap: 2px; /* Reduz o espaço entre os itens */
  }
  
  .evento {
    flex: 1; /* Divide igualmente o espaço entre os eventos */
    position: relative;
    overflow: hidden;
    border-radius: 0; /* Remove bordas arredondadas */
  }
  
  .evento img {
    width: 100%; /* Faz as imagens ocuparem toda a largura do contêiner */
    height: 400px; /* Altura fixa */
    object-fit: cover; /* Faz a imagem preencher o espaço sem distorcer */
    transition: transform 0.3s ease; /* Efeito de zoom */
  }
  
  .evento-info {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    background: rgba(0, 0, 0, 0.6); /* Fundo semitransparente */
    padding: 10px;
    border-radius: 0;
    opacity: 0;
    transition: opacity 0.3s ease;
  }
  
  .evento:hover img {
    transform: scale(1.05); /* Zoom mais sutil ao passar o mouse */
  }
  
  .evento:hover .evento-info {
    opacity: 1; /* Mostra as informações ao passar o mouse */
  }
  
  .evento-info h3 {
    font-size: 1.5rem;
    margin-bottom: 10px;
  }
  
  .evento-info p {
    font-size: 1rem;
    margin-bottom: 15px;
  }
  
  /* Responsividade para telas menores */
  @media (max-width: 768px) {
    .eventos-container {
      flex-direction: column; /* Organiza os eventos em coluna */
      gap: 10px; /* Espaço maior entre os itens em telas menores */
    }
  
    .evento img {
      height: 300px; /* Reduz a altura das imagens em dispositivos menores */
    }
  }
  
  
  .btn-instagram {
    display: inline-block;
    background: #e1306c;
    color: white;
    text-decoration: none;
    padding: 10px 20px;
    font-size: 0.9rem;
    border-radius: 0px;
    transition: background 0.3s ease;
  }
  
  .btn-instagram:hover {
    background: #c32f63;
  }
  
  /* Responsividade para telas menores */
  @media (max-width: 768px) {
    .eventos-container {
      flex-direction: column; /* Organiza os eventos em coluna */
      gap: 20px; /* Espaçamento entre os itens */
    }
  
    .evento img {
      max-height: 250px; /* Reduz a altura das imagens para telas menores */
    }
  }
  
  /* Seção Noivas */
  
  .noivas {
    padding: 30px 20px; /* Reduz o padding superior e inferior */
    background-color: #f9f9f9; /* Fundo claro */
    color: #333; /* Texto em cinza escuro */
    text-align: center;
  }
  
  .noivas-header {
    margin-bottom: 20px; /* Reduz o espaçamento abaixo do título */
  }
  
  .noivas h2 {
    font-size: 2.5rem;
    margin-bottom: 10px;
    font-family: 'Playfair Display', serif; /* Fonte estilizada */
  }
  
  .noivas p {
    font-size: 1.2rem;
    margin-bottom: 15px;
  }
  
  
  
  .noivas-galeria {
    display: flex;
    justify-content: space-between; /* Espaço uniforme entre os itens */
    align-items: center; /* Alinha verticalmente os itens */
    gap: 20px; /* Espaço entre os itens */
    flex-wrap: wrap; /* Permite quebrar linha em telas menores */
  }
  
  .noiva-item {
    flex: 1 1 30%; /* Define largura mínima de 30% */
    position: relative;
    overflow: hidden;
    border-radius: 0px;
    background: #fff; /* Fundo branco */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    margin: 0 10px; /* Espaçamento lateral */
    aspect-ratio: 3 / 2; /* Proporção reduzida para 3 largura x 2 altura */
    max-height: 250px; /* Limita a altura máxima da seção */
  }
  
  .noiva-item img {
    width: 100%; /* Faz a imagem ocupar toda a largura do contêiner */
    height: 100%; /* Faz a imagem ocupar toda a altura do contêiner */
    object-fit: cover; /* Mantém a proporção cortando partes extras */
    display: block;
    transition: transform 0.3s ease; /* Efeito de zoom ao passar o mouse */
  }
  
  .noiva-item:hover img {
    transform: scale(1.1); /* Zoom leve ao passar o mouse */
  }
  
  .noiva-info {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.6); /* Fundo semitransparente */
    color: #fff;
    padding: 10px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.3s ease;
  }
  
  .noiva-item:hover .noiva-info {
    opacity: 1; /* Aparece ao passar o mouse */
  }
  
  .noiva-info h3 {
    font-size: 1.2rem;
    margin-bottom: 5px; /* Reduz o espaçamento abaixo do título */
  }
  
  .btn-instagram {
    display: inline-block;
    background: #e1306c; /* Cor do Instagram */
    color: white;
    text-decoration: none;
    padding: 8px 15px;
    font-size: 0.9rem;
    border-radius: 5px;
    transition: background 0.3s ease;
  }
  
  .btn-instagram:hover {
    background: #c32f63; /* Cor mais escura ao passar o mouse */
  }
  
  /* Responsividade */
  @media (max-width: 768px) {
    .noivas-galeria {
      flex-direction: column; /* Alinha os itens em coluna */
      gap: 20px;
    }
  
    .noiva-item {
      margin: 0; /* Remove margem lateral em telas pequenas */
      max-height: 200px; /* Reduz a altura em dispositivos menores */
    }
  }
  
  /* Seção Estilista */
  .estilista {
    height: 300px; /* Altura fixa para telas grandes */
    background-color: #f9f9f9; /* Fundo claro */
    display: flex;
    align-items: center; /* Alinha verticalmente */
    justify-content: center;
    padding: 20px;
  }
  
  .estilista-container {
    display: flex;
    width: 100%;
    max-width: 1200px; /* Largura máxima */
    gap: 20px; /* Espaço entre a foto e o texto */
  }
  
  .estilista-foto {
    flex: 0 0 30%; /* Foto ocupa 30% da largura */
  }
  
  .estilista-foto img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ajusta a imagem ao contêiner sem distorção */
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Sombra sutil */
  }
  
  .estilista-texto {
    flex: 1; /* Texto ocupa o restante do espaço */
    display: flex;
    flex-direction: column;
    justify-content: center; /* Centraliza o texto verticalmente */
    color: #333; /* Texto em cinza escuro */
  }
  
  .estilista-texto h2 {
    font-size: 1.8rem;
    margin-bottom: 10px;
    font-family: 'Playfair Display', serif; /* Fonte estilizada */
    color: #000; /* Destaque no título */
  }
  
  .estilista-texto p {
    font-size: 1rem;
    line-height: 1.6; /* Espaçamento entre linhas */
  }
  
  /* Ajuste para Inversão */
  .estilista.inversao .estilista-container {
    flex-direction: row-reverse; /* Inverte a ordem: foto à direita, texto à esquerda */
  }
  
  /* Responsividade para telas pequenas */
  @media (max-width: 768px) {
    .estilista {
      height: auto; /* Remove altura fixa */
      padding: 10px; /* Ajusta o espaçamento interno */
    }
  
    .estilista-container {
      flex-direction: column; /* Sempre em coluna para telas pequenas */
      gap: 10px; /* Espaço menor entre os itens */
    }
  
    .estilista-foto {
      flex: none; /* Remove o tamanho fixo da foto */
      width: 100%; /* Foto ocupa toda a largura */
      height: auto; /* Ajusta altura automaticamente */
    }
  
    .estilista-foto img {
      border-radius: 10px; /* Mantém bordas arredondadas */
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Sombra sutil */
    }
  
    .estilista-texto {
      text-align: center; /* Centraliza o texto */
    }
  
    .estilista-texto h2 {
      font-size: 1.5rem; /* Reduz o tamanho do título */
    }
  
    .estilista-texto p {
      font-size: 0.9rem; /* Reduz o tamanho do texto */
      line-height: 1.4; /* Reduz espaçamento entre linhas */
    }
  
    /* Remove o efeito de inversão em telas pequenas */
    .estilista.inversao .estilista-container {
      flex-direction: column; /* Foto e texto sempre em coluna */
    }
  }
    </style>
  
  </head>
  <body>
    <!-- Topo -->
    <div class="top-bar">
      <a href="https://instagram.com" target="_blank">Instagram</a>
      <a href="https://wa.me/" target="_blank">WhatsApp</a>
    </div>
  
    <!-- Navegação -->
    <header class="navbar">
      <div class="logo">
        <a href="#"><img src="logo.png" alt="Logo"></a>
      </div>
      <nav class="menu" id="menu">
        <ul>
          <li><a href="#lancamentos">Lançamentos</a></li>
          <li class="dropdown">
            <a href="#eventos" class="dropbtn">Eventos</a>
            <div class="dropdown-content">
              <a href="#eventos">Madrinhas</a>
              <a href="#eventos">Debutantes</a>
              <a href="#eventos">Outros</a>
            </div>
          </li>
          <li><a href="#noivas">Noivas</a></li>
          <li class="dropdown">
            <a href="#" class="dropbtn">Alta Costura</a>
            <div class="dropdown-content">
              <a href="#andersonreis">Anderson Reis</a>
              <a href="#lucyplanet">Lucy Planet</a>
            </div>
          </li>
          <li><a href="#contato">Contato</a></li>
        </ul>
      </nav>
  
      <!-- Botão Hamburger -->
      <div class="hamburger" id="hamburger">
        <span></span>
        <span></span>
        <span></span>
      </div>
    </header>
  
    <section id="" class="parallax parallax-1">
      <div class="overlay" >
        <h1>Sobre Nós</h1>
          <p>Nosso compromisso é com a beleza e a confiança.</p>
      </div>
    </section>
    
  <section id="" class="espaco-instagram">
    <p>Veja mais no Instagram:</p>
    <a href="https://instagram.com/seu_perfil" target="_blank" class="btn-instagram">Instagram</a>
  </section>
    
    <!-- Carrossel Inicial -->
    <section id="lancamentos" class="carrossel-secao">
      <button class="seta-esquerda" id="prev">&lt;</button>
      <div class="carrossel" id="carrossel">
        <img src="51_01.jpeg" alt="Foto 1" data-link="https://instagram.com/foto1">
        <img src="51_02.jpeg" alt="Foto 2" data-link="https://instagram.com/foto2">
        <img src="51_03.jpeg" alt="Foto 3" data-link="https://instagram.com/foto3">
        <img src="51_04.jpeg" alt="Foto 4" data-link="https://instagram.com/foto1">
        <img src="51_05.jpeg" alt="Foto 5" data-link="https://instagram.com/foto2">
        <img src="51_06.jpeg" alt="Foto 6" data-link="https://instagram.com/foto3">
        <img src="51_07.jpeg" alt="Foto 7" data-link="https://instagram.com/foto1">
        <img src="51_09.jpeg" alt="Foto 8" data-link="https://instagram.com/foto2">
        <img src="51_10.jpeg" alt="Foto 9" data-link="https://instagram.com/foto3">
        <img src="51_11.jpeg" alt="Foto 10" data-link="https://instagram.com/foto3">
        <img src="51_12.jpeg" alt="Foto 11" data-link="https://instagram.com/foto3">
        <img src="51_13.jpeg" alt="Foto 12" data-link="https://instagram.com/foto3">
        <img src="51_14.jpeg" alt="Foto 13" data-link="https://instagram.com/foto3">
        <img src="51_15.jpeg" alt="Foto 14" data-link="https://instagram.com/foto3">
        <img src="51_16.jpeg" alt="Foto 15" data-link="https://instagram.com/foto3">
        <img src="51_17.jpeg" alt="Foto 14" data-link="https://instagram.com/foto3">
        <img src="51_01.jpeg" alt="Foto 15" data-link="https://instagram.com/foto3">
        <img src="51_02.jpeg" alt="Foto 16" data-link="https://instagram.com/foto3">
      </div>
      <button class="seta-direita" id="next">&gt;</button>
    </section>
  
    <!-- Modal -->
    <div class="modal" id="modal">
      <button class="close-modal" id="close-modal">&times;</button>
      <button class="nav-button nav-prev" id="modal-prev">&lt;</button>
      <img id="modal-img" src="" alt="Imagem Grande">
      <button class="nav-button nav-next" id="modal-next">&gt;</button>
      <a href="#" target="_blank" class="instagram-btn" id="instagram-link">Ver no Instagram</a>
    </div>
  
    <section id="" class="parallax parallax-2">
      <div class="overlay" >
        <h1></h1>
          <p></p>
      </div>
    </section>
  
    <section id="eventos"class="eventos">
      <h2>Eventos</h2>
      <div class="eventos-container">
        <!-- Evento 1 -->
        <div class="evento">
          <img src="madrinhas.JPG" alt="Evento 1">
          <div class="evento-info">
            <h3>Madrinhas</h3>
            <p>Alta Costura</p>
            <a href="https://instagram.com/evento1" target="_blank" class="btn-instagram">Veja no Instagram</a>
          </div>
        </div>
    
        <!-- Evento 2 -->
        <div class="evento">
          <img src="debutantes.jpg" alt="Evento 2">
          <div class="evento-info">
            <h3>Debutantes</h3>
            <p>Alta Costura</p>
            <a href="https://instagram.com/evento2" target="_blank" class="btn-instagram">Veja no Instagram</a>
          </div>
        </div>
    
        <!-- Evento 3 -->
        <div class="evento">
          <img src="aniversario.jpg" alt="Evento 3">
          <div class="evento-info">
            <h3>Outros eventos importantes para você</h3>
            <p>Casual Chic</p>
            <a href="https://instagram.com/evento3" target="_blank" class="btn-instagram">Veja no Instagram</a>
          </div>
        </div>
      </div>
    </section>
    
    <section id="" class="parallax parallax-3">
      <div class="overlay" >
        <h1></h1>
          <p></p>
      </div>
    </section>
    
    <section id="noivas" class="noivas">
      <div class="noivas-header">
        <h2>Noivas</h2>
        <p>Descubra a elegância e o charme de nossos vestidos exclusivos para noivas. Cada detalhe pensado para o momento mais especial da sua vida.</p>
      </div>
    
      <div class="noivas-galeria">
        <!-- Imagem 1 -->
        <div class="noiva-item">
          <img src="noiva1.jpg" alt="Vestido de Noiva 1">
          <div class="noiva-info">
            <h3>Vestido Clássico</h3>
            <a href="https://instagram.com/noiva1" target="_blank" class="btn-instagram">Veja no Instagram</a>
          </div>
        </div>
    
        <!-- Imagem 2 -->
        <div class="noiva-item">
          <img src="noiva2.jpg" alt="Vestido de Noiva 2">
          <div class="noiva-info">
            <h3>Vestido Romântico</h3>
            <a href="https://instagram.com/noiva2" target="_blank" class="btn-instagram">Veja no Instagram</a>
          </div>
        </div>
    
        <!-- Imagem 3 -->
        <div class="noiva-item">
          <img src="noiva3.jpg" alt="Vestido de Noiva 3">
          <div class="noiva-info">
            <h3>Vestido Contemporâneo</h3>
            <a href="https://instagram.com/noiva3" target="_blank" class="btn-instagram">Veja no Instagram</a>
          </div>
        </div>
      </div>
    </section>
    
    <section id="andersonreis" class="espaco-instagram">
      <p>Veja mais no Instagram:</p>
      <a href="https://instagram.com/seu_perfil" target="_blank" class="btn-instagram">Instagram</a>
    </section>
  
    <section class="estilista">
      <div class="estilista-container">
        <div class="estilista-foto">
          <img src="capaar.jpeg" alt="Foto do Estilista">
        </div>
        <div class="estilista-texto">
          <h2>Conheça o Estilista</h2>
          <p>
            Anderson Reis é um renomado estilista com mais de 20 anos de experiência no mundo da alta costura. 
            Especialista em criar peças exclusivas para noivas, madrinhas e eventos de gala, 
            sua arte transcende tendências e exala sofisticação. 
            Cada peça é feita sob medida, com atenção aos mínimos detalhes, 
            refletindo a personalidade única de cada cliente. 
            Seu talento já foi reconhecido em diversos eventos internacionais, 
            consolidando sua reputação como um dos grandes nomes da moda brasileira.
          </p>
        </div>
      </div>
    </section>
    
    <section id="" class="parallax parallax-2">
      <div class="overlay" >
        <h1></h1>
          <p></p>
      </div>
    </section>
  
    <section id="lucyplanet" class="estilista inversao">
      <div class="estilista-container">
        <div class="estilista-foto">
          <img src="capaar.jpeg" alt="Foto de Lucy Planet">
        </div>
        <div class="estilista-texto">
          <h2>Conheça Lucy Planet</h2>
          <p>
            Lucy Planet é uma estilista visionária que une inovação e tradição em suas criações. 
            Com uma abordagem ousada e criativa, Lucy se destaca por reinventar o conceito de moda 
            para noivas, madrinhas e alta costura. Cada peça é uma obra de arte, elaborada com tecidos 
            de altíssima qualidade e detalhes que encantam. Seu trabalho tem sido celebrado em desfiles 
            e eventos ao redor do mundo, reforçando sua posição como uma referência na moda contemporânea.
          </p>
        </div>
      </div>
    </section>
    
    
  
    <!-- Rodapé -->
    <footer id="contato">
      <p>&copy; 2024 Claudeteedeca. Todos os direitos reservados.</p>
      <p>Endereço: Rua Abcdef, 123, São Paulo, SP | Telefone: (11) 91234-5678</p>
      <div class="social-icons">
          <a href="https://instagram.com" target="_blank">Instagram</a> 
          <a href="https://wa.me/555123456789" target="_blank">WhatsApp</a>
      </div>
    </footer>
  
  
    <script>
      const hamburger = document.getElementById("hamburger");
      const menu = document.getElementById("menu");
  
      hamburger.addEventListener("click", () => {
        menu.classList.toggle("active");
      });
    </script>
  
    <script>
      const carrossel = document.getElementById("carrossel");
      const prevButton = document.getElementById("prev");
      const nextButton = document.getElementById("next");
      const modal = document.getElementById("modal");
      const modalImg = document.getElementById("modal-img");
      const closeModal = document.getElementById("close-modal");
      const modalPrev = document.getElementById("modal-prev");
      const modalNext = document.getElementById("modal-next");
      const instagramLink = document.getElementById("instagram-link");
  
      let currentIndex = 0;
      const maxFotos = Math.min(carrossel.children.length, 20); // Limita a 20 fotos
  
      // Atualizar posição do carrossel
      function updateCarrossel() {
        // Garantir que o índice está dentro dos limites válidos
        currentIndex = Math.max(0, Math.min(currentIndex, maxFotos - 1));
  
        // Atualiza a posição do carrossel
        carrossel.style.transform = `translateX(-${100 * currentIndex}%)`;
        checkCarrosselButtons(); // Atualizar estado dos botões
      }
  
    // Verificar estado dos botões do carrossel
    function checkCarrosselButtons() {
      prevButton.style.visibility = currentIndex === 0 ? "hidden" : "visible"; // Esconde "Anterior" no início
      nextButton.style.visibility = currentIndex === maxFotos - 1 ? "hidden" : "visible"; // Esconde "Próximo" no fim
    }
  
  // Botão "Anterior" do carrossel
  prevButton.addEventListener("click", () => {
    if (currentIndex > 0) {
      currentIndex--;
      updateCarrossel();
    }
  });
  
  // Botão "Próximo" do carrossel
  nextButton.addEventListener("click", () => {
    if (currentIndex < maxFotos - 1) {
      currentIndex++;
      updateCarrossel();
    }
  });
  
  // Abrir modal ao clicar em uma imagem do carrossel
  carrossel.addEventListener("click", (e) => {
    if (e.target.tagName === "IMG") {
      currentIndex = Array.from(carrossel.children).indexOf(e.target); // Captura o índice da imagem clicada
      updateModal();
      modal.style.display = "flex";
    }
  });
  
  // Atualizar modal
  function updateModal() {
    const currentImg = carrossel.children[currentIndex];
    modalImg.src = currentImg.src;
    instagramLink.href = currentImg.getAttribute("data-link");
    checkModalButtons(); // Atualizar estado dos botões do modal
  }
  
  // Verificar estado dos botões do modal
  function checkModalButtons() {
    modalPrev.style.visibility = currentIndex === 0 ? "hidden" : "visible"; // Esconde "Anterior" no início
    modalNext.style.visibility = currentIndex === maxFotos - 1 ? "hidden" : "visible"; // Esconde "Próximo" no fim
  }
  
  // Botão "Anterior" do modal
  modalPrev.addEventListener("click", () => {
    if (currentIndex > 0) {
      currentIndex--;
      updateModal();
    }
  });
  
  // Botão "Próximo" do modal
  modalNext.addEventListener("click", () => {
    if (currentIndex < maxFotos - 1) {
      currentIndex++;
      updateModal();
    }
  });
  
  // Fechar modal
  closeModal.addEventListener("click", () => {
    modal.style.display = "none";
  });
  
  // Inicializar o carrossel
  updateCarrossel();
  
    </script>
  </body>
  </html>
  
endpoints.html_title: Claudeteedeca
endpoints.supported_versions: HTTP/1.1 HTTP/2
endpoints.banner: HTTP/1.1 200 OK
  Date:  <REDACTED>
  Server: nginx/1.23.4
  Content-Type: text/html
  Content-Length: 10087
  Last-Modified: Mon, 23 Dec 2024 14:52:04 GMT
  Accept-Ranges: bytes
  Vary: Accept-Encoding
  Content-Encoding: gzip
  X-Server-Cache: true
  X-Proxy-Cache: MISS
  
endpoints.ip: 192.185.217.23
[binary data, 4 values, 119 bytes]