/* ========================================================= HOME FLAT 26 · MIGASDELI Entry point principal Uso esperado: Convención: todas las clases comienzan con homeFlat26_ ========================================================= */ /* ========================================================= 01. TOKENS / BASE GLOBAL ========================================================= */ @import url('home_flat_26_core.css'); @import url('home_flat_26_forms.css'); @import url('home_flat_26_products.css'); @import url('home_flat_26_modals.css'); body.homeFlat26{ --homeFlat26_red: #c4002f; --homeFlat26_red_2: #a10027; --homeFlat26_red_3: #7a001c; --homeFlat26_red_4: #520014; --homeFlat26_ink: #15171c; --homeFlat26_ink_2: #252932; --homeFlat26_ink_3: #3a404d; --homeFlat26_white: #ffffff; --homeFlat26_bg: #f6f4f2; --homeFlat26_bg_2: #ece8e4; --homeFlat26_panel: #ffffff; --homeFlat26_panel_2: #fbfbfb; --homeFlat26_text: #111318; --homeFlat26_muted: #66707d; --homeFlat26_line: rgba(17, 19, 24, 0.15); --homeFlat26_line_strong: rgba(17, 19, 24, 0.20); --homeFlat26_ok: #0c8a61; --homeFlat26_warn: #d9890f; --homeFlat26_danger: var(--homeFlat26_red); --homeFlat26_grad_red: linear-gradient(135deg, var(--homeFlat26_red), var(--homeFlat26_red_3)); --homeFlat26_grad_red_soft: linear-gradient(135deg, #d71f47, #8b0022); --homeFlat26_grad_dark: linear-gradient(135deg, #1d2027, #111318); --homeFlat26_grad_footer: linear-gradient(130deg, var(--homeFlat26_red_4) 0%, var(--homeFlat26_red) 45%, #15171c 100%); --homeFlat26_radius_xl: 26px; --homeFlat26_radius_lg: 18px; --homeFlat26_radius_md: 12px; --homeFlat26_radius_sm: 8px; --homeFlat26_shadow_lg: 0 28px 70px rgba(17, 19, 24, 0.14); --homeFlat26_shadow_md: 0 16px 36px rgba(17, 19, 24, 0.10); --homeFlat26_shadow_sm: 0 8px 20px rgba(17, 19, 24, 0.08); --homeFlat26_container: 1320px; --homeFlat26_ease: cubic-bezier(.2, .7, 0, 1); --homeFlat26_red_ring: rgba(196, 0, 47, 0.10); --homeFlat26_overlay_soft: rgba(17, 19, 24, 0.06); --homeFlat26_line_control: rgba(17, 19, 24, 0.50); --homeFlat26_warm_1: #f4ede3; --homeFlat26_warm_2: #ead9c5; --homeFlat26_warm_3: #d7b391; --homeFlat26_bodyBG_3: #ff102721; --homeFlat26_featured_hero_bg: radial-gradient(circle at top right, rgba(255,255,255,.14), transparent 34%), linear-gradient(135deg, #9f2f22 0%, #b64a31 42%, #cf7a51 100%); --homeFlat26_featured_card_bg: radial-gradient(circle at top right, rgba(255,255,255,.12), transparent 30%), linear-gradient(135deg, #b44a31 0%, #cb7650 100%); --homeFlat26_featured_chip_bg: rgba(255,255,255,.14); --homeFlat26_featured_chip_line: rgba(255,255,255,.22); --homeFlat26_featured_text_onHero: rgba(255,255,255,.90); --homeFlat26_featured_text_onHeroSoft: rgba(255,255,255,.76); margin: 0; color: var(--homeFlat26_text); font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; background: var(--homeFlat26_bodyBG_3); -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; overflow-x: hidden; min-height: 100vh; display: flex; flex-direction: column; } body.homeFlat26 *, body.homeFlat26 *::before, body.homeFlat26 *::after{ box-sizing: border-box; } body.homeFlat26 img{ display: block; max-width: 100%; } body.homeFlat26 a{ color: inherit; text-decoration: none; } body.homeFlat26 button, body.homeFlat26 input, body.homeFlat26 select, body.homeFlat26 textarea{ font: inherit; } body.homeFlat26 .homeFlat26_container{ width: min(var(--homeFlat26_container), calc(100% - 60px)); margin: 0 auto; } body.homeFlat26 .homeFlat26_reveal{ animation: homeFlat26_fadeUp .5s var(--homeFlat26_ease); } body.homeFlat26 .homeFlat26_main{ flex: 1 0 auto; }