/* ==========================================================================
   Mini Builder - Estilos del frontend (lo que ven los visitantes del sitio)
   ========================================================================== */

.mb-frontend { width: 100%; }

.mb-section { width: 100%; box-sizing: border-box; }
.mb-section-inner {
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}
.mb-section-full .mb-section-inner {
    max-width: 100%;
    padding: 0 40px;
}

.mb-columns {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}
.mb-column {
    box-sizing: border-box;
    min-width: 0;
}

.mb-widget { margin-bottom: 18px; }
.mb-widget:last-child { margin-bottom: 0; }

.mb-heading { margin: 0 0 18px; line-height: 1.25; }
.mb-text { line-height: 1.7; }
.mb-text p:last-child { margin-bottom: 0; }

.mb-button {
    display: inline-block;
    padding: 12px 26px;
    text-decoration: none;
    font-weight: 600;
    font-size: 15px;
    transition: opacity .15s ease, transform .15s ease;
}
.mb-button:hover { opacity: .88; transform: translateY(-1px); }

.mb-divider { border: none; border-top: 1px solid #ddd; margin: 24px 0; }

.mb-image img { display: block; }

/* Responsive: las columnas se apilan en pantallas pequeñas */
@media (max-width: 767px) {
    .mb-columns { flex-direction: column; }
    .mb-column { width: 100% !important; }
}