Descrizione

.kiri-wrap { box-sizing: border-box; background-color: var(–e-global-color-05e1250); color: var(–e-global-color-text); font-family: var(–e-global-typography-text-font-family), sans-serif; font-weight: var(–e-global-typography-text-font-weight); padding: 1.5rem; } .kiri-wrap *, .kiri-wrap *::before, .kiri-wrap *::after { box-sizing: inherit; } .kiri-hero { text-align: center; padding-bottom: 1.5rem; margin-bottom: 1.5rem; border-bottom: 1px solid var(–e-global-color-accent); } .kiri-hero h1 { font-family: var(–e-global-typography-primary-font-family), sans-serif; font-weight: var(–e-global-typography-primary-font-weight); font-size: 1.6em; color: var(–e-global-color-primary); margin: 0 0 0.5rem; } .kiri-hero p { font-size: 1em; color: var(–e-global-color-a95d96c); max-width: 600px; margin: 0 auto; line-height: 1.6; } .kiri-section { margin-bottom: 2rem; } .kiri-section-title { font-family: var(–e-global-typography-accent-font-family), sans-serif; font-weight: var(–e-global-typography-accent-font-weight); font-size: 0.72em; text-transform: uppercase; letter-spacing: 0.08em; color: var(–e-global-color-045ad87); margin-bottom: 0.75rem; padding-bottom: 0.4rem; border-bottom: 1px solid var(–e-global-color-accent); } .kiri-specs { width: 100%; border-collapse: collapse; font-size: 0.88em; } .kiri-specs thead tr:first-child th { background-color: var(–e-global-color-primary); color: #fff; font-family: var(–e-global-typography-accent-font-family), sans-serif; font-weight: var(–e-global-typography-accent-font-weight); padding: 7px 10px; text-align: center; } .kiri-specs thead tr:first-child th:first-child { text-align: left; } .kiri-specs .kiri-ext-row th { background-color: var(–e-global-color-secondary); color: #fff; font-family: var(–e-global-typography-text-font-family), sans-serif; font-weight: var(–e-global-typography-text-font-weight); font-size: 0.88em; padding: 5px 10px; text-align: center; } .kiri-specs .kiri-ext-row th:first-child { text-align: left; } .kiri-specs td { padding: 6px 10px; border: 1px solid rgba(15,76,92,0.15); text-align: center; vertical-align: middle; color: var(–e-global-color-text); } .kiri-specs td:first-child { text-align: left; color: var(–e-global-color-a95d96c); } .kiri-specs td strong { font-weight: var(–e-global-typography-primary-font-weight); color: var(–e-global-color-primary); } .kiri-group-cool td { background-color: rgba(15,76,92,0.08); font-family: var(–e-global-typography-accent-font-family), sans-serif; font-weight: var(–e-global-typography-accent-font-weight); font-size: 0.85em; text-align: left; color: var(–e-global-color-primary); } .kiri-group-heat td { background-color: rgba(20,184,166,0.08); font-family: var(–e-global-typography-accent-font-family), sans-serif; font-weight: var(–e-global-typography-accent-font-weight); font-size: 0.85em; text-align: left; color: var(–e-global-color-045ad87); } .kiri-note { font-size: 0.75em; color: var(–e-global-color-a95d96c); margin-top: 0.4rem; } .kiri-colors { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 0.75rem; } .kiri-color-pill { display: inline-flex; align-items: center; gap: 7px; font-size: 0.88em; padding: 4px 12px; border: 1px solid rgba(15,76,92,0.2); border-radius: 99px; color: var(–e-global-color-text); } .kiri-swatch { display: inline-block; width: 12px; height: 12px; border-radius: 50%; flex-shrink: 0; } .kiri-features { padding-left: 1.2rem; list-style: disc; } .kiri-features li { line-height: 1.65; margin-bottom: 0.5rem; color: var(–e-global-color-text); } .kiri-features li strong { color: var(–e-global-color-primary); font-weight: var(–e-global-typography-accent-font-weight); font-family: var(–e-global-typography-accent-font-family), sans-serif; } .kiri-body { line-height: 1.7; color: var(–e-global-color-text); }