#containerCircunscripcion {
    height: 800px;
    max-width: 100%;
    margin: 0 auto;
}


#queelegir-wrapper .card {
    min-height: 392px;
}

#queelegir-wrapper img.card-img-top {
    height: 200px;
    min-height: 200px;
    object-fit: none;
    object-position: bottom;
}


#queelegir-wrapper .carousel .card img {
    height: 200px;
    min-height: 200px;
    object-position: bottom;
    object-fit: none;
}

#queelegir-wrapper .carousel .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
    /*background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;*/
}

#queelegir-wrapper .carousel .carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    /*background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;*/
}


#container {
    height: 800px;
    max-width: 100%;
    margin: 0 auto;
}

.highcharts-tooltip > span {
    padding: 10px;
    white-space: normal !important;
    width: 200px;
}

.loading {
    margin-top: 10em;
    text-align: center;
    color: gray;
}

.f32 .flag {
    vertical-align: middle !important;
}

.map-detail {
    color: #fff;
    background-color: #d49e55;
}

    .map-detail .left-border {
        padding-left: 10px;
        border-left: 1px solid #fff;
    }

.map-detail table {
    color: #fff !important;
}

    .map-detail h2, .map-detail h6 {
        margin: 0;
    }


.tabla-cargos {
    font-family: "DM Sans";
    border-radius: 5px;
    max-width: 100%;
}

    .tabla-cargos tr:nth-child(even) {
        background-color: #dea558;
    }

    .tabla-cargos td {
        font-size: .9em;
        padding: .5em;
        vertical-align: top;
        text-align: center;
    }

    .tabla-cargos th,
    .tabla-cargos td {
        border-color: #24293D;
        border-style: solid;
        border-width: 1px;
    }

.tabla-encabezado {
    background-color: #24293d;
    color: #FFF;
    font-size: .7em;
    font-weight: bolder;
    padding: 1em;
    text-transform: uppercase;
    text-align: center;
}

.tabla-subtitulos {
    color: #dea558;
    font-size: .7em;
}

.tabla-cargos ul {
    list-style: none;
    padding-left: 10px;
}

.tabla-cargos tbody tr:hover td, .tabla-cargos tbody tr:hover th {
    background-color: #6987ff;
    color: #24293d;
}


/* Estilo para el nombre del Estado (votacionEstado) */
.votacion {
    background-color: #22283E;
    font-family: "DM Sans";
}

/* Estilo para el nombre del Estado (votacionEstado) */
.votacionEstado {
    color: #dea558;
    font-size: 1.5em;
    font-weight: 800;
    line-height: .9em;
    padding: .7em;
}

/* Estilo para Subtitulos (votacionSubtitulos) */
.votacionSubtitulo {
    color: #FFF;
    font-size: .5em;
    font-weight: 400;
    text-transform: none;
}

/* Estilo para el número de Cargos (votacionCargos) */
.votacionCargos {
    border-left: 1px solid #303752;
    color: #dea558;
    font-size: 1.5em;
    font-weight: 800;
    line-height: .9em;
    padding: .7em;
}

.votacionTipo {
    border-top: 1px solid #303752;
    color: #dea558;
    font-size: .7em;
    padding: .7em;
}

.votacionEleccion {
    color: #FFF;
    padding: .7em;
}

.votacionNumero {
    font-size: 1.5em;
    font-weight: 800;
}


.box-statesyellow {
    display: inline-block;
    background-color: #d49e55;
    width: 20px;
    height: 20px;
    border: 2px solid #d49e55;
}

.box-statesblue {
    display: inline-block;
    background-color: #24293d;
    width: 20px;
    height: 20px;
    border: 2px solid #24293d;
}



@media (max-width: 768px) {
    #queelegir-wrapper .carousel .card img {
        object-fit: fill;
    }
    #queelegir-wrapper img.card-img-top {
        object-fit: fill;
    }
}

.card-materialesDescarga-img {
    color: #FFF;
    height: 200px;
    text-align: center;
    align-content: flex-end;
    border-radius: 30px 30px 30px 0;
    padding-bottom: 1.9rem !important; /* Reduce el padding a 1rem */
}
.cardMaterialDescarga {
    background-size: cover !important;
    background: url('/assets/data/materiales-000.jpg') no-repeat center center;
}