/* ======================================================
   GoWebix Feature Box Premium – Editorial
   Phoenix Mode
====================================================== */

.gwx-fb-premium {
    position: relative;
    width: 100%;
    margin-bottom: 48px; /* aire entre bloques */
}

.gwx-fb-premium-inner {
    display: flex;
    align-items: flex-start;
    gap: 28px; /* separación línea / contenido */
}

/* Línea editorial izquierda */
.gwx-fb-premium-line {
    width: 2px;
    background-color: #00C2E5;
    flex-shrink: 0;
    align-self: stretch; /* 🔑 clave */
}

/* Contenedor de texto */
.gwx-fb-premium-content {
    max-width: 640px;
    padding-top: 2px; /* micro-ajuste óptico */
}

/* Título */
.gwx-fb-premium-title {
    margin: 0 0 14px 0;
    font-weight: 600;
    line-height: 1.35;
    color: inherit; /* hereda del theme */
}

/* Texto editorial */
.gwx-fb-premium-text {
    font-weight: 400;
    line-height: 1.75;
    color: #6f6f6f;
}

.gwx-fb-premium-text p {
    margin-bottom: 14px;
}

.gwx-fb-premium-text p:last-child {
    margin-bottom: 0;
}

/* ======================================================
   Grid harmony (cuando va en 2 columnas)
====================================================== */

/* Evita sensación apelmazada en layouts 2x2 */
.vc_row .gwx-fb-premium {
    padding-right: 20px;
}

/* ======================================================
   Responsive
====================================================== */

@media (max-width: 991px) {
    .gwx-fb-premium {
        margin-bottom: 40px;
    }
}

@media (max-width: 767px) {

    .gwx-fb-premium-inner {
        gap: 20px;
    }

    .gwx-fb-premium {
        margin-bottom: 36px;
    }

    .gwx-fb-premium-content {
        max-width: 100%;
    }
}