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

body { font-size: 1.05rem; }

        /* TÍTULO PRINCIPAL */
        .titulo-seccion { 
            font-size: 2.5rem; 
            font-weight: 900; 
            color: #198754; 
            border-bottom: 5px solid #198754; 
            display: inline-block; 
            padding-bottom: 10px;
            margin-bottom: 40px;
        }

        /* TARJETA DE PERFIL (INTENDENTE) */
        .perfil-card {
            background: white;
            border-radius: 20px;
            overflow: hidden;
            box-shadow: 0 10px 25px rgba(0,0,0,0.08);
            border-top: 10px solid #198754;
        }

        /* IMAGEN DEL INTENDENTE */
        .img-intendente {
            width: 100%;
            height: auto;
            border-radius: 15px;
            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
        }

        /* TEXTOS */
        .nombre-intendente { font-size: 2rem; font-weight: 800; color: #212529; margin-top: 20px; }
        .cargo-badge { 
            background-color: #198754; color: white; padding: 6px 15px; 
            border-radius: 20px; font-weight: 600; font-size: 0.9rem; 
            display: inline-block; margin-bottom: 20px; text-transform: uppercase;
        }

        .texto-bio { line-height: 1.8; text-align: justify; color: #495057; font-size: 1.1rem; }

        /* ==================================================
           REGLAS PARA DESKTOP (PC) 
           ================================================== */
        @media (min-width: 992px) {
            body { font-size: 1.15rem; }
            .titulo-seccion { font-size: 3.5rem; margin-bottom: 50px; }
            .perfil-card { padding: 50px; border-radius: 30px; }
            .nombre-intendente { font-size: 2.8rem; margin-top: 0; }
            .cargo-badge { font-size: 1.1rem; margin-bottom: 30px; }
            .texto-bio { font-size: 1.25rem; }
        }