* {
    margin: 0;
}

body {
    background-color: #F9F9F9;;
}

header {
    display: flex;
    flex-direction: row;
    justify-content: space-around; 
    align-items: center;
    background-color: #E7EAEF;
    height: 60px;
    padding: 10px;
    gap:10px;
}

.menu-logo {
    margin-right: auto;
    margin-left: auto;
}

.imagem_principal {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100vh; /* Ajusta a altura para ocupar toda a tela */
    background-image: url('img/image10.png'); /* Caminho da imagem */
    background-size: cover;
    background-repeat: no-repeat;
    gap: 200px;
}

.texto {
    font-family: "Bodoni Moda", serif;
    font-style: italic;
    font-size: 10vw;
    letter-spacing: 1.21px;
    line-height: 10vw;
    color: rgba(0,0,0,0.45);

}

.link a {
    background-color: rgba(0,0,0,0.45);
    padding: 20px;
    color: #FCFCFC;
    font-family: "Tenor Sans", serif;
    text-align: center;
    font-size: 16px;
    text-decoration: none;
    border-radius: 30px;
    white-space: nowrap;
}

.lancamentos {
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-top:27px;
}

.lancamentos h2 {
    font-family: "Tenor Sans", serif;
    font-weight: 200; 
    letter-spacing: 4px;
    text-align: center;
}

.lancamentos nav a {
    margin:0 3vw 0 3vw;
    color: #212806;
    font-family: "Tenor Sans", serif;
    font-weight: 200; 
    font-size: 1.25rem;
    text-decoration: none;
}

.lancamentos nav {
    margin-top: 25px;
    margin-bottom: 25px;
}

.produtos {
    display: flex;
    justify-content: space-around;
    gap:20px;
    flex-wrap: wrap;
}

.prox_pagina {
    margin-top: 27px;
    margin-bottom: 27px;

    font-family: "Tenor Sans", serif;
    font-size: 1.25rem;
    font-weight: 400;
    letter-spacing: 1.15px;
    
}

a.prox_pagina {
    text-decoration: none;
    color: black;
    background-image: url(img/arrow.png);
    background-repeat: no-repeat;
    background-position: right 10px top 4px;
    /* width: 25vw; tablet */
    width: 45vw;
}

.marcas {
    background-image: url(img/Prada.png), url(img/Burberry.png), url(img/Boss.png), url(img/Catier.png), url(img/Gucci.png), url(img/Tiffany\ &\ Co.png);
    background-repeat: no-repeat;
    background-position: left top, left bottom, center top, center bottom, right top, right bottom;
  /*  width: 60%;  tablet */
  width: 90%; /* celular */
    height: 125px;
}

.colecao_imagem {
    background-image: url(img/Frame\ 2.png), url(img/image\ 9.png);
    background-repeat: no-repeat;
    background-position: center top, center bottom;
    background-size: contain, 80%;
    width: 100%;
    height:170vw;
}

h2.colecao {
    margin: 27px 0 27px 0;
}

h2.just-for-you {
    margin: 27px 0 10px 0;
}

.trending {
    width:80%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin:27px 0 27px 0;
}

.hashtags {
    display: flex;
    width: 65%;
    flex-wrap: wrap;
    gap: 27px;

    color:#333333;
    font-family: "Tenor Sans", serif;
    font-size:1.1rem;

    margin-top:27px;
}

.open-fashion {
    display: flex;
    align-items: center;
    flex-direction: column;
    background-color: #F2F2F2;
    padding: 20px;
    margin-bottom:27px
}

table.open-fashion-table {
    font-size:0.813rem;
    text-align: center;
    margin-bottom: 27px;
}

.open-fashion p {
    padding:13px 30px;
}

.open-fashion p, .open-fashion td {
    font-size: 0.87rem;
    color: #333333;
    font-family: "Tenor Sans", serif;
    letter-spacing: 1%;
    line-height: 15pt;
    text-align: center;
}

.midias h2 {
    margin-bottom: 15px;
}

.midias img {
    margin:10px 20px;
}

.redes-sociais {
    display: flex;
    gap: 60px;
    margin: 7px 0 27px 0;
}

.contato {
    margin: 27px 0 27px 0;
    text-align: center;
    line-height: 187%;
    font-family: "Tenor Sans", serif;
    font-size: 1rem;
    color:#333333;
}

.footer-links {
    padding-top:20px;
}

.footer-links a {
    text-decoration: none;
    color: #000000;
    margin: 20px;
}

.footer {
    color:#555555;
    font-size:0.75rem;
    font-family: "Tenor Sans", serif;
    line-height: 158%;
    background-color: #EEEEEE;
    width: 100%;
    padding: 25px;
    text-align: center;
}