/* Hero Section */


     .hero-text {
         color: var(--color-gray);
         max-width: 640px;
     }

     /* Feature Cards */
     .feature-card {
         background: white;
         border-radius: 16px;
         padding: 2rem;
         height: 100%;
         border: 1px solid #e5e7eb;
         transition: all 0.3s ease;
     }

     .feature-card:hover {
         transform: translateY(-5px);
         box-shadow: 0 12px 30px #00a2ff32;
     }

     .feature-icon {
         width: 50px;
         height: 50px;
         background: linear-gradient(135deg, #0062ff, #00a3ff);
         border-radius: 12px;
         display: flex;
         align-items: center;
         justify-content: center;
         margin-bottom: 1rem;
     }

     .verde {
         background: linear-gradient(135deg, #22C55E 0%, #16A34A 100%);
         color: #fff;
     }

     .feature-icon i {
         font-size: 1.5rem;
         color: #fff;
     }

     .feature-title {
         font-size: 1.2rem;
         font-weight: 700;
         margin-bottom: 0.5rem;
     }

     .feature-description {
         color: var(--color-gray);
         font-size: 0.95rem;
         line-height: 1.6;
     }



     /* Imagen */
     .ai-automatizaciones-image {
         display: flex;
         justify-content: center;
     }

     .ai-automatizaciones-image img {
         width: 100%;
         max-width: 900px;
         height: auto;
         display: block;
     }



     .bg-light-section {
         background: var(--light-bg);
         padding: 5rem 0;
     }

     /* AI Features */
     .ai-feature-item {
         display: flex;
         align-items: flex-start;
         gap: 1rem;
         margin-bottom: 1.5rem;
     }

     .ai-icon {
         width: 40px;
         height: 40px;
         background: rgba(0, 184, 255, 0.1);
         border-radius: 8px;
         display: flex;
         align-items: center;
         justify-content: center;
         flex-shrink: 0;
     }

     .ai-icon i {
         color: var(--color-blue-light);
     }

     /* Metrics Card */
     .metric-card {
         background: white;
         padding: 1.5rem;
         border-radius: 12px;
         text-align: center;
         border: 1px solid #e5e7eb;
     }

     .metric-icon {
         width: 50px;
         height: 50px;
         background: radial-gradient(circle at 20% 20%, rgba(37, 211, 102, 0.25), transparent 55%), radial-gradient(circle at 80% 80%, rgba(16, 183, 89, 0.25), transparent 55%);
         border-radius: 12px;
         display: flex;
         align-items: center;
         justify-content: center;
         margin: 0 auto 1rem;
     }

     .metric-icon i {
         color: #25D366;
         font-size: 1.3rem;
     }

     .metric-title {
         font-size: 18px;
         font-weight: 700;
         margin-bottom: 0.5rem;
     }


     .casos-exito-sub {
         max-width: 760px;
     }

     /* Card base */
     .caso-card {
         border-radius: 16px;
         background: #fff;
         border: 1px solid rgba(16, 24, 40, .12);
         box-shadow: 0 14px 34px rgba(16, 24, 40, .06);
         padding: 22px;
     }

     /* Header */
     .caso-head {
         display: flex;
         align-items: center;
         gap: 14px;
         margin-bottom: 18px;
     }

     .caso-logo {
         width: 52px;
         height: 52px;
         border-radius: 14px;
         display: grid;
         place-items: center;
         background: rgba(0, 163, 255, .12);
         color: var(--color-blue);
         flex: 0 0 auto;
     }

     .caso-logo.morado {
         background: linear-gradient(135deg, #A855F7 0%, #9333EA 100%);
         color: #fff;
     }

     .caso-logo.verde {
         background: linear-gradient(135deg, #22C55E 0%, #16A34A 100%);
         color: #fff;
     }

     .caso-logo.azul {
         background: linear-gradient(135deg, #3B82F6 0%, #2563EB 100%);
         color: #fff;
     }

     .caso-logo i {
         font-size: 22px;
     }

     .caso-name {
         color: var(--color-black);
         font-size: 16px;
         line-height: 1.1;
     }

     .caso-cat {
         font-size: 13px;
         margin-top: 2px;
     }

     /* Metric */
     .caso-metric {
         margin: 6px 0 16px;
     }

     .caso-metric-big {
         font-size: 44px;
         line-height: 1;
         font-weight: 800;
         letter-spacing: -0.02em;
         color: var(--color-blue);
     }

     .caso-metric-sub {
         margin-top: 8px;
         font-size: 13px;
     }

     /* Quote */
     .caso-quote {
         font-size: 14px;
         line-height: 1.7;
         font-style: italic;
         margin: 0;
         padding-right: 6px;
     }

     /* Divider */
     .caso-divider {
         height: 1px;
         background: rgba(16, 24, 40, .10);
         margin: 18px 0 16px;
     }

     /* Author */
     .caso-author {
         display: flex;
         align-items: center;
         gap: 12px;
         background-color: #fff;
     }

     .caso-author-ico {
         width: 44px;
         height: 44px;
         border-radius: 999px;
         display: grid;
         place-items: center;
         background: rgba(0, 163, 255, .10);
         color: var(--color-blue-light);
         flex: 0 0 auto;
     }

     .caso-author-ico i {
         font-size: 18px;
     }

     .caso-author-name {
         font-size: 14px;
         color: var(--color-black);
         line-height: 1.2;
     }

     .caso-author-role {
         font-size: 12.5px;
         margin-top: 2px;
     }


     /* Footer */
     footer {
         background: #f9fafb;
         padding: 3rem 0 1.5rem;
         border-top: 1px solid #e5e7eb;
     }

     .footer-title {
         font-weight: 700;
         margin-bottom: 1rem;
     }

     .footer-links {
         list-style: none;
         padding: 0;
     }

     .footer-links li {
         margin-bottom: 0.5rem;
     }

     .footer-links a {
         color: var(--color-gray);
         text-decoration: none;
         font-size: 0.95rem;
     }

     .footer-links a:hover {
         color: var(--color-blue-light);
     }

     /* Responsive */
     @media (max-width: 768px) {
         .hero-title {
             font-size: 2.2rem;
         }

         .section-title {
             font-size: 1.8rem;
         }

         .hero-section {
             padding: 3rem 0 2rem;
         }
     }

     /* ===============================
  ❓ FAQs 
   =============================== */

   /* ❓ FAQs */
.bb-faqs{
  background: #fff; /* azul muy suave como la captura */
}

.bb-faq-card{
  max-width: 1180px;
  background: #fff;
  border: 1px solid #dbe7ff;
  border-radius: 10px;
  overflow: hidden;
}

/* Quitamos estilo default bootstrap */
.bb-accordion .accordion-item{
  border: 0;
}

.bb-acc-item + .bb-acc-item{
  border-top: 1px solid #e8eef8;
}

/* Header */
.bb-acc-btn{
  background: #B8E0FF;
  color: var(--color-black);
  font-weight: 700;
  font-size: 18px;
  padding: 18px 22px;
  box-shadow: none !important;
}

.bb-acc-btn.collapsed{
  background: #ffffff;
  font-weight: 600;
}

/* Chevron (Bootstrap usa ::after) */
.bb-accordion .accordion-button::after{
  transform: rotate(-90deg);
  transition: transform .25s ease;
}

.bb-accordion .accordion-button:not(.collapsed)::after{
  transform: rotate(0deg);
}

/* Body */
.bb-acc-body{
  padding: 18px 22px 22px;
  color: var(--color-gray);
}

.bb-link{
  color: var(--color-blue);
  text-decoration: none;
  font-weight: 700;
}
.bb-link:hover{ text-decoration: underline; }

.bb-acc-highlight{
  color: var(--color-blue);
  font-weight: 800;
}
.accordion-button:not(.collapsed) {
        color: var(--color-blue);
    background-color: #B8E0FF;
    box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}