@import url('https://fonts.googleapis.com/css2?family=Tangerine:wght@400;700&display=swap');
        @import url('https://fonts.googleapis.com/css2?family=Gelasio:ital,wght@0,400..700;1,400..700&display=swap');
        @import url('https://fonts.googleapis.com/css2?family=Albert+Sans:ital,wght@0,100..900;1,100..900&family=Gelasio:ital,wght@0,400..700;1,400..700&display=swap');
        @import url('https://fonts.googleapis.com/css2?family=Albert+Sans:ital,wght@0,100..900;1,100..900&family=Fira+Mono:wght@400;500;700&family=Gelasio:ital,wght@0,400..700;1,400..700&display=swap');


        @font-face {
            font-family: 'BigCaslonRegular';
            src: url('/public/font/big-caslon-regular_freefontdownload_org/big-caslon-regular.ttf') format('truetype');
            font-style: normal;
            font-weight: normal;
        }

        @font-face {
            font-family: 'MontserratRegular';
            src: url('/public/font/Montserrat/Montserrat-Regular.ttf') format('truetype');
            font-style: normal;
            font-weight: normal;
        }

        /* @font-face {
            font-family: 'MontserratRegular';
            src: url('/public/font/Montserrat/Montserrat-Regular.ttf') format('truetype');
            font-style: normal;
            font-weight: normal;
        } */

        /*
        p {
            font-family: 'MiFuente', sans-serif;
        } */

        :root {
            --background-color: black;
            --color-white: #ffffff;
            --color-gold-100: #f1c078;
            --color-gold-200: #db9763;
            --color-gold-300: #e29c67;
            --color-light-beige: rgba(235, 226, 211, 1.0);
            --color-dark-brown: rgba(60, 44, 28, 1.0);
            --color-dark-brown-op-5: rgba(60, 44, 28, .5)
        }

        html {
            scroll-behavior: smooth;
        }


        .tangerine-regular {
            font-family: "Tangerine", cursive;
            font-weight: 400;
            font-style: normal;
        }

        .tangerine-bold {
            font-family: "Tangerine", cursive;
            font-weight: 700;
            font-style: normal;
        }

        .gelasio-regular {
            font-family: "Gelasio", serif;
            font-optical-sizing: auto;
            font-weight: 400;
            font-style: normal;
        }

        .gelasio-bold {
            font-family: "Gelasio", serif;
            font-optical-sizing: auto;
            font-weight: 700;
            font-style: normal;
        }

        .gelasio-albert-sans {
            font-family: "Gelasio", serif;
            font-optical-sizing: auto;
            font-weight: 400;
            font-style: normal;
        }

        .big-caslon-regular {
            font-family: "BigCaslonRegular", serif;
            font-optical-sizing: auto;
            font-weight: 400;
            font-style: normal;
        }

        .big-caslon-bold {
            font-family: "BigCaslonRegular", serif;
            font-optical-sizing: auto;
            font-weight: 700;
            font-style: normal;
        }

        .big-caslon-italic {
            font-family: "BigCaslonRegular", serif;
            font-optical-sizing: auto;
            font-weight: 400;
            font-style: italic;
        }

        .montserrat-regular {
            font-family: "MontserratRegular", serif;
            font-optical-sizing: auto;
            font-weight: 400;
            font-style: normal;
        }

        .montserrat-regular-bold {
            font-family: "MontserratRegular", serif;
            font-optical-sizing: auto;
            font-weight: 700;
            font-style: normal;
        }

        .montserrat-italic {
            font-family: "MontserratRegular", serif;
            font-optical-sizing: auto;
            font-weight: 400;
            font-style: italic;
        }

        .montserrat-italic-bold {
            font-family: "MontserratRegular", serif;
            font-optical-sizing: auto;
            font-weight: 700;
            font-style: italic;
        }

        /* Efecto glass morphism avanzado */
        .glass-panel {
            background: rgba(255, 255, 255, 0.15);
            backdrop-filter: blur(12px);
            -webkit-backdrop-filter: blur(12px);
            border: 1px solid rgba(255, 255, 255, 0.18);
            box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.2);
        }

        .text-italic {
            font-style: italic;
        }

        /* Animación sutil al cargar */
        @keyframes fadeIn {
            from {
                opacity: 0;
                transform: translateY(20px);
            }

            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .animate-content {
            animation: fadeIn 1.2s ease-out forwards;
        }

        /* Asegurar que la imagen de fondo cubra todo */
        .bg-cover-image {
            background-size: cover;
            background-position: center;
            background-attachment: fixed;
        }

        .bg-ligth-beige {
            background-color: #fbf6f5;
        }

        .bg-dark-brown {
            background-color: var(--color-dark-brown);
        }

        .bg-dark-brown-op-5 {
            background-color: var(--color-dark-brown);
        }

        .color-gold-primary {
            color: var(--color-gold-100);
        }

        .color-gold-secundary {
            color: var(--color-gold-200);
        }

        .color-gold-three {
            /* color: #e2a64b; */
            color: var(--color-gold-300);
        }

        .color-light-beige {
            /* color: #e2a64b; */
            color: var(--color-light-beige);
        }

        .nav-iten:hover {
            color: var(--color-gold-200);
        }

        .shadow-color-gold-500 {
            box-shadow: .5px .5px 10px .2px var(--color-gold-100);
        }


        .font-ss {
            font-size: 6px;
        }

        .font-ss-title {
            font-size: 7px;
        }

        /* background: #fcf4f4; */
        .gradient_primary {
            /* background: #EBE2D3;
            background: linear-gradient(135deg, rgba(255, 255, 255, 1) 0%, rgba(235, 226, 211, 1) 50%, rgba(148, 132, 116, 1) 100%); */
            /*  /* background: linear-gradient(135deg, rgba(235, 226, 211, 1) 0%, rgba(148, 132, 116, 1) 50%, rgba(79, 66, 54, 1) 80%, rgba(60, 44, 28, 1) 100%); */
            /* background: linear-gradient(135deg, rgba(235, 226, 211, 1) 0%, rgba(148, 132, 116, 1) 50%, rgba(79, 66, 54, 1) 80%, rgba(60, 44, 28, 1) 100%); */
            /*
* Created with https://www.css-gradient.com
* Gradient link: https://www.css-gradient.com/?c1=ebe2d3&c2=948475&gt=r&gd=dtt
*/
            background: var(--color-light-beige);
            background: radial-gradient(at center top, var(--color-white), var(--color-light-beige), var(--color-dark-brown));
            /* background: radial-gradient(at center top, rgba(255, 255, 255, 1.0), rgba(235, 226, 211, 1.0), rgba(148, 132, 117, 1.0)); */
        }


        @media screen and (min-width: 1250px) and (max-width: 1500px) {

            #acronimo_content {
                opacity: 0;
            }


        }