.producto{--app-carbon:#0f0e0d;--app-carbon-2:#1a1816;--app-salvia:#667466;--app-salvia-luz:#8a9a88;--app-champan:#b7a47a}.app-cielo{background:radial-gradient(120% 70% at 85% 0%, color-mix(in srgb, var(--app-champan) 22%, transparent), transparent 60%), linear-gradient(180deg, var(--app-carbon) 0%, var(--app-carbon-2) 38%, var(--app-salvia) 78%, var(--paper) 100%);color:#f4f1ea}.app-hero{background:radial-gradient(90% 60% at 100% 100%, color-mix(in srgb, var(--app-salvia-luz) 55%, transparent), transparent 70%), radial-gradient(70% 50% at 0% 0%, color-mix(in srgb, var(--app-champan) 18%, transparent), transparent 70%), linear-gradient(160deg, var(--app-carbon) 0%, var(--app-carbon-2) 45%, var(--app-salvia) 100%);color:#f4f1ea;border-radius:28px}.app-rotulo{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.12em;text-transform:uppercase;font-size:10.5px}.app-boton{background:var(--brand);width:100%;height:52px;color:var(--brand-ink);letter-spacing:.14em;text-transform:uppercase;border-radius:14px;justify-content:center;align-items:center;font-size:12.5px;display:flex}.app-boton:disabled{opacity:.4}.app-velo{z-index:60;-webkit-backdrop-filter:blur(6px);background:#0f0e0d59;position:fixed;inset:0}.app-hoja{inset-inline:0;z-index:61;background:var(--surface,#fff);max-height:85svh;padding:10px 20px calc(20px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0;position:fixed;bottom:0;overflow-y:auto}.app-hoja:before{content:"";background:var(--line,#ddd);border-radius:99px;width:36px;height:4px;margin:0 auto 14px;display:block}@media (min-width:768px){.app-hoja{inset-inline:auto;width:480px;left:50%;transform:translate(-50%)}}.app-carrusel{scrollbar-width:none;-webkit-overflow-scrolling:touch}.app-carrusel::-webkit-scrollbar{display:none}.app-hoja.app-hoja--pie{flex-direction:column;display:flex;overflow:hidden}.app-hoja--pie .app-hoja-cuerpo{flex:auto;min-height:0;margin-inline:-20px;padding-inline:20px;overflow-y:auto}.app-hoja-pie{flex:none;padding-top:14px}.app-trazos{grid-auto-columns:1fr;grid-auto-flow:column;gap:6px;display:grid}.app-trazos>span{background:#f4f1ea47;border-radius:99px;height:3px}.app-trazos>span[data-hecho]{background:#f4f1ea}.app-baldosa{color:var(--app-carbon);background:linear-gradient(150deg,#efece4,#d9d4c7)}.app-baldosa[data-familia=Calor]{background:linear-gradient(150deg,#efe5cf,#c9b68a)}.app-baldosa[data-familia=Frío]{background:linear-gradient(150deg,#e6ebe7,#a9b7ad)}.app-baldosa[data-familia=Altitud]{background:linear-gradient(150deg,#ecebe6,#b8bbb2)}.app-baldosa[data-familia=Presión]{color:#e9e2d0;background:linear-gradient(150deg,#2a2825,#0f0e0d)}.app-baldosa[data-familia=Luz]{color:#fbf1ea;background:linear-gradient(150deg,#d9a08a,#9c4a3a)}.app-baldosa[data-familia=Manos]{background:linear-gradient(150deg,#f1ece3,#d6cbb8)}.app-baldosa[data-familia=Readaptación]{color:#f4f1ea;background:linear-gradient(150deg,#8a9a88,#4f5b4f)}.app-miniatura{color:#f4f1ea;background:radial-gradient(90% 70% at 100% 100%, color-mix(in srgb, var(--app-salvia-luz) 60%, transparent), transparent 70%), radial-gradient(70% 60% at 0% 0%, color-mix(in srgb, var(--app-champan) 30%, transparent), transparent 70%), linear-gradient(160deg, var(--app-carbon) 0%, var(--app-carbon-2) 45%, var(--app-salvia) 100%);border-radius:16px}.app-hoja--pie:before{flex:none}