/* Start custom CSS for text-editor, class: .elementor-element-6e9844e *//* --- ESTILO DESKTOP --- */
.hero-b2b {
    text-align: center;
    padding: 40px 20px;
}

.titulo-principal {
    font-family: 'Inter', sans-serif;
    font-size: 60px;
    font-weight: 900 !important; /* Grosor máximo */
    line-height: 1.05;
    color: #000000 !important;
    letter-spacing: -3px !important; /* Estilo compacto B2B */
    margin-bottom: 30px;
}

.fondo-negro {
    background-color: #000;
    color: #ffffff;
    padding: 0 18px;
    display: inline-block;
}

.punto-naranja {
    color: #FF6B00 !important; /* Tu color naranja */
    font-weight: 900 !important;
}

.subtitulo {
    font-family: 'Inter', sans-serif;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.5;
    color: #000000;
    max-width: 850px;
    margin: 0 auto;
}

.subtitulo strong {
    font-weight: 800; /* Resalta conceptos clave */
}

/* --- ESTILO MÓVIL (Ajuste a la izquierda) --- */
@media (max-width: 768px) {
    .hero-b2b {
        text-align: left; /* Alineación a la izquierda igual que tu imagen */
        padding: 20px 10px;
    }

    .titulo-principal {
        font-size: 42px;
        letter-spacing: -2px !important;
        line-height: 1.1;
    }

    .subtitulo {
        text-align: left;
        font-size: 19px;
        margin-left: 0;
    }

    .fondo-negro {
        padding: 0 10px;
    }
}/* End custom CSS */
/* Start custom CSS for quarty-portfolio, class: .elementor-element-734d24f */.qrt-work-descr .qrt-work-more:before {
content: '';
position: absolute;
left: 0;
width: 100%;
top: -700px;
height: 900px;
}/* End custom CSS */