/* Alineación Suscribete */
#subscription-widget .widget-title {
    text-align: left;
}

@media (max-width: 767px) {
    #subscription-widget .widget-title {
        text-align: center;
    }

    #subscription-widget .subscribe-box p {
        text-align: center;
    }
}

/* Bordes grises suaves para los tags */
.tagcloud a {
    border: 1px solid #ddd !important;
    padding: 5px 12px;
    display: inline-block;
    border-radius: 4px;
    margin: 3px;
    color: inherit;
    text-decoration: none;
    transition: border-color 0.3s;
    background-color: #fafafa;
}

.tagcloud a:hover {
    border-color: #aaa !important;
    background-color: #f0f0f0;
}

@media (max-width: 767px) {

    /* Eliminar el espacio gigante arriba de la portada */
    .blog-details-area.pt-100 {
        padding-top: 15px !important;
    }

    .blog-details-area.pb-100 {
        padding-bottom: 20px !important;
    }

    /* Maximizar el espacio de la caja contenedora del post principal */
    .blog_details {
        margin: 0 !important;
        padding: 0 10px !important;
        border: none !important;
        box-shadow: none !important;
    }

    /* Restablecer paddings de contenido (el texto ya tendra el margen de blog_details, lo devolvemos a 0 en X) */
    .blog_dtl_content {
        padding: 15px 0px 0px 0px !important;
    }

    .blog_dtl_thumb {
        margin-bottom: 5px !important;
    }

    /* Redes sociales (que no caben en una fila) forzar a bajar de renglon */
    .blog_details_dtn_icon {
        flex-wrap: wrap !important;
        justify-content: flex-start !important;
    }

    /* Reducir el enorme espacio en "Articulos recientes" y agregar margen lateral */
    .recent_post_dtls.mt-5 {
        margin-top: 25px !important;
        padding: 0 15px !important;
    }

    .single_blog.mb-4 {
        margin-bottom: 20px !important;
        border: 1px solid #eaeaea !important;
    }

    .single_blog_content {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .blog_dt_title.mb-4 {
        margin-bottom: 15px !important;
    }

    /* Reducir el gran margen de "0 comentarios" y "Deja un comentario" */
    .blog_comments_section.mt-5 {
        margin-top: 25px !important;
        padding: 0px 15px 15px 15px !important;
    }

    .blog_reply_coment_dtl.mt-5 {
        margin-top: 25px !important;
        padding: 0px 15px 15px 15px !important;
    }

    /* Columnas bootstrap originales sin forzar a 0px, dejar su margen normal por si lo requieren */
    .col-lg-8>.row>.col-md-12 {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .col-lg-8 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}

/* Escritorio: Todo alineado a la izquierda (según solicitud) */
@media (min-width: 992px) {

    .text_center,
    .text-center,
    .widget-title,
    .blog_dt_title,
    .comments_ttl,
    .reply_ttl,
    .subscribe_box,
    .subscribe-box,
    .subscribe-box p,
    .quote_btn,
    .text_center *,
    .text-center * {
        text-align: left !important;
    }

    /* Forzar que los contenedores de botones o títulos no centren contenido */
    .subscribe_content_title.text_center,
    .quote_btn.text_center {
        text-align: left !important;
    }
}