Clases de yoga

El primer paso para transfurar tu vida

Un espacio de calma y sanación diseñado para fortalecer tu cuerpo, calmar tu espíritu y conectar con tu esencia.

.banner { font-family: 'DM Sans', sans-serif; display: flex; align-items: center; justify-content: space-between; width: 100%; gap: 24px; } .banner-left { display: flex; flex-direction: column; gap: 2px; padding-right: 24px; border-right: 1px solid #c8c4bf; } .banner .label { font-size: 10px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #6b4fa0; } .banner .title { font-size: 16px; font-weight: 600; color: #1a1a1a; white-space: nowrap; } .banner .ratings { display: flex; align-items: center; gap: 24px; margin-left: auto; } .banner .rating-item { display: flex; align-items: center; gap: 10px; } .banner .rating-icon { width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .banner .rating-icon.google { background: #fff; border: 1px solid #e0dbd5; } .banner .rating-icon.facebook { background: #1877f2; } .banner .rating-icon svg { width: 18px; height: 18px; } .banner .rating-info { display: flex; flex-direction: column; gap: 1px; } .banner .rating-score { display: flex; align-items: center; gap: 3px; font-size: 14px; font-weight: 600; color: #1a1a1a; margin: 0; } .banner .star { color: #f5a623; font-size: 12px; } .banner .rating-source { font-size: 10px; color: #999; } @media (max-width: 600px) { .banner { flex-direction: column; align-items: flex-start; gap: 14px; } .banner-left { border-right: none; padding-right: 0; border-bottom: 1px solid #c8c4bf; padding-bottom: 12px; width: 100%; } .banner .title { font-size: 14px; white-space: normal; } .banner .ratings { margin-left: 0; gap: 18px; } .banner .rating-icon { width: 26px; height: 26px; } .banner .rating-icon svg { width: 14px; height: 14px; } .banner .rating-score { font-size: 13px; } }