@import url('https://fonts.googleapis.com/css2?family=Courgette&family=Dancing+Script:wght@400..700&family=Pacifico&family=Parisienne&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Courgette&family=Dancing+Script:wght@400..700&family=Pacifico&family=Parisienne&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&family=Courgette&family=Dancing+Script:wght@400..700&family=Pacifico&family=Parisienne&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&family=Courgette&family=Dancing+Script:wght@400..700&family=Lora:ital,wght@0,400..700;1,400..700&family=Pacifico&family=Parisienne&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&family=Courgette&family=Dancing+Script:wght@400..700&family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=Lora:ital,wght@0,400..700;1,400..700&family=Pacifico&family=Parisienne&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&family=Courgette&family=Dancing+Script:wght@400..700&family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=Lora:ital,wght@0,400..700;1,400..700&family=Pacifico&family=Parisienne&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&family=Courgette&family=Dancing+Script:wght@400..700&family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=Lora:ital,wght@0,400..700;1,400..700&family=Pacifico&family=Parisienne&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@import "../../node_modules/tailwindcss/index.css";

@import "../../node_modules/flowbite/src/themes/default.css";
@plugin "../../node_modules/flowbite/plugin";
@source "../../node_modules/flowbite";

@theme{
    /*Color logo*/
    --color-logo: #D2E1C4;

    /*Color beige claro*/
    --color-beige: #F5F5DC;
    /*Gris oscuro*/
    --color-gris: #333333;
    /*Gris claro*/
    --color-grisClaro: #6E6E6E;
    /*Verde bosque*/
    --color-verde: #4A6D50;
    /*Negro*/
    --color-negro: #1A1A1A;

    /* Fuentes */
    --font-display-Pacifico: 'Pacifico', cursive;
    --font-display-Parisienne: 'Parisienne', cursive;
    --font-display-CormorantGaramond: 'Cormorant Garamond', serif;
    --font-display-EBGaramond: 'EB Garamond', serif;
    --font-display-Lora: 'Lora', serif;
    --font-display-Poppins: 'Poppins', sans-serif;
    --font-display-Courgette: 'Courgette', cursive;
    --font-display-DancingScript: 'Dancing Script', cursive;
    --font-display-PlayfairDisplay: 'Playfair Display', serif;

    /* Breakpoints */
    --breakpoint-mobile: 850px;
    --breakpoint-md2: 769px;
}

/* Animaciones básicas */
.aparecer {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.6s ease-out;
}

.aparecer.activo {
    opacity: 1;
    transform: translateY(0);
}

.aparecer-secuencial {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.6s ease-out;
}

.aparecer-secuencial.activo {
    opacity: 1;
    transform: translateY(0);
}

/* Animación para imágenes */
.imagen-aparecer {
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}

.imagen-aparecer.cargada {
    opacity: 1;
}

/* Estilos para los contenedores de calendario */
.calendar-container {
    height: 600px;
    margin-bottom: 20px;
}




