/* ============================================================
   CRAZY SOFT - Soluciones / Soporte local (tema claro)
   ============================================================ */

.soluciones {
    background: linear-gradient(120deg, var(--accent-light) 0%, #FFF7ED 100%);
    position: relative;
}
.soluciones .container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 48px;
    align-items: center;
}

.soluciones-tag {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: var(--accent);
    color: var(--white);
    font-weight: 700;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    padding: 8px 16px;
    border-radius: 50px;
    margin-bottom: 18px;
}

.soluciones-feats { list-style: none; margin-top: 24px; display: grid; gap: 16px; }
.soluciones-feats li { display: flex; gap: 12px; align-items: flex-start; font-weight: 600; color: var(--dark); }
.soluciones-feats svg {
    width: 22px;
    height: 22px;
    color: var(--accent);
    flex-shrink: 0;
    margin-top: 2px;
}
.soluciones-feats span { font-weight: 400; color: var(--gray); }

.soluciones-card {
    background: var(--white);
    border-radius: var(--radius);
    box-shadow: var(--shadow-lg);
    padding: 30px;
    border: 1px solid var(--border);
}
.soluciones-card .avatar {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--accent), #FBBF24);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    font-weight: 900;
    font-size: 1.4rem;
    margin-bottom: 16px;
}
.soluciones-card h3 { margin-bottom: 8px; }
.soluciones-card p { font-size: 0.95rem; color: var(--gray); margin-bottom: 16px; }
.soluciones-card .btn { width: 100%; }