/*
Theme Name: TECNMITT_HIJO
Template: TECNMITT
*/

/*css de la pagina de entradas - noticias*/

.listaNoticias{
    width: 100%;
    padding-left: 35px;
    padding-right: 35px;
    margin-left: auto;
    margin-right: auto;
}

.uniform-img {
    width: 100%; /* Asegura que la imagen use el 100% del ancho del contenedor --nota--agregar en home.php para ajustar la imagen*/
    height: auto; /* Mantiene la relación de aspecto de la imagen */
    max-height: 200px; /* Ajusta la altura máxima para que todas las imágenes tengan el mismo tamaño visual */
    object-fit: cover; /* Asegura que la imagen se recorte y llene el espacio sin distorsionarse */
}








/*css de la pagina individual page.php y single.php para entrada individual*/

/* Contenedor de la imgen destacada de las noticias y paginas */
.imagen-destacada {
    text-align: center; /* Centrar la imagen */
    margin-bottom: 20px; /* Espacio debajo de la imagen */
}

.imagen-destacada img {
    max-width: 100%; /* Ajustar el tamaño de la imagen al contenedor */
    height: auto;    /* Mantener la proporción de la imagen */
}

.paginasola{
    top: 50%;
    left: 2%;
    right: 40%;
    padding-bottom: 50px;
     flex: 1;
 }
 .espace{
     padding: 50px;
 }
 .paginasola a{
     color: #009ec5;
     font-weight: bold;
 }
 .paginasola h2{
    color:#1B396A;
    text-align: center;
    padding-top: 100px;
    font-size: 40px;
}
.paginasola p{
    text-align: justify;
    color: black;
	font-size: 19px;
    
}
.paginasola ul li{
    font-size: 19px;
    color: #000000;
}

.paginasola ol li{
    font-size: 19px;
    color: #000000;
}
.paginasola table, th, td{

    border-collapse: collapse;
    border: black 1px solid;
}


@media screen and (max-width: 768px) {
    .paginasola {
        max-width: 90%; /* Ajustar ancho para dispositivos móviles */
        padding: 0 10%; /* Agregar padding horizontal para mejor presentación */
    }

    .paginasola img {
        width: 100%; /* Hacer que la imagen ocupe el ancho completo */
        height: auto; /* Mantener proporciones */
    }

    .paginasola h2 {
        font-size: 30px;
    }

    .paginasola p {
        text-align: justify; /* Centrar texto en dispositivos móviles */
    }

}