.elementor-29328 .elementor-element.elementor-element-ba360fd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for html, class: .elementor-element-469ce21 */footer {
            /* Colores Oficiales del Manual de Identidad */
            --brand-main: #266176;     /* Azul oscuro */
            --brand-bg: #efe9df;       /* Crema claro */
            --brand-accent: #c69554;   /* Dorado/Ocre */
            --brand-light: #dee0e6;    /* Gris claro azulado */
            
            /* Colores neutros de apoyo */
            --white: #ffffff;
            --brand-dark: #1a4250;     /* Variación más oscura del azul para hovers */
            --gray-text: #ffffff;
            
        }


        .site-footer {
            background-color: var(--brand-dark);
            color: var(--gray-text);
            padding: 80px 0 30px;
            font-size: 0.9rem;
            line-height: 1.6;
        }

        .footer-container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }

        .footer-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 40px;
            margin-bottom: 20px;
        }

        .site-footer h3 {
            color: var(--white);
            font-family: var(--font-serif);
            font-size: 1.5rem;
            margin-bottom: 15px;
            letter-spacing: 0.15em;
            font-weight: 400;
        }

        .site-footer h4 {
            color: var(--white);
            text-transform: uppercase;
            letter-spacing: 0.1em;
            margin-bottom: 20px;
            font-size: 0.8rem;
            font-weight: 700;
        }

        .site-footer ul {
            list-style: none;
        }

        .site-footer ul li {
            margin-bottom: 12px;
            display: flex;
            align-items: flex-start;
            gap: 10px;
        }

        .site-footer a {
            color: var(--gray-text);
            text-decoration: none;
            transition: color 0.3s ease;
        }

        .site-footer a:hover {
            color: var(--white);
        }

        /* Iconos SVG inline */
        .footer-icon {
            width: 18px;
            height: 18px;
            fill: none;
            stroke: currentColor;
            stroke-width: 2;
            stroke-linecap: round;
            stroke-linejoin: round;
            margin-top: 2px;
            /* Alineación óptica con el texto */
            flex-shrink: 0;
        }

        /* Texto destacado */
        .highlight-text {
            color: var(--white);
            font-weight: 700;
            display: block;
            margin-top: 8px;
        }

        .footer-bottom {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            align-items: center;
            font-size: 0.8rem;
            gap: 20px;
        }

        @media (min-width: 768px) {
            .footer-bottom {
                flex-direction: row;
                gap: 0;
            }
        }

        .footer-copyright {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 15px;
        }

        .footer-copyright p {
            margin: 0;
            color: #ffffff;
        }

        @media (min-width: 768px) {
            .footer-copyright {
                flex-direction: row;
                align-items: center;
            }
        }

        .footer-links {
            display: flex;
            gap: 20px;
            flex-direction: row;
        }


        /* Estilos para el logo de EBS WebDev */
        .developer-logo {
            display: inline-flex;
            align-items: center;
            opacity: 0.7;
            transition: opacity 0.3s ease;
            text-decoration: none;
        }

        .developer-logo:hover {
            opacity: 1;
        }

        .developer-logo svg {
            height: 35px;
            /* Tamaño reducido para encajar al lado del texto */
            width: auto;
        }

        @media (max-width: 1024px) {
            .footer-grid {
                grid-template-columns: repeat(2, 1fr);
            }
        }

        @media (max-width: 600px) {
            .footer-grid {
                grid-template-columns: 1fr;
                gap: 35px;
            }

            .footer-bottom {
                flex-direction: column;
                text-align: center;
                gap: 15px;
            }

            .footer-links {
                justify-content: center;
            }
        }/* End custom CSS */