Información de Contacto | Portalyoga *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } :root { --c1: #282828; --c2: #4D4D4D; --c3: #CCCCCC; --c4: #EBEBEB; --white: #ffffff; --font: 'Roboto', sans-serif; } body { background: var(--white); font-family: var(--font); color: var(--c1); } .wrap { max-width: 860px; margin: 0 auto; padding: 72px 48px 96px; } .page-label { font-size: 9px; font-weight: 400; letter-spacing: 0.32em; text-transform: uppercase; color: var(--c3); display: flex; align-items: center; gap: 10px; margin-bottom: 20px; } .page-label::before { content: ''; display: inline-block; width: 8px; height: 8px; border: 1.5px solid var(--c3); } h1 { font-size: clamp(1.8rem, 3.5vw, 2.8rem); font-weight: 300; letter-spacing: -0.02em; line-height: 1.15; margin-bottom: 48px; padding-bottom: 32px; border-bottom: 1px solid var(--c4); } h1 em { font-style: italic; color: var(--c2); } .datos { display: flex; flex-direction: column; } .dato { display: flex; gap: 24px; align-items: flex-start; padding: 28px 0; border-bottom: 1px solid var(--c4); } .dato:first-child { border-top: 1px solid var(--c4); } .dato-icon { width: 40px; height: 40px; flex-shrink: 0; border: 1px solid var(--c3); display: flex; align-items: center; justify-content: center; font-size: 1rem; } .dato-label { font-size: 8.5px; font-weight: 400; letter-spacing: 0.22em; text-transform: uppercase; color: var(--c3); margin-bottom: 6px; } .dato-valor { font-size: 1rem; font-weight: 300; color: var(--c1); line-height: 1.65; } .dato-valor strong { font-weight: 400; } .dato-valor a { color: var(--c1); text-decoration: none; border-bottom: 1px solid var(--c3); padding-bottom: 1px; transition: border-color 0.2s, color 0.2s; } .dato-valor a:hover { color: var(--c2); border-color: var(--c2); } .dato-sub { font-size: 0.82rem; font-weight: 300; color: var(--c3); margin-top: 4px; } @media (max-width: 600px) { .wrap { padding: 48px 24px 72px; } }