/* Estilos propios de accionSocial.html (extraidos del <style> inline). Base global: styles.css */

body { font-size: 1.05rem; }

        /* TÍTULO PRINCIPAL (Verde por ser Secretaría) */
        .titulo-seccion { 
            font-size: 2.2rem; 
            font-weight: 900; 
            color: #198754; 
            border-bottom: 5px solid #198754; 
            display: inline-block; 
            padding-bottom: 10px;
            margin-bottom: 30px;
            text-transform: uppercase;
        }

        /* TARJETA CENTRAL */
        .card-accion {
            background: white;
            border: none;
            border-radius: 20px;
            box-shadow: 0 10px 30px rgba(0,0,0,0.08);
            border-top: 10px solid #198754;
            overflow: hidden;
        }

        /* IMAGEN SITAMI */
        .img-sitami {
            max-width: 100%;
            height: auto;
            border-radius: 15px;
            box-shadow: 0 4px 10px rgba(0,0,0,0.1);
            margin-bottom: 25px;
        }

        /* CUADRO DE INFORMACIÓN (Alert) */
        .info-box {
            border-radius: 15px;
            border-left: 6px solid #146c43;
            font-size: 1rem;
            line-height: 1.6;
        }
        .info-box h5 { font-weight: 800; color: #146c43; }
        .info-box strong { color: #146c43; }

        /* BOTÓN DE VERIFICACIÓN GIGANTE */
        .btn-verificar {
            font-weight: 800;
            padding: 15px 30px;
            border-radius: 50px;
            font-size: 1.2rem;
            letter-spacing: 1px;
            transition: all 0.3s ease;
            box-shadow: 0 5px 15px rgba(25, 135, 84, 0.4);
        }
        .btn-verificar:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 20px rgba(25, 135, 84, 0.6);
        }

        /* ==================================================
           REGLAS PARA DESKTOP (PC) 
           ================================================== */
        @media (min-width: 992px) {
            body { font-size: 1.15rem; }
            .titulo-seccion { font-size: 3.5rem; margin-bottom: 50px; }
            .card-accion { border-radius: 30px; padding: 3rem !important; }
            .img-sitami { max-width: 50%; } /* Evita que la foto ocupe toda la pantalla en PC */
            .info-box { font-size: 1.15rem; padding: 25px; }
            .btn-verificar { font-size: 1.4rem; padding: 20px 50px; }
        }