/* Paleta de colores personalizada */
:root {
    --arena: #D4A574;
    --dorado: #B8860B;
    --vino: #722F37;
    --beige: #F5E6D3;
    --arena-oscuro: #B8956A;
}

/* Fondo con textura sutil inspirado en arquitectura colonial */
body {
    background: 
        linear-gradient(135deg, #F5E6D3 0%, #E8D5C4 50%, #F0DDC8 100%),
        repeating-linear-gradient(
            45deg,
            transparent,
            transparent 2px,
            rgba(212, 165, 116, 0.03) 2px,
            rgba(212, 165, 116, 0.03) 4px
        );
    background-attachment: fixed;
}

/* Animaciones sutiles */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.fade-in-up {
    animation: fadeInUp 0.6s ease-out;
}

/* Efecto hover en tarjetas */
.news-card {
    transition: all 0.3s ease;
}

.news-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(114, 47, 55, 0.15);
}

/* Estilo del logo */
.logo-text {
    font-family: 'Georgia', serif;
    letter-spacing: 3px;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
    font-weight: 700;
}

/* Búsqueda con efecto */
.search-input:focus {
    outline: none;
    border-color: #722F37;
    box-shadow: 0 0 0 3px rgba(114, 47, 55, 0.1);
}

/* Sección oculta por defecto */
.section-hidden {
    display: none;
}

/* Modal de noticia completa */
.modal-overlay {
    background: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(4px);
}

.modal-content {
    max-height: 90vh;
    overflow-y: auto;
}

/* Botones de compartir */
.share-btn {
    transition: all 0.2s ease;
}

.share-btn:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

/* Efecto de línea clamp para textos */
.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.line-clamp-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Estilos para imágenes de noticias */
.news-card img {
    transition: transform 0.3s ease;
}

.news-card:hover img {
    transform: scale(1.05);
}