@import url("https://fonts.googleapis.com/css2?family=Roboto&display=swap");

        @import url("https://fonts.googleapis.com/css2?family=Montserrat&display=swap");

        @import url('https://fonts.googleapis.com/css2?family=Fira+Sans: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&family=Montserrat+Alternates:wght@300;400;700&display=swap');

        .fira-sans-thin {
            font-family: "Fira Sans", sans-serif;
            font-weight: 100;
            font-style: normal;
        }

        .fira-sans-extralight {
            font-family: "Fira Sans", sans-serif;
            font-weight: 200;
            font-style: normal;
        }

        .fira-sans-light {
            font-family: "Fira Sans", sans-serif;
            font-weight: 300;
            font-style: normal;
        }

        .fira-sans-regular {
            font-family: "Fira Sans", sans-serif;
            font-weight: 400;
            font-style: normal;
        }

        .fira-sans-medium {
            font-family: "Fira Sans", sans-serif;
            font-weight: 500;
            font-style: normal;
        }

        .fira-sans-semibold {
            font-family: "Fira Sans", sans-serif;
            font-weight: 600;
            font-style: normal;
        }

        .fira-sans-bold {
            font-family: "Fira Sans", sans-serif;
            font-weight: 700;
            font-style: normal;
        }

        .fira-sans-extrabold {
            font-family: "Fira Sans", sans-serif;
            font-weight: 800;
            font-style: normal;
        }

        .fira-sans-black {
            font-family: "Fira Sans", sans-serif;
            font-weight: 900;
            font-style: normal;
        }

        .fira-sans-thin-italic {
            font-family: "Fira Sans", sans-serif;
            font-weight: 100;
            font-style: italic;
        }

        .fira-sans-extralight-italic {
            font-family: "Fira Sans", sans-serif;
            font-weight: 200;
            font-style: italic;
        }

        .fira-sans-light-italic {
            font-family: "Fira Sans", sans-serif;
            font-weight: 300;
            font-style: italic;
        }

        .fira-sans-regular-italic {
            font-family: "Fira Sans", sans-serif;
            font-weight: 400;
            font-style: italic;
        }

        .fira-sans-medium-italic {
            font-family: "Fira Sans", sans-serif;
            font-weight: 500;
            font-style: italic;
        }

        .fira-sans-semibold-italic {
            font-family: "Fira Sans", sans-serif;
            font-weight: 600;
            font-style: italic;
        }

        .fira-sans-bold-italic {
            font-family: "Fira Sans", sans-serif;
            font-weight: 700;
            font-style: italic;
        }

        .fira-sans-extrabold-italic {
            font-family: "Fira Sans", sans-serif;
            font-weight: 800;
            font-style: italic;
        }

        .fira-sans-black-italic {
            font-family: "Fira Sans", sans-serif;
            font-weight: 900;
            font-style: italic;
        }


        /* pequeñas mejoras de transición y scroll suave */
        html {
            scroll-behavior: smooth;
        }

        body {
            background: #fafaf8;
        }

        .card-shadow {
            box-shadow: 0 12px 30px rgba(0, 0, 0, 0.05);
        }

        .gradient-text {
            background: linear-gradient(135deg, #1e2b3a, #2f4b5c);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .bg-evolutio {
            background: #f0f3f2;
        }

        .border-evolutio {
            border-color: #d0dcd9;
        }

        .hover-lift {
            transition: transform 0.2s ease, box-shadow 0.2s ease;
        }

        .hover-lift:hover {
            transform: translateY(-4px);
            box-shadow: 0 16px 32px rgba(0, 0, 0, 0.08);
        }

        .testimonial-quote::before {
            content: '\201C';
            font-size: 3rem;
            line-height: 0.8;
            color: #2f4b5c;
            opacity: 0.2;
            display: block;
            margin-bottom: -1rem;
        }

        .miguel {
            color: blue;
            margin: 30px;
            border: 3px dotted green;
        }

        #mobile-menu {
            transition: all 0.3s ease;
        }