/* Botón con gradiente */
.btn-gradient {background: linear-gradient(90deg, #007bff, #00c6ff);color: #fff;border: none;transition: all 0.3s ease;}
.btn-gradient:hover {background: linear-gradient(90deg, #0056b3, #0096c7);transform: translateY(-2px);box-shadow: 0 4px 12px rgba(0,0,0,0.2);}

/* Testimonios */
.card-body p.fst-italic {font-size: 1.1rem;color: #555;}
.card-body h6 {margin-top: 10px;font-weight: bold;color: #007bff;}

/* Accordion FAQ */
.accordion-button {background: #f8f9fa;font-weight: 500;transition: background 0.3s ease;}
.accordion-button:hover {background: #e9ecef;}
.accordion-button:focus {box-shadow: none;}
.accordion-item {border-radius: 8px;overflow: hidden;margin-bottom: 10px;border: 1px solid #dee2e6;}

/* Paleta de colores corporativos */
:root {
  --color-inicial: #007bff;   /* Azul corporativo */
  --color-pyme: #28a745;      /* Verde confianza */
  --color-pro: #ffc107;       /* Dorado premium */
}

/* Cards generales */
.card {border-radius: 12px;transition: transform 0.3s ease, box-shadow 0.3s ease;}
.card:hover {transform: translateY(-5px);box-shadow: 0 8px 20px rgba(0,0,0,0.15);}

th {text-align:center;margin: 5px;border-left: 1px solid #ccc;border-right: 1px solid #ccc;text-align:center;vertical-align: top}
td {text-align:center;margin: 5px;border-left: 1px solid #ccc;border-right: 1px solid #ccc;text-align:center;vertical-align: top}

/* Plan Inicial */
.card.border-primary {border: 2px solid var(--color-inicial);}
.card.border-primary .card-title {color: var(--color-inicial);}
.card.border-primary .btn {color: var(--color-inicial);border-color: var(--color-inicial);}
.card.border-primary .btn:hover {background: var(--color-inicial);color: #fff;}

/* Plan Pyme */
.card.border-success {border: 2px solid var(--color-pyme);}
.card.border-success .card-title {color: var(--color-pyme);}
.card.border-success .btn {color: var(--color-pyme);border-color: var(--color-pyme);}
.card.border-success .btn:hover {background: var(--color-pyme);color: #fff;}

/* Plan Pro */
.card.border-warning {border: 2px solid var(--color-pro);}
.card.border-warning .card-title {color: var(--color-pro);}
.card.border-warning .btn {color: var(--color-pro);border-color: var(--color-pro);}
.card.border-warning .btn:hover {background: var(--color-pro);color: #fff;}

/* Badge Más popular */
.badge-popular {position: absolute;top: -10px;right: -10px;background: #28a745;color: #fff;padding: 6px 12px;font-size: 0.8rem;font-weight: bold;border-radius: 20px;box-shadow: 0 4px 8px rgba(0,0,0,0.2);}

/* Badge Premium */
.badge-premium {position: absolute;top: -10px;right: -10px;background: #ffc107;color: #000;padding: 6px 12px;font-size: 0.8rem;font-weight: bold;border-radius: 20px;box-shadow: 0 4px 8px rgba(0,0,0,0.2);}