body{
		        width:100%;
		        font-family:'Montserrat';
		        
		    }
		    footer {
                background-color: #333;
                color: #fff;
                text-align: center;
                padding: 10px;
                position: fixed;
                bottom: 0;
                width: 100%;
                margin-top:50px;
            }
            
            h2{
                font-size:20px;
            }
            
            h3{
                font-size:14px;
            }
            
            .redes{
                    float: right;
                    width: 100%;
                    text-align: right;
                    margin-top: 10px;
                    margin-bottom: 10px;
                    border-bottom: solid 1px #014284;
            }
            
            .redes ul{
                    display: inline-flex;
                    list-style-type: none;
            }
            
            .redes ul>li{
                    margin-right: 5px;
            }
            
            .modal-footer {
                
                text-align: center!important;
                
            }
            
            .negrita{
                font-weight:bold;
            }
            
            .loading{
                   
    
                position: absolute;
                margin: 0 auto;
                text-align: center;
                display: block;
                bottom: 10%;
                width: 100%;
            }
            
            .footer2 {
                background-color: aliceblue;
                
                text-align: center;
                padding: 10px;
                position: fixed;
                bottom: 0;
                width: 100%;
            }
            
            .footer2 img{
                width:90px;
            }
            
            .row-header{
                    position: fixed;
                    max-width: 800px;
                    width: 102%;
                    background-color: #FFFFFF;
                    padding-top: 5px;
                    margin-top: -10px;
                    min-height: 35px;
                    z-index: 9999;
                   
            }
            
            .link_blanco{
                
                color:#FFFFFF;
                text-decoration:none;
                
            }
            
            .link_blanco:hover{
                text-decoration:none;
                color:#19a3a9;
            }
		    .fondo_azul{
		        background-color:#014284;
		    }
		    
		    .btn-default{
		       background-color:#014284;
		       border-color:#014284;
		       color:#FFFFFF;
		       width:90%;
		    }
		    
		    .btn-default:hover{
		       border-color:#014284;
		       color:#014284;
		       background-color:#FFFFFF;
		    }
		    
		    .centrado_inicio{
		        margin:0 auto;
		        width:100%;
		        text-align:center;
		            top: 35%;
                position: absolute;
		        
		    }
		    
		    .centrado_inicio img{
		        max-width:300px;
		        width:100%;
		        
		    }
		    
		    .inicio_anios{
		                font-size: 22px;
                        background-color: #000000;
                        width: 133px;
                        color: #FFFFFF;
                        padding: 5px;
                        border-radius: 5px;
                        text-align: center;
                        
                        bottom: -61px;
    position: absolute;
                        right: 13%;
		    }
		    
		    .cabezal{
		        text-align:center;
		    }
		    .cabezal img{
		        max-width:300px;
		    }
		    .header{
		        padding:10px;
		        margin-top: 1%;
		    }
		    
		    
		    
		    
		    .contenedor_partidos_desktop{
		        max-width:800px;
		        width:100%;
		        margin: 0 auto;
		        cursor:pointer;
		        
		    }
		    .separador{
		        margin-top:10px;
		        margin-bottom:10px;
		        padding-top: 10px;
                padding-bottom: 10px
		    }
		    
		    .contenedor_candidato{
		        text-align:center;
		        cursor:pointer;
		    }
		    
		    .contenedor_candidato img{
		        max-width:100px;
		    }
		    
		    .contenedor_partido{
		        text-align:center;
		        margin-top:10px;
		    }
		    
		    .contenedor_partido img{
		        max-width:85px;
		    }
		    
		    .item_menu{
		        max-width:100%;
		        font-size:14px;
		        color:#FFFFFF;
		        background:rgba(1, 66, 132, 0.8);
		         -pie-background:  rgba(1, 66, 132, 0.8);
		        padding:7px;
		        border-top-right-radius:8px;
		        
		        border-bottom-right-radius:8px;
		        text-align:left;
		        font-weight:600;
		        position:relative;
		        margin-top:10px;
		        
		        
		    }
		    
		    .item_menu:before{
		        content:"";
		        display:block;
		        position:absolute;
		        left:0;
		        bottom:0;
		        width:0;
		        height:5px;
		        background:#19a3a9;
		        transition: all .3s;
		        
		    }
		    
		    .item_menu:after{
		        content:"";
		        display:block;
		        position:absolute;
		        left:0;
		        bottom:0;
		        width:5px;
		        height:0;
		        background:#19a3a9;
		        transition: all .3s;
		        
		    }
		    
		    .item_menu:hover:after{
		        height:100%;
		    }
		    
		    .item_menu:hover:before{
		        width:100%;
		    }
		    
		    .item_menu i{
		        float:right;
		        padding:5px;
		        border-radius:50%;
		        border:solid 1px #FFFFFF;
		        margin-top: -3px;
		        color:#19a3a9;
		        height: 27px;
                width: 27px;
                font-size: 16px;
                text-align: center;
		    }
		    
		    .item_menu:hover i{
		     
		        border:solid 1px #19a3a9;
		        
		        color:#FFFFFF;
		        
		    }
		    
		    .separador_otros{
		        margin-top:35px;
		    }
		    
		    .contenedor_inicio{
		            position: absolute;
                    margin: 0 auto;
                    text-align: center;
                    display: contents;
		    }
		    
		    .contenedor_partidos{
		        background-color: aliceblue;
   display: inline-block;
    padding: 15px;
    border-radius: 30px;
    max-width: 800px;
    margin: 0 auto;
		    }
		    
		    
		        .imagen_noticia {
   
                width: 100%;
                min-height: 450px;
                border-top-left-radius: 15px;
                border-top-right-radius: 15px;
                background-repeat: no-repeat!important;
                background-position-y: center!important;
                background-position-x: center !important;
		        }
		        
		        .imagen_noticia2 {
		            min-height:300px;
		            width: 100%;
               
                border-top-left-radius: 15px;
                border-top-right-radius: 15px;
                background-repeat:no-repeat;
                text-align:center;
		        }
		        
		        	     header {
                background-color: #FFFFFF;
                color: #014284;
              
                padding: 10px;
                position: unset;
                top: 0;
                max-width:800px;
                width: 100%;
                margin:0 auto;
                margin-bottom: 20px;
            }
            .titulo_partido{
                font-size: 1.3em;
                color: #014284;
                
            }
            
            .titulo_partido:after{
               
              content: '';
            position: absolute;
            width: 75%;
            display: block;
            height: 1px;
            background-color: #014284;
            bottom: -5px;
            right: 15px;
            
            }
            
            .titulo_muro{
                    font-size: 1.3em;
                    color: #014284;
                    text-align: left;
                    margin-bottom: 16px;
                    line-height: 43px;
            }
            
            .titulo_muro:after{
               
              content: '';
            position: absolute;
            width: 65%;
            display: block;
            height: 1px;
            background-color: #014284;
            bottom: -5px;
            left: 15px;
            margin-top:10px;
            text-align:left;
            
            }
            
            .scroleablex{
                overflow: auto;
    overflow-y: hidden;
    margin: 0 auto;
    white-space: nowrap;
            }
            
            main {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    padding: 20px;
}

.story {
    width: 250px;
    margin: 10px;
    background-color: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    display:inline-grid;
    cursor:pointer;
}

.story img {
    width: 100%;
    height: 350px;
    object-fit: cover;
    object-position: top;
    
}

.story h2 {
    padding: 10px;
    font-size: 18px;
}

.story p {
    padding: 0 10px 10px;
    font-size: 14px;
}

/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 0px;
  width: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #014284;
  border-radius: 0px;
  width: 10px;
}

        .modal_historia {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
}

.modal_historia-content {
    position: absolute;
    top: 15%;
    left: 50%;
    transform: translate(-50%, -10%);
    background-color: #fff;
    padding: 30px;
    border-radius: 10px;
}

/* Estilos de las historias */
.story-container {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.story_modal_historia {
    text-align: center;
}

/* Estilo del botón para cerrar el modal */
.close_modal_historia {
    position: absolute;
    top: 10px;
    bottom: 10px;
    right: 15px;
    font-size: 20px;
    cursor: pointer;
}


.carousel-container {
    position: relative;
}

.carousel-img {
    display: none;
      width: 100%;
    max-width:300px;
}

/* Estilos de los botones de navegación en el carrusel */
.prev, .next {
    position: absolute;
    top: 50%;
    width: auto;
    margin-top: -30px;
    padding: 16px;
    font-size: 20px;
    cursor: pointer;
    color: white;
    background-color: rgba(0, 0, 0, 0.5);
    border: none;
    border-radius: 5px;
}

.prev {
    left: 10px;
}

.next {
    right: 10px;
}

.icono_red{
    
        font-size: 1.2em;
        line-height: 1.3em;
        width: 30px;
        height: 30px;
        border: solid 1px #014284;
        border-radius: 50%;
        padding: 7px;
            text-align: center;
    
    
}

.icono_descarga{
    
        font-size: 1.4em;
        
        padding: 7px;
            text-align: center;
                padding-top: 20px;
    
    
}
		    
		    @media (max-width:1920px){
		      .inicio_anios{
		               
                        right: 41.7%;
		        }  
		        
		        .cabezal img{
		        max-width:250px;
		         }
		    }
		    
		    @media (max-width:1280px){
		      .inicio_anios{
		               
                        right: 35.7%;
                        font-size: 18px;
    
                        width: 110px;
		        } 
		        
		        .cabezal img{
    		        max-width:300px;
    		    }
    		    
    		    
		    }
		    
		    @media (max-width:1024px){
		        h2{
		            font-size:18px;
		        }
		        
		        .modal_historia-content {
    top: 10%;
    transform: matrix(1, 0, 0, 1, 0, 0);
    background-color: #fff;
    padding: 23px;
    right: 10%;
    border-radius: 10px;
    left: 5%;
}
		        .btn-default{
		       font-size:2.2em!important;
		    }
		    
		    .titulo_muro{
		        line-height:32px;
		    }
		      .inicio_anios{
		               
                        right: 34.7%;
		        } 
		        .cabezal{
		            text-align:center;
		        }
		        
		        .cabezal img{
    		         max-width:500px;
    		        width:100%;
    		    }
    		    .header{
    		        margin-top: 15%;
    		    }
    		    
    		    .dnonem{
    		        display:none;
    		    }
    		     .separador{
		        margin-top:20px;
		        margin-bottom:20px;
		        padding-top: 20px;
                padding-bottom: 20px
		        }
		        
		         .contenedor_partido img{
        		        max-width:90%;
        		        margin-top:15px;
        		 }
        		 
        		 .contenedor_candidato img{
        		        max-width:100%;
        		        margin-top:0px;
        		 }
        		 
        		 .separador_otros{
		            margin-top:102px;
		        }
		        
		        .item_menu {
    
                    font-size: 2.2em;
		        }
		        
		        .item_menu i{
		                height: 50px;
                        width: 50px;
                        font-size: 35px;
		        }
		        
		        .centrado_inicio img {
                    max-width: 600px;
                    width: 100%;
                }
                
                .inicio_anios {
                    right: 20.7%;
                }
                
                .inicio_anios {
                    font-size: 25px;
    
                    width: 183px;
                   
                }
                
                .imagen_noticia {
   
   
    min-height: 245px;
    

		        }
		        .imagen_noticia2 {
		            min-height:200px;
		          
               
               
		        }
		        
		         .contenedor_partido{
		        
		            margin-top:0px;
		            }
		            
		            .contenedor_partidos {
                        
                        padding: 15px;
                       
                        margin-left: 30px;
                        margin-right: 30px;
                    }
		    
		    }
		    
		    @media (max-width:430px){
		      .inicio_anios{
		               
                        right: 13.7%;
		        }  
		        .cabezal{
		            text-align:center;
		        }
		        .cabezal img{
    		        max-width:300px;
    		        width:100%;
    		    }
    		    
    		    .btn-default {
                    font-size: 1em!important;
                }
                
                .titulo_muro{
    		        line-height:23px;
    		    }
                
                
                .separador_otros {
                    margin-top: 40px;
                }
                
                .item_menu {
                    font-size: 0.9em;
                }
                
                .separador{
                    margin-top: 10px;
                    margin-bottom: 10px;
                    padding-top: 10px;
                    padding-bottom: 10px;
                }
                
                .header {
                    margin-top: 6%;
                }
    		    
    		    .item_menu i {
                        height: 25px;
    width: 25px;
    font-size: 14px;
    line-height: 14px;
                }
                
                .centrado_inicio img {
                    max-width: 240px;
                    width: 100%;
                }
    		    
    		    
    		    
		    }
		    
		    @media (max-width:414px){
		      .inicio_anios{
		               
                        right: 11.7%;
		        } 
		        .cabezal{
		            text-align:center;
		        }
		        .cabezal img{
    		        max-width:300px;
    		        width:100%;
    		    }
		    }
		    
		    
		    @media (max-width:394px){
		      .inicio_anios {
    right: 4.7%;
    top: 109%;
}

.story {
    width: 185px;
   
}

.story img {
    width: 100%;
    height: 300px!important;
    object-fit: cover;
    
}
		        .cabezal{
		            text-align:center;
		        }
		        .cabezal img{
    		        max-width:180px;
    		    }
    		    
    		    .separador {
                    margin-top: 5px;
                    margin-bottom: 5px;
                    padding-top: 5px;
                    padding-bottom: 5px;
                }
                
                .item_menu {
                    font-size: 0.8em;
                    padding:10px;
                }
                
                .item_menu i {
                    height: 25px;
                    width: 25px;
                    font-size: 15px;
                }
                
                .separador_otros {
                    margin-top: 35px;
                }
                
                .btn-default {
                    font-size: 0.8em!important;
                }
                
                footer {
                    
                    padding: 5px;
                    
                    font-size: 11px;
                }
                
                .footer2 img{
                width:70px;
            }
            
            
		    }
		    
		    @media (max-width: 375px){
                .item_menu i {
                
                    line-height: 15px;
                }
                h2 {
                    font-size: 16px;
                }
                
                .separador {
                    margin-top: 2px;
                    margin-bottom: 2px;
                    padding-top: 2px;
                    padding-bottom: 2px;
                }
            }