Hiking – Óculos de Sol para Corrida Ciclismo e Beach Tennis

Descrição

.ethos-benefitsA {
width: 100%;
margin: 22px 0;
font-family: inherit;
}

.ethos-benefitsA__title {
margin: 0 0 12px 0;
font-size: 16px;
font-weight: 700;
letter-spacing: -0.2px;
color: rgba(0,0,0,.88);
}

.ethos-benefitsA__grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px 12px;
}

.ethos-benefitsA__item {
display: flex;
gap: 12px;
align-items: flex-start;
padding: 14px 12px;
border: 1px solid rgba(0,0,0,.08);
border-radius: 16px;
background: transparent;
}

.ethos-benefitsA__iconWrap {
width: 36px;
height: 36px;
flex: 0 0 36px;
border-radius: 12px;
background: rgba(0,0,0,.06);
display: flex;
align-items: center;
justify-content: center;
}

.ethos-benefitsA__iconImg {
width: 18px;
height: 18px;
display: block;
object-fit: contain;
}

.ethos-benefitsA__text h4 {
margin: 0;
font-size: 14px;
font-weight: 700;
letter-spacing: -0.15px;
line-height: 1.2;
color: rgba(0,0,0,.88);
}

.ethos-benefitsA__text p {
margin: 6px 0 0 0;
font-size: 13px;
line-height: 1.45;
letter-spacing: -0.1px;
color: rgba(0,0,0,.68);
}

@media (max-width: 640px) {
.ethos-benefitsA__grid { grid-template-columns: 1fr; }
}

Benefícios

Lente Proteção UV400

Aumente a saúde dos seus olhos

Conforto anatômico

Projetado para ficar mais tempo no seu rosto

Lentes HD

Mais clareza e nitidez

Lentes anti fog

Lentes que não embaça

Pratique seu estilo de vida, todos os dias.

Use para:

.ethos-carousel3up {
–gap: 14px;
width: 100%;
margin: 22px 0;
padding-bottom: 28px; /* respiro pra sombra */
}

/* ===== TRACK ===== */
.ethos-carousel3up__track {
display: flex;
gap: var(–gap);
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
scroll-snap-type: x mandatory;
scroll-behavior: smooth;

padding: 10px 2px 0 2px;

scrollbar-width: none;
}
.ethos-carousel3up__track::-webkit-scrollbar { display: none; }

/* Mobile: 1.2 imagens */
.ethos-carousel3up__item {
flex: 0 0 clamp(260px, 82vw, 560px);
scroll-snap-align: start;
}

.ethos-carousel3up__card {
width: 100%;
aspect-ratio: 4 / 5;
border-radius: 18px;
overflow: hidden;
background: rgba(0,0,0,.04);
box-shadow: 0 10px 22px rgba(0,0,0,.12);
}

.ethos-carousel3up__card img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
}

/* Desktop: 3 imagens lado a lado, sem scroll */
@media (min-width: 900px) {
.ethos-carousel3up__track {
overflow: visible;
scroll-snap-type: none;
padding: 10px 0 0 0;
}

.ethos-carousel3up__item {
flex: 1 1 0;
min-width: 0; /* evita quebrar layout */
}
}

Hiking | Viva Intensamento

Seu navegador não suporta vídeo em HTML5.

.ethos-acc {
width: 100%;
margin: 22px 0;
border-top: 1px solid rgba(0,0,0,.10);
font-family: inherit;
}

.ethos-acc details {
border-bottom: 1px solid rgba(0,0,0,.10);
}

.ethos-acc summary {
list-style: none;
cursor: pointer;
padding: 16px 2px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
user-select: none;
}
.ethos-acc summary::-webkit-details-marker { display: none; }

.ethos-acc__title {
font-size: 16px;
font-weight: 700;
letter-spacing: -0.2px;
color: rgba(0,0,0,.88);
margin: 0;
}

.ethos-acc__icon {
width: 22px;
height: 22px;
flex: 0 0 22px;
color: rgba(0,0,0,.55);
transition: transform .18s ease, color .18s ease;
}

.ethos-acc details[open] .ethos-acc__icon {
transform: rotate(45deg);
color: rgba(0,0,0,.75);
}

.ethos-acc__content {
padding: 0 2px 16px 2px;
color: rgba(0,0,0,.72);
font-size: 14px;
line-height: 1.55;
letter-spacing: -0.1px;
}

.ethos-acc details[open] .ethos-acc__content {
animation: ethosAccIn .16s ease;
}

@keyframes ethosAccIn {
from { opacity: 0; transform: translateY(-3px); }
to { opacity: 1; transform: translateY(0); }
}