.elementor-2412 .elementor-element.elementor-element-f5e4e4e{margin-top:85px;margin-bottom:38px;}.elementor-2412 .elementor-element.elementor-element-6c35254 .qrt-section .qrt-title-h{color:#000000;}/* Start custom CSS for text-editor, class: .elementor-element-d3b2faf *//* --- CONFIGURACIÓN PARA DESKTOP --- */
.hero-b2b {
    text-align: center;
    padding: 40px 20px;
}

.titulo-principal {
    font-family: 'Inter', sans-serif; /* Asegúrate de cargar Inter en 900 en Elementor */
    font-size: 60px;
    font-weight: 900 !important;
    line-height: 1.05;
    color: #000000 !important;
    letter-spacing: -3px !important;
    margin-bottom: 30px;
}

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

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

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

.subtitulo strong {
    font-weight: 800;
}

/* --- CONFIGURACIÓN PARA MÓVIL (RESPONSIVE) --- */
@media (max-width: 768px) {
    .hero-b2b {
        text-align: left; /* Alineado a la izquierda como la imagen */
        padding: 20px 10px;
    }

    .titulo-principal {
        font-size: 42px; /* Tamaño reducido para móviles */
        letter-spacing: -2px !important;
        line-height: 1.1;
    }

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

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