@charset "UTF-8";

/* Fuente iconografica */
        @font-face {
            font-family: "govco-font";
            src: url("../assets/icons/fonts/govco-font-icons.ttf") format("truetype");
            font-weight: normal;
            font-style: normal;
        }

        html {
            font-size: 100%; /* 100% = 16px */
        }

        .barra-superior-govco {
            background-color: #3366cc;
            width: 100%;
            height: 3rem;
            padding-left: 4.375rem;
        }

            .barra-superior-govco a {
                content: url(https://cdn.www.gov.co/assets/images/logo.svg);
                height: 3rem;
                width: 12rem;
            }

                .barra-superior-govco a:focus-visible {
                    outline: max(0.125rem, 0.15em) solid #FFFFFF;
                    border-radius: 0.313rem;
                }

            .barra-superior-govco .idioma-icon-barra-superior-govco {
                height: 1.5rem;
                width: 1.5rem;
                border-radius: 0.313rem;
                background-color: #FFFFFF;
                cursor: pointer;
                padding: 0;
                border: 0.125rem solid #FFFFFF;
                font-size: 10px;
                position: absolute;
                right: 5.375rem;
            }

                .barra-superior-govco .idioma-icon-barra-superior-govco:hover {
                    background-color: #004884;
                }

                .barra-superior-govco .idioma-icon-barra-superior-govco:focus {
                    outline: max(0.125rem, 0.15em) solid #FFFFFF;
                    outline-offset: max(0.188rem, 0.15em);
                }

                .barra-superior-govco .idioma-icon-barra-superior-govco::before {
                    font-family: "govco-font";
                    content: '\ec56';
                    color: #3366CC;
                    font-size: 14px;
                }

                .barra-superior-govco .idioma-icon-barra-superior-govco:hover::before {
                    color: #FFFFFF;
                }

        @media (max-width: 991px) {
            .barra-superior-govco {
                justify-content: center;
                padding: 0;
            }

                .barra-superior-govco .idioma-icon-barra-superior-govco {
                    right: 1rem;
                }
        }