@charset "UTF-8";
@import url(https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400&display=swap);

body {
    color: #A9B1CD;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 16px;
}

h1, h2, h3, h4, h5, h6 {
    color: #fff;
    font-family: Oswald,sans-serif;
    line-height: 1.3;
    letter-spacing: 1px;
    font-weight: 300;
    text-transform: uppercase;
}

h1 {
    font-size: 2.5rem;
}

.color-deberes,
.deberes-y-responsabilidades {
    color: #EF476F;
}

.bg-deberes {
    background-color: #EF476F !important;
}

.bg-derechos {
    background-color: #1AB14B !important;
}

.bg-instituciones {
    background-color: #9467BD !important
}

.bg-valores {
    background-color: #F37021 !important;
}

.bg-conceptos {
    background-color: #2A3B53 !important;
}

.seccion-top {
    background-image: linear-gradient(to bottom, #111B29, #2A3B53);
    height: 100vh;
    padding: 5rem 3rem 2rem;
}

.seccion-resultados {
    background-color: #111B29;
    padding: 5rem 3rem 2rem;
}

.cabecera p {
    letter-spacing: .05rem;
}

.bajada {
    font-size: 1.2rem;
    letter-spacing: .05rem;
}

.bajada a {
    color: dodgerblue;
    text-decoration: underline;
}

.des-por {
    bottom: 3rem;
    position: absolute;
    z-index: 9;
}

.contenedor-buscador {
    width: 35%;
}

.position-buscador {
    left: 90px;
    position: absolute;
    top: 50%;
    z-index: 999;
}

.position-buscador h5 {
    font-size: 1rem;
    margin-left: -32px;
    margin-top: 1rem;
    opacity: 0;
}

.contenedor-buscador-movil {
    display: none;
}

.position-conceptos {
    left: 160px;
    position: absolute;
    top: 50%;
    z-index: 998;
}

.position-conceptos h5 {
    font-size: 1rem;
    margin-top: 1rem;
    opacity: 0;
}

.position-ciudadanos {
    left: 245px;
    position: absolute;
    top: 50%;
    z-index: 997;
}

.position-ciudadanos h5 {
    font-size: 1rem;
    margin-top: 1rem;
    opacity: 0;
}

.buscador, .conceptos {
    background-color: #111B29;
    border: 3px solid white;
    padding: .3rem;
    height: 63px;
    position: relative;
    width: 63px;
}

.buscador-libre,
.buscador-movil {
    background-color: #111B29;
    border: 3px solid white;
    padding: .3rem;
    height: 63px;
    position: relative;
}

.buscador input,
.buscador-libre input,
.buscador-movil input {
    background-color: #111B29;
    border: none;
    color: white;
    font-size: 1.9rem;
    width: 100%;
}

.buscador input,
.buscador-libre input {
    padding-right: 6rem;

}

.buscador input:focus,
.buscador-libre input:focus,
.buscador-movil input:focus {
    color: white;
    outline: none;
}

#cierra-buscador {
    position: absolute;
    right: 3rem;
}

#button-addon2 {
    position: absolute;
    right: .5rem;
}

.sunburst {
    position: relative;
}

.tit-explore {
    margin-top: 1.3rem;
}

.tit-sunburst {
    position: absolute;
    left: 50%;
    top: 54%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    z-index: 9;
}

.sin-resultados {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    z-index: 9;
}

.switch-menciones {
    position: absolute;
    right: 0;
    top: 3.5rem;
    z-index: 99;
}

.seccion-presentacion {
    background-color: #111B29;
    padding: 5rem 3rem 2rem;
}

.seccion-presentacion-blanco,
.seccion-presentacion-blanco .card {
    background-color: white;
    color: #111B29 !important;
}

.seccion-presentacion-blanco h2,
.seccion-presentacion-blanco h3,
.seccion-presentacion-blanco h4 {
    color: #111B29 !important;
}

.modal {
    top: 60px !important;
}

.modal-100 {
    width: 100% !important;
}
.modal-100 {
    max-width: 100% !important;
}

#conceptosClaves .modal-content,
#conceptosCiudadanos .modal-content,
#modalRanking .modal-content,
#modalInfografia .modal-content,
#modaldiccionario .modal-content,
#modalNube .modal-content,
#modalExt .modal-content,
#modalRed .modal-content {
    background-color: #111B29 !important;
    color: white !important;
}

#modalCompartir .modal-content,
#modalEjemplo .modal-content {
    background-color:white !important;
    color: #333 !important;
}

#modalCompartir .modal-content h5,
#modalEjemplo .modal-content h5 {
    color: #111B29 !important;
}

.badge-bcn {
    background-color: #EF476F;
}

.font-rojo-bcn {
    color: #EF476F;
}

.font-celeste {
    color: #A9B1CD;
}

.font-amarillo-bcn {
    color: #FCB711;
}

.font-azul-bcn {
    color: #1780D0;
}

.color-deberes,
.deberes-y-responsabilidades {
    color: #EF476F;
}

.badge-deberes {
    background-color: #EF476F;
    font-size: 1rem;
    margin-left: .5rem;
}

.color-derechos,
.derechos {
    color: #1AB14B;
}

.badge-derechos {
    background-color: #1AB14B;
    font-size: 1rem;
    margin-left: .5rem;
}

.color-instituciones,
.instituciones {
    color: #9467BD;
}

.badge-instituciones {
    background-color: #9467BD;
    font-size: 1rem;
    margin-left: .5rem;
}

.color-valores,
.valores-y-principios {
    color: #F37021;
}

.badge-valores {
    background-color: #F37021;
    font-size: 1rem;
    margin-left: .5rem;
}

#presentacion::before {
    display: block;
    content: " ";
    margin-top: -65px;
    height: 65px;
    visibility: hidden;
}

#presentacion a {
    color: dodgerblue;
    text-decoration: underline;
}

#presentacion a:not([href]) {
    color: dodgerblue;
    text-decoration: underline;
}

#presentacion .scroll img {
    height: 50px;
}

#presentacion h3 {
    font-size: 1.2rem;
    margin: 1rem;
}

#presentacion h4 {
    font-size: .8rem;
}

#presentacion .sub p {
    font-size: .9rem;
}

.popover {
    z-index: 999999;
}

.popover-header {
    color: #111B29;
}

.popover-body {
    font-family: "Roboto Condensed", sans-serif;
}

.card {
    background-color: rgba(42, 59, 83, .3);
    margin-bottom: 2rem;
}

#presentacion .card {
    height: 300px;
}

.md-accordion .card {
    border-bottom: none !important;
    margin-bottom: 1px !important;
}

.md-accordion .card h5 {
    font-size: 1rem;
}

.md-accordion .card .card-body {
    padding: 0 !important;
}

.md-accordion .card ul li {
    color: #A9B1CD;
}

.md-accordion .card a {
    color: dodgerblue;
}

.md-accordion .card .collapse a {
    text-decoration: underline;
}

.conceptos-ciudadanos p {
    font-size: .9rem;
}

.conceptos-ciudadanos .barra {
    height: 2px;
    width: 0;
}

.conceptos-ciudadanos .punto {
    border-radius: 100px;
    height: 4px;
    width: 4px;
}

.conceptos-ciudadanos a {
    color: #A9B1CD;
}

.conceptos-ciudadanos a:hover,
.conceptos-ciudadanos a .activo {
    color: white;
}

.contenedor-fundamentos {
    /*background-color: rgba(256, 256, 256, .8);*/
    border: 4px solid #2A3B53;
    color: white;
}

.conceptos-movil {
    display: none;
}

.tit-fundamentos {
    background-color: #2A3B53;
}

.filtros-fundamentos {
    background-color: #2A3B53;
    padding: .5rem 1rem;
}

.btn-contraste label {
    font-size: .81rem;
    font-weight: 500;
    padding-top: 3px;
    text-transform: uppercase;
}

.btn-salir-acuerdo {
    bottom: .05rem;
    left: 3.8rem;
    position: absolute;
}

.fundamentos {
    height: 52vh;
    padding-left: 1rem;
}

.fundamentos-buscador {
    padding: 1rem;
    padding-top: 0;
}

.fundamentos-buscador b {
    color: #A9B1CD;
}

.fundamentos-blanco {
    background-color: white;
    color: #111B29 !important;
}

.fundamentos-blanco h6 {
    color: #111B29 !important;
}

.mensaje-fundamentos {
    padding-top: 3rem;
    text-align: center;
}

.mensaje-fundamentos h6 {
    width: auto;
}

.fundamentos a,
.fundamentos-buscador a {
    color: dodgerblue;
    text-decoration: underline;
}

.paginador-fundamentos {
    background-color: #2A3B53;
    color: #A9B1CD;
    padding: 1rem 1rem .4rem 1rem;
}

.pagination .page-item .page-link {
    color: #A9B1CD;
    border: 1px solid #2A3B53;
}

.pagination .page-item .page-link:hover {
    background-color: transparent;
    border: 1px solid #A9B1CD;
}

#acuerdo svg text {
    fill: #A9B1CD;
}

.breadcrumb {
    background-color: transparent !important;
    margin: 0 !important;
    padding: 0 !important;
}

.breadcrumb a {
    color: #A9B1CD;
}

.breadcrumb-item.active {
    color: white;
}

.input-cir {
    position: absolute;
    right: 0;
    top: 2.5rem;
}

.text-truncate {
    display: inline-block;
    max-width: 290px;
}

.bg-selector-regiones {
    position: absolute;
    right: 0;
    top: 2rem;
    z-index: 999;
}

.bg-selector-distritos {
    position: absolute;
    right: 8rem;
    top: 2rem;
    z-index: 999;
}

.titulo-mapa {
    left: 1rem;
    position: absolute;
    top: 6.8rem;
}

.titulo-extranjeros {
    right: 0;
    position: absolute;
    bottom: 0;
}

.btn-danger {
    background-color: #EF476F !important;
}

.card-buscador a {
    opacity: .9;
}

.card-buscador a:hover {
    opacity: 1;
}

.card-buscador button {
    bottom: 0;
    left: 48.9%;
    position: absolute;
    z-index: 9;
}

.list-group-item {
    background-color: transparent !important;
    border: none !important;
    padding: .1rem 0 !important;
}

.comunas-buscador a {
    color: #A9B1CD;
}

.comunas-buscador a:hover {
    color: #fff;
}

.lista-corta {
    overflow: hidden;
}

.scroll {
    overflow-y: scroll;
}

#paises {
    margin-top: 12rem;
}

#paises div {
    background-color: #2A3B53;
    cursor: pointer;
}

.flags {
    width: auto;
    height: 15px;
}

span.dc {
    color: dodgerblue;
    cursor: pointer;
    text-decoration: underline;
}

.btn-fixed-dc {
    background-color: #111B29 !important;
    position: fixed;
    right: 1rem;
    top: 5rem;
}

.btn-fixed-dc i {
    padding: .5rem;
}

/* Scrollbar */

.scrollbar-ripe-malinka::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #111B29;
    border-radius: 10px;
}

.scrollbar-ripe-malinka::-webkit-scrollbar {
    width: 6px;
    background-color: #111B29;
}

.scrollbar-ripe-malinka::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-image: -webkit-linear-gradient(330deg, #111B29 0%, #EF476F 100%);
    background-image: linear-gradient(120deg, #111B29 0%, #EF476F 100%);
}

/* Switch */

.switch label .lever {
    background-color: #A9B1CD;
}

.switch label input[type="checkbox"]:checked+.lever {
    background-color: rgba(255,64,129,.54);
}

.switch label input[type="checkbox"]:checked+.lever:after {
    background-color: #EF476F;
}

.form-check-input[type="radio"]:not(:checked)+label, .form-check-input[type="radio"]:checked+label, label.btn input[type="radio"]:not(:checked)+label, label.btn input[type="radio"]:checked+label {
    padding-left: 30px;
}

.form-check-input[type="radio"]:checked+label:after, .form-check-input[type="radio"].with-gap:checked+label:after, label.btn input[type="radio"]:checked+label:after, label.btn input[type="radio"].with-gap:checked+label:after {
    background-color: #EF476F;
}

.form-check-input[type="radio"]:checked+label:after, .form-check-input[type="radio"].with-gap:checked+label:before, .form-check-input[type="radio"].with-gap:checked+label:after, label.btn input[type="radio"]:checked+label:after, label.btn input[type="radio"].with-gap:checked+label:before, label.btn input[type="radio"].with-gap:checked+label:after {
    border: 2px solid #EF476F;
}

.custom-control {
    display: inline-block;
}

.custom-control-input:checked~.custom-control-label::before {
    border-color: #EF476F;
    background-color: #EF476F;
}

.border-right {
    border-right: 1px solid #2A3B53 !important;
}

.pagination.pg-red .page-item.active .page-link {
    background-color: #EF476F;
}

.formTerritorial {
    text-align: right;
}

.n-cabildos-movil {
    display: none !important;
}

/* MEDIA QUERYS */
/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199px) {

    .bajada {
        font-size: 1.1rem;
    }

    .textos {
        font-size: .7rem;
    }
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991px) {

    .seccion-top {
        padding: 4rem 1rem 1rem 1rem;
    }

    .contenedor-buscador {
        width: 100%;
    }

    .contenedor-sunburst {
        display: none;
    }

    .bajada {
        font-size: 1rem;
    }

    .contenedor-buscador-movil {
        display: block;
    }

    .conceptos-movil {
        display: block;
    }

    .conceptos-movil h5 {
        font-size: .8rem;
    }

    .position-buscador,
    .position-conceptos,
    .position-ciudadanos {
        display: none;
    }

    .des-por {
        bottom: 1rem;
        font-size: .8rem;
    }

    .modal-body h3 {
        font-size: 1.2rem;
    }

    .oculta-md {
        display: none !important;
    }
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 812px) {

    h2 {
        font-size: 1.4rem !important;
    }

    h3 {
        font-size: 1.3rem !important;
    }

    .seccion-top {
        height: auto;
    }

    .seccion-presentacion {
        padding: 3rem 1rem 1rem 1rem;
    }

    .seccion-resultados {
        padding: 3rem 1rem 2rem;
    }

    .breadcrumb {
        font-size: .8rem;
    }

    .formTerritorial {
        text-align: left;
    }

    #formTerritorial {
        margin-top: 1rem;
    }

    #formTerritorial .border-right {
        border-right: none !important;
    }

    .fundamentos small {
        display: block !important;
    }

    .fundamentos .fal {
        font-size: 1rem !important;
    }

    .tipo-encuentro .border-right{
        border-right: none !important;
    }

    .n-cabildos-movil {
        display: flex !important;
    }

    .oculta-sm {
        display: none !important;
    }
}

@media (max-height: 768px) {

    .position-buscador {
        top: 60%;
    }

    .position-conceptos {
        top: 60%;
    }

    .position-ciudadanos {
        top: 60%;
    }
}