/**
 * pricing-elite.css
 * Layout de 3 columnas con plan Elite.
 * Todos los cambios están encapsulados en .ab-pricing-elite
 * para que no afecten el layout de 2 columnas existente.
 */

/* ─── Mostrar columna Elite (oculta por defecto en el HTML) ─── */
.ab-pricing-elite .ab-elite-plan-box {
    display: flex !important;
    flex-direction: column;
}

/* ─── Contenedor: ampliar para 3 columnas ─── */
.ab-pricing-elite .ab-price-two-columns {
    max-width: 1260px;
    width: 100%;
}

.ab-pricing-elite .ab-price-two-columns .price-box {
    max-width: calc(33.33% - 14px);
}

/* ─── Plan Elite: borde y badge en turquesa ─── */
.ab-pricing-elite .ab-elite-plan-box {
    border: 1px solid #11b3a2;
}

.ab-pricing-elite .price-box.plans.ab-elite-plan-box .plan-highlight {
    background: #11b3a2;
}

/* ─── Precio principal del plan Elite en turquesa ─── */
.ab-pricing-elite .ab-elite-plan-box .main-price {
    color: #11b3a2;
}

/* ─── Add-ons "INCLUIDO" en lugar de precio+checkbox ─── */
.ab-pricing-elite .ab-elite-plan-box .add-product-included {
    display: flex;
    align-items: baseline;
    margin-top: 15px;
    font-weight: 700;
    font-size: 1.125rem;
}

.ab-pricing-elite .ab-elite-plan-box .add-product-included .add-product-price {
    margin-left: auto;
    font-size: 0.9rem;
    font-weight: 800;
    color: #11b3a2;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

/* ─── Ícono info de los add-ons ─── */
.ab-pricing-elite .ab-elite-plan-box .add-product-included span i {
    font-size: .85rem;
    margin-left: 5px;
    color: #11b3a2;
    cursor: pointer;
}

/* ─── Divider entre add-ons y features (igual que los otros planes) ─── */
.ab-pricing-elite .ab-elite-plan-box .price-body {
    border-top: none;
}

/* ─── Botón CTA del plan Elite en turquesa ─── */
.ab-pricing-elite .ab-elite-plan-box .btn-cta.elite-plan {
    background: #11b3a2;
    border-color: #11b3a2;
    color: #fff;
}

.ab-pricing-elite .ab-elite-plan-box .btn-cta.elite-plan:hover {
    background: #0b8a7d;
    border-color: #0b8a7d;
    color: #fff;
    text-decoration: none;
}

/* ─── Estrella en lugar de check en las features del Elite ─── */
.ab-pricing-elite .ab-elite-plan-box .price-features li i.fa-star {
    color: #11b3a2;
}

/* ─── Subtítulo encima del nombre del plan Elite ─── */
.ab-elite-kicker {
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #11b3a2;
    margin: 0 0 4px;
    line-height: 1;
}

/* ─── Responsive: 2+1 en tablet, 1 en móvil ─── */
@media (max-width: 1100px) {
    .ab-pricing-elite .ab-price-two-columns {
        flex-wrap: wrap;
    }

    .ab-pricing-elite .ab-price-two-columns .price-box {
        max-width: calc(50% - 10px);
    }

    .ab-pricing-elite .ab-elite-plan-box {
        max-width: 100% !important;
        flex: 1 1 100%;
    }
}

@media (max-width: 991px) {
    .ab-pricing-elite .ab-price-two-columns .price-box {
        max-width: 100%;
    }
}