/*
Theme Name: Tania Araujo - Concejal
Theme URI: https://taniaaraujo.com.py
Author: Asistente AI
Description: Tema oficial para la campaña de Tania Araujo a Concejal de Asunción. Diseño moderno, responsive y optimizado.
Version: 1.0
License: GNU General Public License v2 or later
Text Domain: tania-tema
*/

/* --- ESTILOS BASE DEL TEMA --- */

:root {
    --color-primario: #DC2626;    /* Rojo Compromiso */
    --color-secundario: #0F172A;  /* Azul Institucional */
    --color-fondo: #FFFFFF;
    --fuente-principal: 'Montserrat', sans-serif;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: var(--fuente-principal);
    color: #334155;
    line-height: 1.6;
    margin: 0;
    padding: 0;
}

/* Tipografía */
h1, h2, h3, h4, h5, h6 {
    font-weight: 900;
    color: var(--color-secundario);
    line-height: 1.2;
}

/* Utilidades personalizadas (en caso de que el CDN de Tailwind falle) */
.bg-tania-red {
    background-color: var(--color-primario);
}

.text-tania-red {
    color: var(--color-primario);
}

/* Ajustes para imágenes de la candidata */
.foto-candidata {
    transition: transform 0.3s ease;
    border-radius: 1.5rem;
}

.foto-candidata:hover {
    transform: scale(1.02);
}

/* Botones personalizados */
.btn-campaña {
    display: inline-block;
    padding: 1rem 2rem;
    border-radius: 0.75rem;
    font-weight: bold;
    text-decoration: none;
    transition: all 0.2s ease;
}

/* Estilos para el formulario de contacto */
input, textarea {
    width: 100%;
    padding: 0.75rem;
    margin-bottom: 1rem;
    border: 1px solid #e2e8f0;
    border-radius: 0.5rem;
}

input:focus {
    outline: none;
    border-color: var(--color-primario);
    ring: 2px var(--color-primario);
}