/* ===================================
   SOMBRADO DE TEXTO PARA HERO SECTION
   Implementado basado en la carpeta old
   =================================== */



/* Sombreado para el subtítulo (h4) */
.hero-content h4 {
    text-shadow: 2px 2px 4px rgba(0,0,0,0.9);
    position: relative;
}

/* Sombreado para el título principal (h2) */
.hero-content h2 {
    text-shadow: 3px 3px 8px rgba(0,0,0,0.9);
    position: relative;
}

/* Sombreado para la descripción (p) */
.hero-content p {
    text-shadow: 2px 2px 6px rgba(0,0,0,0.9);
    position: relative;
}



/* Responsive para dispositivos móviles */
@media (max-width: 768px) {
    .hero-content h2 {
        text-shadow: 2px 2px 6px rgba(0,0,0,0.9);
    }
    
    .hero-content h4 {
        text-shadow: 1px 1px 3px rgba(0,0,0,0.9);
    }
    
    .hero-content p {
        text-shadow: 1px 1px 4px rgba(0,0,0,0.9);
    }
}