/* #51: MECÂNICA MOBILE SERVIÇOS/PROCESSO */

/* #51 CORREÇÃO: PERMITIR CLIQUES ATRAVÉS DA IMAGEM */
@media (max-width: 768px) {
    
    .service-interactive-card.mobile-reveal::before,
    .process-interactive-card.mobile-reveal::before {
        opacity: 1;
        pointer-events: none; /* 🔥 CORREÇÃO: Permite cliques através da imagem */
    }
    
    /* Restante do código mantém igual */

    /* Estados dos cards mobile */
    .service-interactive-card.mobile-reveal::before,
    .process-interactive-card.mobile-reveal::before {
        opacity: 1;
    }
    
    .service-interactive-card.mobile-reveal .service-interactive-desc,
    .process-interactive-card.mobile-reveal .process-interactive-desc {
        opacity: 0.3;
        transform: translateY(5px);
    }
    
    .service-interactive-card.mobile-reveal .service-interactive-title,
    .process-interactive-card.mobile-reveal .process-interactive-title {
        color: var(--branco);
    }
    
    .service-interactive-card.mobile-reveal .service-icon-container,
    .process-interactive-card.mobile-reveal .process-step-number {
        background: var(--azul-petroleo);
    }
    
    /* Indicador visual de interatividade */
    .service-interactive-card.mobile-reveal,
    .process-interactive-card.mobile-reveal {
        cursor: pointer;
        position: relative;
    }
    
    .service-interactive-card.mobile-reveal::after,
    .process-interactive-card.mobile-reveal::after {
        content: 'Toque para ver texto';
        position: absolute;
        bottom: 10px;
        left: 50%;
        transform: translateX(-50%);
        font-size: 0.7rem;
        color: var(--branco);
        opacity: 0.8;
        transition: opacity 0.3s ease;
    }
    
    /* Feedback no tap */
    .service-interactive-card:active,
    .process-interactive-card:active {
        transform: scale(0.98);
    }
}