/* ====================================
  SOLUTIONS SECTION
==================================== */
.solutions-section {
   padding: 4rem 0;
   background: #000;
   color: var(--text-white);
   position: relative;
   overflow: hidden;
   min-height: 100vh;
   display: flex;
   flex-direction: column;
   align-items: center;
}

/* Container */
.container {
   max-width: 1200px;
   margin: 0 auto;
   padding: 0 1rem;
   width: 100%;
}

/* Section Title */
.section-title {
   text-align: center;
   margin-bottom: 3rem;
   position: relative;
}

.section-title h2 {
   color: #fff;
   font-size: 2.5rem;
   position: relative;
   display: inline-block;
}

.section-title h2::after {
   content: '';
   position: absolute;
   bottom: -10px;
   left: 50%;
   transform: translateX(-50%);
   width: 60%;
   height: 3px;
   background: #00ff80;
}

/* Background Effect */
.solutions-section::before {
   content: '';
   position: absolute;
   inset: 0;
   background: 
       radial-gradient(circle at 20% 20%, rgba(0, 209, 106, 0.05) 0%, transparent 40%),
       radial-gradient(circle at 80% 80%, rgba(0, 209, 106, 0.05) 0%, transparent 40%);
   animation: pulseBackground 15s ease-in-out infinite alternate;
}

/* Container Principal */
.solutions-grid {
   display: flex;
   justify-content: center;
   gap: 2rem;
   position: relative;
   z-index: 2;
}

/* Cards */
.solution-card {
   flex: 0 1 350px;
   background: rgba(0, 0, 0, 0.95);
   border: 1px solid rgba(0, 209, 106, 0.15);
   border-radius: 1rem;
   padding: 2rem;
   position: relative;
   overflow: hidden;
   backdrop-filter: blur(10px);
   transition: all 0.3s ease;
   display: flex;
   flex-direction: column;
}

/* Header do Card */
.solution-card-header {
   display: flex;
   align-items: center;
   gap: 1rem;
   margin-bottom: 1.5rem;
}

/* Ícones SVG */
.solution-icon-svg {
   width: 32px;
   height: 32px;
   flex-shrink: 0;
   filter: drop-shadow(0 0 8px rgba(0, 209, 106, 0.3));
}

.feature-icon-svg {
   width: 16px;
   height: 16px;
   flex-shrink: 0;
   margin-right: 0.75rem;
}

/* Título */
.solution-title {
   font-size: 1.25rem;
   color: #00ff80;
   text-shadow: 0 0 20px rgba(0, 209, 106, 0.3);
   letter-spacing: 0.5px;
   margin: 0;
}

/* Descrição */
.solution-description {
   color: rgba(255, 255, 255, 0.8);
   line-height: 1.4;
   margin-bottom: 1.5rem;
   font-size: 0.9rem;
}

/* Lista de Features */
.solution-features {
   list-style: none;
   margin: 0;
   padding: 0;
   display: grid;
   gap: 0.75rem;
}

.solution-features li {
   display: flex;
   align-items: center;
   color: rgba(255, 255, 255, 0.8);
   font-size: 0.875rem;
   padding: 0.75rem 1rem;
   border-radius: 6px;
   background: rgba(0, 209, 106, 0.03);
   border: 1px solid rgba(0, 209, 106, 0.08);
   transition: all 0.3s ease;
}

/* Efeitos Hover */
.solution-card:hover {
   transform: translateY(-5px);
   border-color: rgba(0, 209, 106, 0.3);
   box-shadow: 
       0 15px 30px rgba(0, 209, 106, 0.15),
       0 0 20px rgba(0, 209, 106, 0.1) inset;
}

.solution-card:hover .solution-features li {
   background: rgba(0, 209, 106, 0.08);
   border-color: rgba(0, 209, 106, 0.2);
   transform: translateX(5px);
}

/* Animações */
@keyframes pulseBackground {
   0% {
       opacity: 0.5;
   }
   100% {
       opacity: 1;
   }
}