:root {
    --color-1: #39B7CD;
    --color-2: #34A6BA;
    --color-3: #3284B1;
    --color-4: #2F62A8;
    --color-5: #033346;
    --color-6: #3CBF7C;
    --color-7: #3EC62B;
    --color-8: #7ED957;
    --color-9: #60D050;
    --color-10: rgb(19, 98, 216);
    --color-11: #dbdbdb;
}

body {
    font-family: 'Montserrat', sans-serif;
    margin: 0;
    background-color: white; 

.noticia-container {
    margin-top: 50px;
    width: 100%;
    height: auto;
    margin-bottom: 100px;
   
}

.noticia-content {
    display: flex; 
    flex-direction: row; 
    width: 100%; 
    height: auto;
}

.noticia-image {
    flex: 1; 
}

.noticia-image img {
    width: 100%; 
    height: auto; 
}

.noticia-info {
    flex: 2;
    padding: 20px; 
}

.noticia-info h1 {
    color: var(--color-4);
    margin: 10px 0;
}

.noticia-info h5 {
    color: var(--color-2);
    margin: 5px 0;
}

.noticia-info p {
    margin-top: 15px;
    color: var(--color-5);
}

/* Estilos para dispositivos móviles */
@media (max-width: 768px) {
    .noticia-content {
        flex-direction: column; /* Cambia a orientación vertical en móviles */
    }

    .noticia-info {
        padding: 10px; /* Reduce el padding en móviles */
    }
}