#modalidades-clean-view {
    background-color: #fbfbfd;
    padding: 160px 0 100px 0; /* Espacio para el header fijo */
    display: block !important;
    font-family: 'Plus Jakarta Sans', sans-serif;
}

.mod-bento-wrapper {
    max-width: 1100px;
    margin: 0 auto;
    width: 90%;
}

.mod-bento-intro {
    text-align: center;
    margin-bottom: 50px;
}

.mod-bento-intro h1 {
    font-size: clamp(2.5rem, 5vw, 4rem);
    font-weight: 800;
    line-height: 1;
    color: #1d1d1f;
    margin-bottom: 15px;
    letter-spacing: -2px;
}

.mod-bento-intro h1 span { color: #e61d42; }

.mod-bento-intro p {
    color: #86868b;
    font-size: 1.2rem;
    font-weight: 500;
}

/* GRILLA BENTO */
.mod-bento-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 20px;
}

.mod-bento-card {
    border-radius: 40px;
    padding: 50px 40px;
    border: 1px solid rgba(0,0,0,0.05);
    transition: 0.3s ease;
}

.mod-card-dark { grid-column: span 7; background: #1d1d1f; color: white; border: none; }
.mod-card-white { grid-column: span 5; background: white; }
.mod-card-full { grid-column: span 12; background: #f2f2f7; border: none; display: flex; align-items: center; gap: 30px; }

/* Tarjeta CTA Cereza */
.mod-card-cherry {
    grid-column: span 12;
    background: #e61d42;
    color: white;
    border: none;
    text-align: center;
    padding: 70px 40px;
}

/* TIPOGRAFÍA E ICONOS */
#modalidades-clean-view i { font-size: 2.5rem; color: #e61d42; margin-bottom: 20px; display: block; }
#modalidades-clean-view .mod-card-full i { margin-bottom: 0; }
#modalidades-clean-view h3 { font-size: 1.8rem; font-weight: 800; margin-bottom: 12px; }
#modalidades-clean-view .mod-card-dark h3 { color: white; }
#modalidades-clean-view .mod-card-dark p { color: #a1a1a6; }

/* BOTÓN CONTACTO */
.btn-industrial-white {
    background: white;
    color: #1d1d1f;
    padding: 18px 45px;
    border-radius: 100px;
    text-decoration: none;
    font-weight: 800;
    display: inline-block;
    margin-top: 25px;
    transition: 0.3s;
    border: 2px solid white;
}

.btn-industrial-white:hover {
    background: transparent;
    color: white;
    transform: scale(1.05);
}

/* RESPONSIVO */
@media (max-width: 992px) {
    .mod-card-dark, .mod-card-white, .mod-bento-card[style*="span 6"] { grid-column: span 12 !important; }
    .mod-card-full { flex-direction: column; text-align: center; }
}