/* Página "Conoce a Umi" */
@font-face { font-family: 'Fraunces'; font-style: italic; font-weight: 500; font-display: swap; src: url('../assets/fonts/Fraunces-500-italic.woff') format('woff'); }
@font-face { font-family: 'Fraunces'; font-style: normal; font-weight: 500; font-display: swap; src: url('../assets/fonts/Fraunces-500.woff') format('woff'); }
.uc { flex: 1; padding: clamp(32px, 6vw, 88px) clamp(20px, 6vw, 96px); background: linear-gradient(#FFF8F4, #fff 640px); }
.uc-portada { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: clamp(16px, 4vw, 64px); align-items: center; }
.uc-portada h1 { max-width: 15ch; }
.uc-portada h1 em { font-family: 'Fraunces', Georgia, serif; font-style: italic; font-weight: 500; letter-spacing: -.02em; color: #E0566E; }
.uc-beta { display: inline-block; margin-left: 6px; padding: 2px 8px; border-radius: 6px; background: #FFD7A8; color: #4A0A1E; font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; vertical-align: 1px; }
.uc-orbe { display: grid; place-items: center; }
.uc-orbe canvas { width: min(100%, 460px); aspect-ratio: 1; height: auto; }
.uc-hace { margin-top: clamp(32px, 5vw, 72px); }
.uc-hace h2, .uc-historia h2 { margin: 0 0 18px; font-size: clamp(26px, 3vw, 36px); letter-spacing: -.03em; }
.uc-bloques { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.uc-bloques article { padding: 24px; border: 1px solid var(--linea); border-radius: 18px; background: #fff; }
.uc-num { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; background: var(--rosa-suave); color: var(--rosa-texto); font-weight: 800; }
.uc-bloques h3 { margin: 14px 0 6px; font-size: 20px; letter-spacing: -.02em; }
.uc-bloques p { margin: 0; font-size: 15px; color: var(--tinta-2); text-wrap: pretty; }
.uc-historia { margin: clamp(40px, 6vw, 88px) auto 0; max-width: 720px; }
.uc-relato p { margin: 0 0 16px; font-size: 18px; line-height: 1.65; color: #3b4540; text-wrap: pretty; }
.uc-frase { margin: 28px 0 0; padding: 28px clamp(20px, 4vw, 40px); border-radius: 22px; background: #2A1418; color: #FFF6EE; }
.uc-frase p { margin: 0; font-family: 'Fraunces', Georgia, serif; font-style: italic; font-size: clamp(22px, 2.6vw, 30px); line-height: 1.3; text-wrap: balance; }
.uc-cierre { margin-top: clamp(40px, 6vw, 72px); }
@media (max-width: 900px) {
    .uc-portada { grid-template-columns: 1fr; }
    .uc-orbe { order: -1; }
    .uc-orbe canvas { width: min(70vw, 320px); }
    .uc-bloques { grid-template-columns: 1fr; }
}