.elementor-742 .elementor-element.elementor-element-ded2425{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:stretch;--gap:20px 10px;--row-gap:20px;--column-gap:10px;--flex-wrap:wrap;--align-content:flex-start;--padding-top:80px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-742 .elementor-element.elementor-element-350e9e0{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:left;}.elementor-742 .elementor-element.elementor-element-350e9e0 .elementor-heading-title{font-family:"US 101", Sans-serif;font-size:45px;font-weight:400;text-transform:uppercase;line-height:1.2em;}.elementor-742 .elementor-element.elementor-element-5641baa{width:100%;max-width:100%;font-family:"Arimo", Sans-serif;font-size:17px;font-weight:400;line-height:1.5em;}.elementor-742 .elementor-element.elementor-element-2ac43d9{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}@media(max-width:767px){.elementor-742 .elementor-element.elementor-element-ded2425{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-742 .elementor-element.elementor-element-5641baa{width:100%;max-width:100%;font-size:16px;}}/* Start custom CSS for html, class: .elementor-element-2ac43d9 */.container {
    background-color: #fff;
    padding: 10px;
    /* Más espacio interno */
    border-radius: 10px; 
    /* Bordes más redondeados */
}

.titulo, .texto {
    width: 100%;
}

section {
    margin-bottom: 30px;
    padding: 20px;
    border: 1px solid #3e3d40;
    /* Borde más claro */
    border-radius: 8px;
    background-color: #fff;
    gap: 15px;
}



label {
    display: block;
    margin-bottom: 8px;
    font-weight: bold;
    color: #343a40;
}

input[type="number"],
input[type="text"] {
    width: 100%;
    padding: 10px;
    border: 1px solid #ced4da;
    border-radius: 6px;
    box-sizing: border-box;
    margin-bottom: 10px;
}

button {
    display: inline-block;
    /* Para que ocupe el ancho necesario */
    padding: 12px 20px;
    color: white;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-size: 1rem;
    transition: background-color 0.2s ease;
}

.btn-calcular {
    background-color: #e4007d;
    width: 100%;
    font-weight: 600;
}

.voto-blanco {
    display: none;
    margin-top: 15px;
    width: 50%;
    font-weight: 600;
}

.btn-agregar {
    background-color: #e4007d;
    width: 50%;
    font-weight: 600;
}

.sesenta {
    width: 50%;
}

.treinta {
    width: 40%;
}

.dflex {
    display: flex !important;
    flex-wrap: wrap;
}

button:hover {
    background-color: #E4007D;
}

#resultados-inicial,
#resultados-proyeccion,
#consideraciones-finales {
    padding: 20px;

}

#curules-por-lista {
    list-style: none;
    padding: 0;
}

#curules-por-lista li {
    font-size: 1.5em;
    color: #E4007D   ;
    font-weight: 600;
    margin-bottom: 10px;
}

.hidden {
    display: none;
}

.lista-input {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    margin-bottom: 15px;
    align-items: center;
}

.lista-input label {
    grid-column: 1 / -1;
    /* La etiqueta ocupa todo el ancho en grid */
    margin-bottom: 5px;
}

.lista-input input[type="text"] {
    width: calc(100% - 10px);
}

.lista-input input[type="number"] {
    width: calc(100% - 10px);
}

.numeros {
    color: #E4007D;
    font-weight: 700;
}

#agregar-lista {
    background-color: #FFF;
    /* Verde para "agregar" */
    color: #c1c1c1;
    border: none;
    padding: 10px 15px;
    cursor: pointer;
    font-size: 1em;
    display: inline-block;
    text-decoration: none;
}

#agregar-lista:hover {
    color: #E4007D;
}

.btn-proyeccion {
    margin-top: 15px;
    background-color: #E4007D;
    width: 50%;
    font-weight: 600;
}

.alerta {
    color: #E4007D;
    /* Rojo para alertas */
    margin-bottom: 15px;
    font-weight: bold;
    margin-top: 15px;
}

/* Estilos específicos para la sección de umbral */
#circunscripcion-territorial>h2 {
    margin-bottom: 20px;
}

#resultados-inicial h3 {
    font-size: 1.25rem;
    margin-top: 0;
    margin-bottom: 10px;
    text-align: left;
    /* Alinea a la izquierda como en la imagen */
}

#resultados-inicial p {
    margin-bottom: 8px;
}

#resultados-inicial span {
    font-weight: bold;
    color: #e4007d;
}

/* Estilos para la sección de curules por partido */
#proyeccion-votos>h2 {
    margin-bottom: 20px;
}

#resultados-proyeccion h3 {
    font-size: 1.25rem;
    margin-top: 0;
    margin-bottom: 10px;
    text-align: left;
}

#resultados-proyeccion ul {
    padding-left: 20px;
}

#resultados-proyeccion li {
    margin-bottom: 8px;
}

#resultados-proyeccion p#cifra-repartidora-final {
    margin-top: 15px;
    font-weight: bold;
}

/* Estilos para la sección de circunscripción especial */
#circunscripcion-especial {
    background-color: #e9ecef;
    /* Un gris muy claro */
    border: 1px solid #ced4da;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 30px;
}

#circunscripcion-especial h2 {
    font-size: 1.3rem;
    margin-top: 0;
    margin-bottom: 10px;
    text-align: left;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'US 101';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://www.formaaccion.ocuparlapolitica.co/wp-content/uploads/2025/04/US101.ttf') format('truetype');
}
/* End Custom Fonts CSS */