.elementor-27156 .elementor-element.elementor-element-db3b84e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-27156 .elementor-element.elementor-element-f62b4fc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-27156 .elementor-element.elementor-element-f62b4fc:not(.elementor-motion-effects-element-type-background), .elementor-27156 .elementor-element.elementor-element-f62b4fc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F7FD;}.elementor-27156 .elementor-element.elementor-element-1b0ec13{--display:flex;}.elementor-27156 .elementor-element.elementor-element-3b443f7{padding:40px 40px 40px 40px;text-align:center;}.elementor-27156 .elementor-element.elementor-element-3b443f7 .elementor-heading-title{font-size:50px;}.elementor-27156 .elementor-element.elementor-element-202ce3c{padding:0px 30px 0px 30px;text-align:center;}/* Start custom CSS for container, class: .elementor-element-db3b84e *//* ======================================
   FIX: Cursor tipo botón (manita)
   ====================================== */

.wpk-btn,
.wpk-btn *,
a.wpk-btn,
button.wpk-btn {
  cursor: pointer !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ea8a425 *//* General layout */
.wpk-planes-wrapper {
    max-width: 1200px;
    margin: 0 auto;
    padding: 60px 20px;
    font-family: 'Inter', sans-serif;
}

/* Title + subtitle (si los usas encima en otra sección, puedes omitir) */
.wpk-title {
    text-align: center;
    font-size: 40px;
    margin-bottom: 10px;
    font-weight: 600;
}
.wpk-subtitle {
    text-align: center;
    font-size: 18px;
    color: #555;
    margin-bottom: 50px;
}

/* Grid */
.wpk-grid {
    display: flex;
    gap: 35px;
    justify-content: center;
    flex-wrap: wrap;
}

/* Cards */
.wpk-card {
    flex: 1;
    min-width: 330px;
    background: #fff;
    border-radius: 16px;
    padding: 40px 28px;
    box-shadow: 0 6px 28px rgba(0,0,0,0.12);
    position: relative;
    border: 1px solid #e7e7e9;
    transition: all .2s ease;
}
.wpk-card:hover {
    transform: translateY(-1px);
    box-shadow: 0 10px 32px rgba(0,0,0,0.18);
}

/* Card accents */
.wpk-publico {
    background: #fafafa;
    border-color: #dadada;
}
.wpk-institucional {
    border: 2px solid #037BBA;
}
.wpk-oficial {
    border: 2px solid #FC0157;
}

/* Badges */
.wpk-badge {
    display: inline-block;
    padding: 6px 14px;
    border-radius: 50px;
    font-size: 13px;
    margin-bottom: 20px;
    font-weight: 600;
}
.wpk-badge-gray { background: #444; color: #fff; }
.wpk-badge-popular {
    background: #1d3557;
    color: #fff;
    font-size: 16px;
    border: 2px solid #00b4d8;
    position: absolute;
    top: -20px;
    right: 22px;
    padding: 9px 22px;
    border-radius: 6px;
}
.wpk-badge-premium { background: #FC0157; color: #fff; }

/* Text inside cards */
.wpk-card-title {
    font-size: 28px;
    line-height: 1.55;
    margin-bottom: 4px;
    font-weight: 600;
}

/* "Para quién es" */
.wpk-card-for {
    font-size: 13px;
    line-height: 1.4;
    color: #000000;
    margin: 2px 0 8px;
    font-weight: 700;
}

/* Descripción corta */
.wpk-card-desc {
    font-size: 20px;
    line-height: 1.4;
    color: #457b9d;
    margin: 40px 0 8px;
    margin-bottom: 11px;
}

/* Features list */
.wpk-features {
    list-style: none;
    padding: 0;
    margin: 32px 0 28px 0;
    font-size: 14px;
    line-height: 1.5;
}
.wpk-features li {
    margin-bottom: 8px;
}

/* Buttons */
.wpk-btn {
    display: block;
    text-align: center;
    padding: 14px;
    border-radius: 8px;
    text-decoration: none;
    font-size: 17px;
    font-weight: 600;
    border: none;
    color: #fff !important;
}
.wpk-btn-gray { background: #444; }
.wpk-btn-blue { background: #037BBA; }
.wpk-btn-red { background: #FC0157; }

/* Hover states */
.wpk-btn:hover {
    filter: brightness(1.12);
}

/* Legal text */
.wpk-legal {
    font-size: 13px;
    line-height: 1.5;
    color: #777;
    margin-top: 12px;
    text-align: center;
}

/* Mobile */
@media (max-width: 768px) {
    .wpk-card {
        min-width: 100%;
    }
    .wpk-title {
        font-size: 32px;
    }
}

.wpk-badge-Azul { background: #037BBA; color: #fff; }

.wpk-card-title, 
.wpk-card-title a, 
.wpk-card-title span {
    font-size: 27px !important;
    line-height: 1.2 !important;
}/* End custom CSS */