/* Estilos específicos para el módulo Home */

.home-hero-card {
    position: relative;
}

.home-hero-card .hero-text {
    margin-right: 240px;
    /* Espacio para el logo */
    max-width: calc(100% - 240px);
}

.home-hero-card .hero-text h1 {
    font-size: 3rem !important;
    line-height: 1.1;
    margin: 0;
    background: linear-gradient(to right, #1f2937, #4b5563);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.home-hero-card .hero-text h1 span {
    color: #0072ff;
    -webkit-text-fill-color: initial;
}

.home-hero-card .hero-text p {
    color: #6b7280;
    font-size: 1.1rem;
    margin-bottom: 25px;
}

/* Responsive: en pantallas pequeñas, el logo va arriba */
@media (max-width: 768px) {
    .home-hero-card .hero-text {
        margin-right: 0;
        max-width: 100%;
        padding-top: 120px;
        /* Espacio para el logo arriba */
    }

    .home-hero-card img {
        top: 20px !important;
        right: 50% !important;
        transform: translateX(50%);
        width: 150px !important;
    }
}