/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 16/04/2026, 09:44:34 AM
    Author     : kpesantez
*/
/* ===============================
   NOTICIAS - EFECTO SERVICIOS REAL
   =============================== */

#page-queja .card {
    border-radius: 18px;
    border: 2px solid transparent;
    background: #ffffff;

    transition: all 0.35s ease;

    box-shadow: 0 6px 18px rgba(0,0,0,0.06);

    position: relative;
    overflow: hidden; 
}

/* ===============================
   EFECTO ESPEJO (BRILLO QUE PASA)
   =============================== */

#page-queja .card::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 60%;
    height: 100%;
    background: rgba(255,255,255,0.45);
    transform: skewX(-25deg);
    pointer-events: none;
}

/* animación cuando haces hover */
#page-queja .card:hover::before {
    animation: shine 0.7s ease;
}

@keyframes shine {
    from { left: -100%; }
    to { left: 120%; }
}

/* ===============================
   HOVER PRINCIPAL (IGUAL SERVICIOS)
   =============================== */

#page-queja .card:hover {
    transform: translateY(-10px);sss
    border: 2px solid #00c853;
    box-shadow:
        0 0 10px rgba(0,200,83,0.6),
        0 0 20px rgba(0,200,83,0.4),
        0 20px 40px rgba(0,0,0,0.15);
}

/* ===============================
   CONTENIDO INTERNO
   =============================== */

#page-queja .card .card-body {
    transition: transform 0.3s ease;
}

#page-queja .card:hover .card-body {
    transform: translateY(-3px);
}

/* ===============================
   TITULO (OPCIONAL PRO)
   =============================== */

#page-queja .card:hover h5 {
    color: #00c853;
}