/**
 * Alliyana Theme — custom.css
 * Animaciones de aparición (réplica de Motion), selección, detalles base.
 */

/* Selección de texto (selection:bg-oro-brillante/30 del original) */
::selection {
	background-color: rgba(225, 175, 111, 0.3);
}

html {
	scroll-behavior: smooth;
}

body {
	background-color: #FDFBF9;
}

/* Compensar el navbar fijo al navegar a anclas */
#actividades,
#empresas,
#donaciones {
	scroll-margin-top: 96px;
}

/* ---------- Animaciones de aparición ---------- */
.alliyana-anim {
	opacity: 0;
	transition: opacity 0.8s ease, transform 0.8s ease;
	will-change: opacity, transform;
}
.alliyana-anim[data-anim="fade-up"]   { transform: translateY(30px); }
.alliyana-anim[data-anim="slide-left"]{ transform: translateX(-50px); }
.alliyana-anim[data-anim="scale-in"]  { transform: scale(0.85); transition-duration: 1s; }
.alliyana-anim.is-visible {
	opacity: 1;
	transform: none;
}

/* Respeto a usuarios con movimiento reducido */
@media (prefers-reduced-motion: reduce) {
	.alliyana-anim,
	.alliyana-bar {
		opacity: 1 !important;
		transform: none !important;
		transition: none !important;
	}
}

/* Barras de impacto */
.alliyana-bar {
	transition: width 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Menú móvil: animación de despliegue */
.alliyana-mobile-anim {
	animation: alliyanaSlideDown 0.3s ease both;
}
@keyframes alliyanaSlideDown {
	from { opacity: 0; transform: translateY(-20px); }
	to   { opacity: 1; transform: translateY(0); }
}

/* Modal: aparición */
#alliyana-modal-alianza .alliyana-modal-backdrop {
	animation: alliyanaFadeIn 0.25s ease both;
}
#alliyana-modal-alianza .alliyana-modal-box {
	animation: alliyanaModalIn 0.3s ease both;
}
@keyframes alliyanaFadeIn {
	from { opacity: 0; }
	to   { opacity: 1; }
}
@keyframes alliyanaModalIn {
	from { opacity: 0; transform: scale(0.95) translateY(15px); }
	to   { opacity: 1; transform: scale(1) translateY(0); }
}

/* Enlaces sin subrayado por defecto (estética del diseño) */
a {
	text-decoration: none;
}

/* Contenido de páginas estándar (prose básico sin plugin) */
.prose h2 { font-family: "Cormorant Garamond", serif; color: #2C5651; font-size: 1.875rem; margin: 2rem 0 1rem; }
.prose h3 { font-family: "Cormorant Garamond", serif; color: #2C5651; font-size: 1.5rem; margin: 1.5rem 0 0.75rem; }
.prose p  { margin-bottom: 1.25rem; line-height: 1.75; }
.prose ul { list-style: disc; padding-left: 1.5rem; margin-bottom: 1.25rem; }
.prose ol { list-style: decimal; padding-left: 1.5rem; margin-bottom: 1.25rem; }
.prose a  { color: #E1AF6F; }
.prose a:hover { color: #D1A186; }
.prose img { border-radius: 24px; }