/* styles/pages.css */

/* Estilos específicos para páginas */

/* Página de inicio - ya no necesario el gradient aquí porque está en layout.css */

/* Responsive adjustments para hero content */
@media (max-width: 968px) {
    .hero-content h1 {
        font-size: 2.75rem;
    }
}

@media (max-width: 768px) {
    .hero-content h1 {
        font-size: 2.25rem;
    }
    
    .left-section,
    .right-section {
        padding: 2rem 1.5rem;
    }
}

/* Estilos para otras páginas */
.page-header {
    background: var(--background-light);
    padding: 2rem 0;
    text-align: center;
}

.page-content {
    padding: 3rem 0;
}

.page-content .container {
    max-width: 800px;
}