Panelas de Ferro Aroma Oxford

.panelas-aroma-background { background-image: url("https://oxfordporcelanas.vteximg.com.br/arquivos/background-panelas-aroma.jpg?v=638865639565400000"); background-size: cover; background-position: center; width: 100%; padding: 2em 0; position: relative; } .background-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background-color: #222222; opacity: 0.5; } .panelas-aroma-container { position: relative; z-index: 2; color: #ffffff; text-align: center; } .panelas-aroma-flex { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 1em; max-width: 1400px; margin: auto; } .panelas-col { flex: 1 1 300px; max-width: 50%; text-align: center; } .imagens-lado-esquerdo img { width: 100%; height: auto; max-width: 500px; margin-bottom: 1em; } .centro-conteudo { background-color: #43434338; backdrop-filter: blur(8px); padding: 30px 15px 15px; border: 1px solid #ffffff78; border-radius: 24px; color: white; margin: 0 auto; } /* Ícones - linha única no desktop */ .lista-icones-panelas { display: flex; justify-content: space-between; flex-wrap: nowrap; flex-direction: row; gap: 8px; flex-grow: 1; flex-shrink: 1; margin-top: 20px; flex-wrap: nowrap; overflow: hidden; flex-wrap: nowrap; } .lista-icones-panelas div { flex: 1 1 auto; max-width: 90px; text-align: center; } .lista-icones-panelas span { font-size: 13px; display: block; margin-top: 4px; } .lista-icones-panelas img { width: 100%; max-width: 50px !important; height: auto; filter: brightness(100); margin: 0 auto; } /* Responsividade */ @media (max-width: 991px) { .panelas-aroma-flex { flex-direction: column; } .panelas-col { max-width: 100%; } /* Quebra de linha no mobile */ .lista-icones-panelas { flex-wrap: wrap; justify-content: center; row-gap: 10px; } }