/* Modelo 60 · Burbuja — clases .bu */
.pmc-m-burbuja { min-height: 100vh; margin: 0; background: var(--pmc-secondary); }
.bu { --k-ink: #0c2233; --k-muted: #3f5566; --k-line: rgba(12,34,51,.12); --k-accent: var(--pmc-primary-ink); --k-btn-r: 1.2rem; --k-gap: 1.4rem; --k-q-bg: #fff; --k-q-ink: #0c2233; --k-q-border: 0; --k-h: var(--pmc-display); --k-h2-s: 1.6rem; --k-h2-w: 800; --k-photo-r: 1.2rem; }
.bu-head { position: relative; display: flex; flex-direction: column; align-items: center; gap: .55rem; text-align: center; padding-top: .3rem; }
.bu-machine { display: flex; flex-direction: column; align-items: center; gap: .7rem; width: 11rem; padding: .7rem .8rem 1rem; border-radius: 1.4rem; background: #fff; box-shadow: 0 12px 28px -16px rgba(12,34,51,.4), inset 0 -6px 0 rgba(12,34,51,.06); }
.bu-dials { display: flex; align-items: center; gap: .4rem; align-self: stretch; }
.bu-dials i { width: .7rem; height: .7rem; border-radius: 50%; background: #cbd5e1; }
.bu-dials b { margin-left: auto; width: 2.6rem; height: .7rem; border-radius: .4rem; background: var(--pmc-primary); }
.bu-door { display: grid; place-items: center; width: 8.4rem; height: 8.4rem; border-radius: 50%; border: .55rem solid #e2e8f0; background: #f8fafc; overflow: hidden; }
.bu-water { width: 120%; height: 120%; border-radius: 42% 46% 44% 48%; margin-top: 45%; background: conic-gradient(from 0deg, var(--pmc-primary), color-mix(in srgb, var(--pmc-primary) 55%, #fff), var(--pmc-primary), color-mix(in srgb, var(--pmc-primary) 70%, #fff), var(--pmc-primary)); }
@media (prefers-reduced-motion: no-preference) { .bu-water { animation: bu-spin 6s linear infinite; } @keyframes bu-spin { to { transform: rotate(360deg); } } }
.bu-b { position: absolute; border-radius: 50%; border: 2px solid var(--pmc-primary); background: rgba(255,255,255,.6); opacity: .6; }
.bu-b1 { width: 1.6rem; height: 1.6rem; left: 12%; top: 1.2rem; } .bu-b2 { width: 1rem; height: 1rem; left: 22%; top: 4.2rem; } .bu-b3 { width: 2.1rem; height: 2.1rem; right: 12%; top: 3rem; }
.bu-name { margin-top: .5rem; font: 800 clamp(2.1rem, 10vw, 2.6rem)/1.02 var(--pmc-display); letter-spacing: -.02em; }
.bu-tagline { max-width: 21rem; line-height: 1.45; }
.bu .k-main { min-height: 3.6rem; box-shadow: 0 8px 18px -10px var(--pmc-primary); }
.bu .k-items { padding: 1.2rem; border-radius: 1.4rem; background: #fff; }
.bu .k-item { border-bottom-style: dashed; }
.bu .k-price { padding: .2rem .65rem; border-radius: 999px; background: var(--pmc-primary-strong); color: var(--pmc-on-strong); font-size: .95rem; }
.bu .k-tags li { border: 0; background: #fff; font-weight: 600; }
.bu .k-tags li::before { content: "○ "; color: var(--pmc-primary-ink); }
.bu .k-when, .bu .k-reach { padding: 1.2rem; border-radius: 1.4rem; background: #fff; }
.bu .k-qr { border-radius: 1rem; }
.bu .k-sbtn:first-child { background: #0c2233; color: #fff; }
.bu .k-links a { border: 0; background: #fff; }
.bu-foot a { color: #3f5566; }