.container-noticias {
    width: 100%;
    height: auto;
    padding: 2rem 15rem;
    .first-section {
        display: flex;
        width: 100%;
        margin-bottom: 2rem;
        align-items: stretch;
        
        .flex-first-column {
            flex: 0 0 60%;
            display: flex;
            flex-direction: column;
            
            h2 {
                font-weight: 500;
                font-size: 2rem;
            }
            
            .img-blog {
                flex: 1;
                position: relative;
                img {
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                }
                
                .text {
                    position: absolute;
                    bottom: 0;
                    width: 100%;
                    padding: 5rem;
                    font-size: 2rem;
                    left: 0;
                    font-weight: 200;
                    z-index: 250;
                    color: white;
                }
            }
        }
        
        .flex-second-column {
            flex: 0 0 40%;
            display: flex;
            flex-direction: column;
            margin-left: 1.5rem;
            
            h3 {
                font-size: 1rem;
                font-weight: 500;
                margin: 1rem 0rem;
                padding-left: 1rem;
                border-left: solid 4px var(--primary-bg-color);
            }
            
            a {
                text-decoration: none;
                text-align: start;
            }
            
            .articulos {
                display: flex;
                flex-direction: column;
                gap: 10px;
                
                .articulo {
                    display: flex;
                    gap: 1rem;
                    height: 8rem;
                    
                    .articulo-imagen {
                        flex: 0 0 auto;
                        margin-right: 1rem;
                        width: 10rem;
                        
                        img {
                            width: 100%;
                            object-fit: cover;
                            height: 8rem;
                        }
                    }
                    
                    .articulo-texto {
                        flex: 1;
                        
                        p {
                            display: flex;
                            justify-content: start;
                            align-items: center;
                            height: 8rem;
                        }
                    }
                }
            }
        }
    }

    .second-section {
        margin: 2rem 12rem;
        line-height: 2.5rem;
        .text-noticias{
            p{
                text-align: start;
                img{
                    width: 100%;
                    height: auto;
                    object-fit: cover;
                    padding: 1rem 5rem;
                }
            }
            h2{
                color: ;
            }
        }
        h3 {
            margin: 4rem 0rem;
            padding-left:2rem;
            font-size: 2rem;
            font-weight: 500;
            border-left: solid 4px var(--primary-bg-color);
            
        }
        .slider-container{
            .slider {
                a{
                    margin: 2rem;
                    text-decoration: none;
                    img{
                        width: 100%;
                        height: 15rem;
                        object-fit: cover;
                    }
                    p{
                        color: black;
                        width: 100%;
                        padding: 2rem;
                        font-size: 1rem;
                        font-weight: 400;
                    }
                }
                
            }
        }
    }
}

.search{
form{
    display: flex;
    button{
        height: 2rem;
        border: none;
        background-color: white;
        svg{
            background: white;
            width: 100%;
            height: 100%;
        }
        i{
            color: black;
        }
    }
    input{
        padding: .3rem;
        border: solid 1px rgb(193, 193, 193);
        border-radius: 15px;
    }
}
}

/**/
.cont_extras {
margin-bottom: 15px;
width: 100%;
float: left;
.box_redes {
    margin-top: 0;
    .social {
        /* Tus propiedades aquí */
        
        a {
            float: left;
            padding: 9px;
            width: 43px;
            height: 43px;
            margin: 0 2px;
            border-radius: 50%;
        
            &.link {
                background-color: #444444;
                transition: .3s all ease;
            
                
                img {
                    /* Propiedades para imágenes dentro de .link */
                }
            }
            
            &.facebook {
                background: #5f81c4;
                transition: .3s all ease;                    
                img {
                    /* Propiedades para imágenes dentro de .facebook */
                }
            }
            
            &.twitter {
                background: #54aced;
transition: .3s all ease;

                
                img {
                    /* Propiedades para imágenes dentro de .twitter */
                }
            }
            
            &.whatsapp {
                background: #24d266;
transition: .3s all ease;

                
                img {
                    /* Propiedades para imágenes dentro de .whatsapp */
                }
            }
            
            &.print {
                background: url('http://localhost/wordpress/wp-content/uploads/2024/10/ic_print_w.png')no-repeat center #444444;;
            }
        }
    }
}
}

/*breadcrumb*/
.breadcrumbs {
padding: 10px 0;
font-size: 14px;

.auxi {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;

    .pref {
        color: #666;
    }

    .breadcrumb {
        position: relative;
        display: flex;
        align-items: center;

        &:not(.last-child)::after {
            content: '/';
            margin-left: 8px;
            color: #666;
        }

        a {
            color: #0066cc;
            text-decoration: none;
            transition: color 0.2s ease;

            &:hover {
                color: #003366;
                text-decoration: underline;
            }
        }

        &.last-child {
            color: #333;
            font-weight: 500;
        }
    }
}
}