:root{--font-family-body: "Inter", system-ui, -apple-system, sans-serif;--font-family-heading: "Outfit", system-ui, -apple-system, sans-serif;--color-fondo-app: #FFF4F6;--color-fondo-app-rgb: 255, 244, 246;--color-header: #FFF9F4;--color-header-rgb: 255, 249, 244;--color-botones: #F56F91;--color-botones-rgb: 245, 111, 145;--color-botones-hover: #E94F78;--color-botones-hover-rgb: 233, 79, 120;--color-titulos: #633D32;--color-titulos-rgb: 99, 61, 50;--color-texto: #8A5A4A;--color-texto-rgb: 138, 90, 74;--color-tarjetas: #FDE1E7;--color-tarjetas-rgb: 253, 225, 231;--color-bordes: #F7B6C8;--color-bordes-rgb: 247, 182, 200;--color-detalles: #FF9DB5;--color-detalles-rgb: 255, 157, 181;--color-blanco: #FFFFFF;--color-blanco-rgb: 255, 255, 255;--bg-page: var(--color-fondo-app);--bg-header: var(--color-header);--bg-card: var(--color-tarjetas);--bg-card-white: #FFFFFF;--bg-card-glass: rgba(255, 255, 255, .95);--bg-input: #FFFFFF;--bg-input-focus: #FFFFFF;--bg-dark: var(--color-fondo-app);--bg-brand-canvas: var(--color-fondo-app);--border-color: var(--color-bordes);--border-decor: var(--color-bordes);--border-sticker: #FFFFFF;--shadow-sticker: 0 10px 25px rgba(247, 182, 200, .45), 0 4px 12px rgba(99, 61, 50, .06);--shadow-soft: 0 4px 16px rgba(99, 61, 50, .08);--shadow-card: 0 8px 24px rgba(247, 182, 200, .35);--text-main: var(--color-titulos);--text-body: var(--color-texto);--text-muted: rgba(138, 90, 74, .75);--text-light: #9C6E5E;--text-accent: var(--color-botones);--text-inverse: #FFFFFF;--text-on-dark: var(--color-titulos);--text-on-dark-soft: var(--color-texto);--text-on-dark-muted: rgba(138, 90, 74, .85);--text-on-dark-pink: var(--color-botones);--text-on-dark-glow: none;--text-on-card: var(--color-titulos);--text-on-card-muted: var(--color-texto);--text-on-card-accent: var(--color-botones);--btn-primary: var(--color-botones);--btn-hover: var(--color-botones-hover);--btn-primary-gradient: linear-gradient(135deg, #F56F91 0%, #E94F78 100%);--btn-primary-gradient-hover: linear-gradient(135deg, #E94F78 0%, #d43b66 100%);--btn-shadow: 0 6px 18px rgba(245, 111, 145, .35);--focus-ring: rgba(245, 111, 145, .35);--color-rosa-chicle: var(--color-detalles);--color-castano-calido: var(--color-titulos);--color-lavanda-claro: var(--color-tarjetas);--color-rosa-acentuado: var(--color-botones);--color-tono-piel: #FFF9F4;--color-cian-pastel: #3BA99C;--color-morado-ciruela: var(--color-titulos);--alert-danger-bg: rgba(233, 79, 120, .1);--alert-danger-border: rgba(233, 79, 120, .35);--alert-danger-text: #B8254B;--success-color: #3BA99C;--danger-color: #E94F78;--warning-color: #e08b1a;--cmyk-cyan: #3BA99C;--cmyk-magenta: var(--color-botones);--cmyk-yellow: var(--color-tarjetas);--cmyk-key: var(--color-titulos)}*{box-sizing:border-box;margin:0;padding:0}html,body,app-root{min-height:100%;display:block}body{font-family:var(--font-family-body);background-color:var(--color-fondo-app);color:var(--color-texto);line-height:1.5;overflow-x:hidden;-webkit-font-smoothing:antialiased}body.brand-theme,body.cmyk-theme{background:radial-gradient(circle at 10% 10%,rgba(253,225,231,.6) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(255,249,244,.8) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(255,157,181,.12) 0%,transparent 60%),var(--color-fondo-app);background-attachment:fixed}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading);color:var(--color-titulos);letter-spacing:-.02em}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-fondo-app)}::-webkit-scrollbar-thumb{background:var(--color-bordes);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-detalles)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-shimmer{background:linear-gradient(90deg,#fde1e773,#ffffffd9,#fde1e773);background-size:200% 100%;animation:shimmer 1.8s ease-in-out infinite}.skeleton-box{background:linear-gradient(90deg,#fde1e766,#fffc,#fde1e766);background-size:200% 100%;animation:shimmer 1.8s ease-in-out infinite;border-radius:12px}.skeleton-text{height:.875rem;margin-bottom:.5rem;border-radius:6px}.skeleton-title{height:1.25rem;width:75%;margin-bottom:.75rem;border-radius:8px}.skeleton-badge{height:1.5rem;width:5rem;border-radius:20px}.skeleton-btn{height:2.25rem;width:100%;border-radius:10px}.skeleton-avatar{width:48px;height:48px;border-radius:50%}::view-transition-old(root){animation:pageFadeOut .2s cubic-bezier(.4,0,1,1) both}::view-transition-new(root){animation:pageFadeIn .25s cubic-bezier(0,0,.2,1) both}@keyframes pageFadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none!important}}.sticker-frame{background:#fff;border:2px solid var(--color-bordes, #F7B6C8);border-radius:24px;box-shadow:0 10px 30px #633d321f;position:relative}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.95) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes popoverFadeIn{0%{opacity:0;transform:translateY(-8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:575px){body{padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))}}