/* Vistas de reporte y formularios para las soluciones operativas. */
.solution-report { margin: clamp(56px, 8vw, 100px) 0; padding: clamp(24px, 4vw, 48px); border: 2px solid var(--rd-line); border-radius: 28px; background: linear-gradient(135deg, #081626, #0c2234); color: var(--rd-white); box-shadow: 12px 12px 0 var(--rd-cyan); }
.solution-report__intro { display: grid; grid-template-columns: minmax(0, 1fr) minmax(230px, .72fr); gap: 28px; align-items: end; margin-bottom: 30px; }
.solution-report__eyebrow { margin: 0 0 10px; color: var(--rd-cyan); font-size: .72rem; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.solution-report h2 { margin: 0; font: 800 clamp(2rem, 4vw, 4rem)/.98 var(--rd-display); letter-spacing: -.055em; }
.solution-report__intro > p { margin: 0; color: var(--rd-muted); line-height: 1.65; }
.solution-report__screen { padding: clamp(17px, 3vw, 28px); border: 1px solid rgba(255,255,255,.14); border-radius: 19px; background: #050d18; box-shadow: inset 0 0 0 1px rgba(22,220,255,.05); }
.solution-report__top { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; padding-bottom: 16px; border-bottom: 1px solid rgba(255,255,255,.11); }
.solution-report__top strong { font: 800 1rem/1.2 var(--rd-display); }.solution-report__top span { color: var(--rd-lime); font-size: .7rem; font-weight: 800; }
.solution-report__kpis { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 18px 0; }
.solution-report__kpi { min-width: 0; padding: 15px; border: 1px solid rgba(255,255,255,.1); border-radius: 14px; background: rgba(255,255,255,.035); }.solution-report__kpi small { display: block; color: #91a3b9; font-size: .62rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }.solution-report__kpi strong { display: block; margin-top: 8px; color: var(--rd-white); font: 800 clamp(1.55rem, 3vw, 2.35rem)/.9 var(--rd-display); }.solution-report__kpi--alert strong { color: var(--rd-pink); }.solution-report__kpi--good strong { color: var(--rd-lime); }
.solution-report__body { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(220px, .9fr); gap: 15px; }
.solution-report__chart, .solution-report__event { min-width: 0; padding: 17px; border-radius: 14px; background: rgba(255,255,255,.035); }.solution-report__chart > span, .solution-report__event > span { display: block; color: #94a4b8; font-size: .67rem; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.solution-report__bars { display: grid; gap: 13px; margin-top: 17px; }.solution-report__bar { display: grid; grid-template-columns: 78px 1fr 34px; gap: 10px; align-items: center; color: #cbd5e1; font-size: .7rem; }.solution-report__bar i { display: block; height: 8px; overflow: hidden; border-radius: 99px; background: rgba(255,255,255,.1); }.solution-report__bar i::after { content: ''; display: block; width: var(--report-width); height: 100%; border-radius: inherit; background: var(--report-color, var(--rd-cyan)); }.solution-report__bar b { color: var(--rd-white); font-size: .69rem; text-align: right; }
.solution-report__event { border-left: 3px solid var(--rd-pink); }.solution-report__event strong { display: block; margin: 15px 0 8px; font: 800 1.15rem/1.12 var(--rd-display); }.solution-report__event p { margin: 0; color: #aebccd; font-size: .78rem; line-height: 1.55; }.solution-report__event time { display: inline-block; margin-top: 14px; color: var(--rd-cyan); font-size: .66rem; font-weight: 800; }
.solution-contact { margin: clamp(56px, 8vw, 100px) 0 18px; padding: clamp(25px, 5vw, 54px); border-radius: 28px; background: var(--rd-paper); color: var(--rd-ink); box-shadow: 12px 12px 0 var(--rd-lime); }.solution-contact__layout { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: clamp(30px, 6vw, 80px); align-items: start; }.solution-contact h2 { margin: 0; font: 800 clamp(2rem, 4vw, 4.15rem)/.98 var(--rd-display); letter-spacing: -.06em; }.solution-contact h2 span { color: var(--rd-pink); }.solution-contact__copy > p { color: #526176; line-height: 1.65; }.solution-contact__promise { display: grid; gap: 8px; margin-top: 25px; }.solution-contact__promise span { padding: 10px 12px; border-left: 3px solid var(--rd-cyan); background: rgba(22,220,255,.1); font-size: .77rem; font-weight: 800; }
.solution-contact__form { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 14px; }.solution-contact__field { display: grid; gap: 7px; color: #526176; font-size: .66rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }.solution-contact__field--full { grid-column: 1/-1; }.solution-contact__field input, .solution-contact__field textarea { width: 100%; padding: 13px 14px; border: 1px solid #cbd4df; border-radius: 10px; background: #fff; color: var(--rd-ink); font: 600 .86rem/1.4 var(--rd-body); outline: none; }.solution-contact__field textarea { min-height: 100px; resize: vertical; }.solution-contact__field input:focus, .solution-contact__field textarea:focus { border-color: var(--rd-cyan); box-shadow: 0 0 0 3px rgba(22,220,255,.18); }.solution-contact__form .corporate-email-note { color:#a00063; font-size:.63rem; font-weight:900; letter-spacing:.02em; line-height:1.35; text-transform:none; }.solution-contact__form .address-visit-note { color:#526176; font-size:.7rem; font-weight:700; letter-spacing:0; line-height:1.45; text-transform:none; }.solution-contact__form button { grid-column: 1/-1; min-height: 52px; border: 0; border-radius: 11px; background: var(--rd-lime); color: #07111f; font: 800 .9rem var(--rd-body); cursor: pointer; }.solution-contact__status { grid-column: 1/-1; min-height: 20px; margin: 0; text-align: center; font-size: .78rem; }
@media (max-width: 760px) { .solution-report__intro, .solution-report__body, .solution-contact__layout { grid-template-columns: 1fr; }.solution-report__kpis { grid-template-columns: 1fr; }.solution-contact__form { grid-template-columns: 1fr; }.solution-contact__field--full { grid-column: auto; }.solution-report { box-shadow: 7px 7px 0 var(--rd-cyan); }.solution-contact { box-shadow: 7px 7px 0 var(--rd-lime); } }