/* Container institucional Morteros: mantiene el ancho reducido del header en desktop. */
@media (min-width: 992px) {
    body.template-morteros .container,
    body.template-morteros .container-sm,
    body.template-morteros .container-md,
    body.template-morteros .container-lg,
    body.template-morteros .container-xl,
    body.template-morteros .container-xxl {
        max-width: 1140px;
    }
}

#tramites,
#documentos {
    background: var(--color-gris);
    margin-bottom: 0;
    padding-bottom: 4rem;
}

#documentos .documentos-contenedor {
    padding-top: 4rem;
}

.tramite_portada,
.tramite,
.documento,
.card-documento,
.evento,
.contenedor_concejal {
    background: var(--color-blanco);
    border: 0.1rem solid var(--color-grisclaro);
    border-radius: var(--border-radius-lg);
    box-shadow: var(--shadow-card);
    color: var(--color-negro);
    transition: transform var(--transition-base), box-shadow var(--transition-base);
}

.tramite_portada,
.tramite,
.documento {
    padding: 2rem;
}

.tramite_portada:hover,
.tramite:hover,
.documento:hover,
.card-documento:hover,
.evento:hover,
.contenedor_concejal:hover {
    box-shadow: var(--shadow-card-hover);
    transform: translateY(-0.3rem);
}

.icono_tramite,
.icono_documento,
.icono_resultado {
    color: var(--color-primary);
}

.nombre_tramite,
.nombre_documento {
    color: var(--color-negro);
    font-size: 1.8rem;
    font-weight: 600;
}

.boton_mas_servicios,
.btn-detalle {
    border: 0.2rem solid var(--color-primary);
    border-radius: var(--border-radius-sm);
    color: var(--color-primary);
    display: inline-block;
    font-weight: 600;
    padding: 0.8rem 2rem;
    transition: background-color var(--transition-base), color var(--transition-base);
}

.boton_mas_servicios:hover,
.btn-detalle:hover {
    background: var(--color-primary);
    color: var(--color-blanco);
}

#noticias .noticia {
    margin-bottom: 3rem;
}

#noticias .noticia img {
    border-radius: var(--border-radius-sm);
}

#noticias .titulo_novedad {
    color: var(--color-negro);
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 2.4rem;
}

#noticias .fecha_noticia {
    color: var(--color-parrafo);
    font-size: 1.4rem;
}

#paginacion {
    margin: 2rem 0;
    text-align: center;
}

#paginacion a {
    color: var(--color-primary);
}

#paginacion .active a,
#paginacion a:hover {
    background: var(--color-primary);
    color: var(--color-blanco);
}

@media (max-width: 768px) {
    .morteros-footer-contact__inner {
        flex-direction: column;
        gap: 2rem;
    }
}