/* ===============================
           RESET BÁSICO
        ================================= */
        *{
            box-sizing:border-box;
            margin:0;
            padding:0;
        }

        body{
            background:#f4f6f8;
            font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
            padding-top:120px; /* Espacio para header fijo */
        }

        /* ===============================
           TÍTULO PRINCIPAL
        ================================= */
        .titulo-transparencia{
            margin:40px 0;
            text-align:center;
            width:100%;
            font-size: clamp(2.5rem, 6vw, 4rem);
            font-weight:700;
        }

        /* ===============================
           CONTENEDOR GENERAL
        ================================= */
        .transparencia-container{
            width:100%;
            max-width:1200px;
            background:#ffffff;
            border-radius:16px;
            padding:50px;
            box-shadow:0 12px 30px rgba(0,0,0,0.08);
        }

        /* ===============================
           SECCIONES
        ================================= */
        .section{
            margin-bottom:60px;
        }

        .section-title{
            font-size:clamp(1.3rem, 3vw, 1.6rem);
            margin-bottom:35px;
            color:#a1007d;
            font-weight:600;
            text-align:center;
        }

/* ===============================
   TARJETAS (CARD)
================================ */
.card{
    width:100%;
    max-width:760px;
    height: auto;
    margin:0 auto 20px;
    background:#f9fafb;
    padding:clamp(20px, 4vw, 35px);
    border-radius:14px;
    box-shadow:0 6px 18px rgba(0,0,0,0.06);
    text-align: center; /* <-- Cambiado de justify a center */
}

.card p{
    margin-bottom:16px;
    line-height:1.65;
    font-size:clamp(0.95rem, 2.5vw, 1rem);
}

        .card strong{
            display:block;
            margin-bottom:4px;
            font-weight:600;
        }

        /* ===============================
           TABLA FLEX
        ================================= */
        .tabla-flex-wrapper{
            overflow-x:auto;
        }

        .tabla-flex{
            min-width:300px;
            width:100%;
            max-width:900px;
            margin:0 auto;
            background:#f9fafb;
            border-radius:14px;
            overflow:hidden;
            box-shadow:0 6px 18px rgba(0,0,0,0.06);
        }

        /* FILAS */
        .fila-tabla{
            display:flex;
            gap:20px;
            padding:18px 40px;
            border-bottom:1px solid #e5e7eb;
            align-items:flex-start;
        }

        .fila-tabla:last-child{
            border-bottom:none;
        }

        /* ENCABEZADO */
        .fila-tabla.header{
            background:#a1007d;
            color:#ffffff;
            font-weight:600;
        }

        /* COLUMNAS DESKTOP */
        .col-fecha{
            flex:0 0 40%;
            padding-right:20px;
            font-weight:500;
        }

        .col-motivo{
            flex:1;
            line-height:1.5;
            word-break:break-word;
        }

        /* FILAS ALTERNADAS */
        .fila-tabla:not(.header):nth-child(even){
            background:#f4f6f8;
        }

        /* ===============================
           TABLET
        ================================= */
        @media (max-width:1024px){
            .transparencia-container{
                padding:40px 20px;
            }
            .fila-tabla{
                flex-wrap:wrap;
                padding:16px 20px;
            }
        }

        /* ===============================
           MÓVIL
        ================================= */
        @media (max-width:768px){
            .transparencia-container{
                padding:25px 15px;
                border-radius:12px;
            }

            .section{
                margin-bottom:45px;
            }

            /* Cards */
            .card{
                max-width:100%;
                border-radius:12px;
            }

            /* Tablas en móvil */
            .fila-tabla{
                flex-direction:column;
                gap:8px;
                padding:12px 16px;
            }

            /* Ocultar encabezado */
            .fila-tabla.header{
                display:none;
            }

            .col-fecha,
            .col-motivo{
                width:100%;
                padding:0;
            }

            .col-fecha{
                font-weight:600;
                color:#a1007d;
                font-size:0.95rem;
            }

            .col-motivo{
                font-size:0.95rem;
                line-height:1.6;
            }
        }

        /* ===============================
           EXTRA SMALL (CELULARES CHICOS)
        ================================= */
        @media (max-width:480px){
            .titulo-transparencia{
                font-size:1.7rem;
            }

            .section-title{
                font-size:1.25rem;
            }

            .card{
                padding:18px 16px;
                border-radius:10px;
            }

            .card p{
                font-size:0.92rem;
            }

            .col-fecha,
            .col-motivo{
                font-size:0.9rem;
            }
        }
/* CENTRAR TABLAS EN DESKTOP */
@media (min-width:1025px){
    .tabla-flex-wrapper {
        overflow-x: visible; /* para desktop no necesitamos scroll */
    }

    .tabla-flex {
        width: auto;        /* quitar width:100% */
        max-width: 900px;   /* ancho máximo de la tabla */
        margin: 0 auto;     /* centra la tabla */
        display: block;
    }
}
}
}