BioLink | La Pequeña Granja de Mamá Lulú – Bioconstrucción y Sostenibilidad

body {
font-family: ‘Quicksand', sans-serif;
background-color: #f0f4f1;
background-image:
linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)),
url(‘https://www.transparenttextures.com/patterns/natural-paper.png');
min-height: 100vh;
scroll-behavior: smooth;
}
.font-brand {
font-family: ‘Fredoka', sans-serif;
}

/* Animaciones suaves */
@keyframes fade-in {
from { opacity: 0; transform: translateY(20px); }
to { opacity: 1; transform: translateY(0); }
}
.animate-fade-in {
animation: fade-in 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

@keyframes shine {
100% { left: 125%; }
}
.shine-effect:hover .shine-bar {
animation: shine 0.8s ease-in-out;
}

/* Scrollbar personalizado */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #f1f1f1; }
::-webkit-scrollbar-thumb { background: #4C8B64; border-radius: 10px; }

/* Variantes de botones */
.btn-green { background: linear-gradient(to right, #4C8B64, #5ba678); border-color: #3d7050; }
.btn-orange { background: linear-gradient(to right, #F59E0B, #fbbf24); border-color: #d97706; }
.btn-brown { background: linear-gradient(to right, #785133, #8d6241); border-color: #5d3f27; }
.btn-teal { background: linear-gradient(to right, #0D9488, #2dd4bf); border-color: #0F766E; }

.btn-hover-transform {
will-change: transform, box-shadow;
}

{
«imports»: {
«react»: «https://esm.sh/react@^19.2.4»,
«react/»: «https://esm.sh/react@^19.2.4/»,
«lucide-react»: «https://esm.sh/lucide-react@^0.563.0»
}
}

Logo de La Pequeña Granja de Mamá Lulú