/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Feb 12 2026 | 16:54:51 */
.blogpage{
	max-width: 80vw;
    margin: auto;
}
.page-id-5975 .header-farco img,.page-id-6008 .header-farco img{
    object-fit: cover !important;
}
.blogpage .rt-row.rt-content-loader {
    display: flex !important; 
    flex-wrap: wrap !important;
    gap: 20px !important; /* Ajusta el número a tu gusto */
}

/* Para evitar que las columnas se amontonen por el gap */
.blogpage  .rt-row.rt-content-loader .rt-grid-item {
    flex: 1 1 calc(25% - 20px); /* 25% porque son 4 columnas (md-3) */
    max-width: calc(25% - 20px);
	    padding: 0;
}
.blogpage .rt-grid-item{
    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    border-radius: 1rem;
}
.blogpage .rt-grid-item .rt-img-holder img{
    object-fit: cover !important;
    width: 100% !important;
    height: 35rem !important;
	    border-radius: 1rem 1rem 0px 0px
}
.blogpage .entry-title {
    font-size: 1.55rem !important;
    line-height: 1.75rem !important;
	font-weight: 700 !important;
	padding: 1.2rem;
}
.destacadosblog .wp-block-woocommerce-product-button a, .destacadosblog .wp-block-woocommerce-product-button button{
	background:#75b239 !important;
	color:#fff !important;
}
.destacadosblog li{
	    min-height: 56vh;
}
.destacadosblog h2{
	min-height:7vh !important;
}
.destacadosblog svg path {
    /* Escala el icono al doble de su tamaño original */
    transform: scale(2); 
	fill: #75b239 !important;
}
.destacadosblog  svg{
	    height: 6vh !important;
    width: 3vw !important;
}