/* CSS Específico para la página de Servicio */

.service-hero {
    position: relative;
    overflow: hidden;
}

.service-bg-overlay {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: radial-gradient(circle at center 0%, rgba(56, 189, 248, 0.05) 0%, transparent 70%);
    z-index: -1;
}

.visual-grid {
    margin-top: 2rem;
}

.visual-card:hover .mockup-window {
    border-color: rgba(255, 255, 255, 0.3);
    box-shadow: 0 10px 30px rgba(0,0,0,0.5);
    transition: all 0.3s ease;
}