/* AMPA Custom Styles */
/* Estilos específicos de la aplicación AMPA */

/* Colores principales */
:root {
    --ampa-primary: #2e2e8e;
    --ampa-secondary: #87cdc1;
    --ampa-dark: #1c1919;
    --ampa-light: #ffffff;
}

/* Ajustes generales */
.container-fluid {
    overflow-x: hidden;
}

/* Cards y contenedores */
.card {
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

/* Botones */
.btn-ampa {
    background-color: var(--ampa-primary);
    color: var(--ampa-light);
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
}

.btn-ampa:hover {
    background-color: var(--ampa-secondary);
    color: var(--ampa-dark);
}

/* Formularios */
.form-control:focus {
    border-color: var(--ampa-secondary);
    box-shadow: 0 0 0 0.2rem rgba(135, 205, 193, 0.25);
}

/* Navegación */
.navbar {
    padding: 0;
}

.nav-link {
    transition: color 0.3s ease;
}

/* Footer */
footer {
    background-color: var(--ampa-secondary);
    color: var(--ampa-light);
}

/* Animaciones WOW.js */
.wow {
    visibility: hidden;
}