.principal__slider{
   padding:0px 0px 30px 0px;
   width:100%
}

.principal__boton{

background-image: url("/wp-content/uploads/2024/11/flecha.png");
background-position: right;
background-repeat:no-repeat;

}

.principal__boton > a{

text-align: left;
background-image: url("/wp-content/uploads/2024/11/flecha2.png");
background-position: right;
background-repeat:no-repeat;

}

.principal__boton > a:hover{

    color:var(--hover_botones-color);
    
    }

.principal__boton > a:visited{

    color:#ffffff;
    
    }





.principal__blog{

    display: flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content: space-between;
    margin-top:20px;
    

}



.principal__post{

    min-width:320px;
    max-width:320px;
    height:auto;

    background-color: rgba(214,214,214,.2);
    margin-bottom: 30px ;
    box-shadow: 0px 12px 18px -10px rgba(0, 0, 0, 0.3);
    border:1px solid var(--base-color);
}

.principal__thumb{

    max-height:200px;
    overflow:hidden;

}

.principal__thumb> a > img{
    min-width:100%;
    max-width:100%;
 

}
.principal__datos{
    padding:0px 20px 20px 20px;
}
.principal__titulo-post{
    margin-top:30px;
    padding-bottom: 20px;
    border-bottom:2px solid var(--base-color);
}
a.principal__link{font-size:18px;}
a.principal__link,a.principal__link:visited {color:var(--base-color);}
a.principal__link:hover{color:var(--base-color);}


.principal__fecha{

    font-size: 15px;
    color:var(--base-color;);;
    padding: 10px 15px 20px 0;
}
.principal__mas > a.principal__link,.principal__mas > a.principal__link:visited{
    font-size:15px;color:var(--base-color);
}

.principal__mas-noticias{

    text-align:right;
    

}
.principal__mas-noticias > a, .principal__mas-noticias > a:visited{

    font-size:15px;color:#fff ;
    padding: 5px;
    background-color: var(--base-color);
    border: 1px solid var(--base-color);
    opacity:1;

}
.principal__mas-noticias >a:hover{
    opacity:.7;
    color:#fff;

}

    

/*Estilos de Movil*/
@media screen and  (max-width:800px) {

    
    .principal__slider{
		display: none;
        margin-top:100px;

    }

                    
    .principal{
        margin-top:65px!important;
        padding-top: 0px;
    }

    .principal__boton{

            margin: 0px 20px!important;
        
        }

    .principal__blog{ justify-content: center;}

                }

/*Fin Estilos de Movil*/