/*
Theme Name: BlogHash
Text Domain: bloghash
Version: 1.0.31
Requires at least: 5.4
Tested up to: 7.1
Requires PHP: 5.6
Description: BlogHash is the perfect pick for bloggers seeking a lightweight, customizable theme that suits them just right. With plenty of options to adjust colors and typography, making your site unique is a breeze. It's SEO friendly and fully compatible with WPML, Gutenberg, Elementor, WooCommerce, and supports translation and RTL. Live preview: https://peregrine-themes.com/bloghash/#demos.
Tags: two-columns, right-sidebar, left-sidebar, footer-widgets, blog, news, entertainment, custom-background, custom-menu, custom-logo, post-formats, sticky-post, editor-style, threaded-comments, translation-ready, custom-colors, featured-images, full-width-template, microformats, theme-options, flexible-header, wide-blocks, buddypress
Author: Peregrine themes
Author URI: https://peregrine-themes.com/
Theme URI: https://peregrine-themes.com/bloghash
License: GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

All files, unless otherwise stated, are released under the GNU General Public
License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)

Do not add your CSS to this file, use a child theme instead: https://codex.wordpress.org/Child_Themes
The main CSS file is loaded from "assets/css folder".
*/





/* KMCOCHES — ESCALA HOME + LOGO FINAL */
@media (min-width: 992px) {

    /* Home más compacta */
    body.home #primary,
    body.home .bloghash-article {
        width: 100% !important;
        max-width: 1000px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    /* Logo principal mucho más visible */
    #masthead .bloghash-logo {
        flex: 0 0 300px !important;
        width: 300px !important;
        max-width: 300px !important;
    }

    #masthead .bloghash-logo > .logo-inner,
    #masthead .bloghash-logo .custom-logo-link {
        width: 300px !important;
        max-width: 300px !important;
    }

    #masthead .bloghash-logo img.custom-logo {
        width: 300px !important;
        max-width: 300px !important;
        height: auto !important;
        max-height: none !important;
    }
}

@media (max-width: 991px) {
    #masthead .bloghash-logo img.custom-logo {
        width: 200px !important;
        max-width: 200px !important;
        height: auto !important;
    }
}
/* /KMCOCHES — ESCALA HOME + LOGO FINAL */

/* KMCOCHES — FOOTER COMPACTO 2026 */

/* Reduce altura y espacios del footer */
#colophon .bloghash-footer-widgets {
    padding-top: 35px !important;
    padding-bottom: 30px !important;
}

#colophon .bloghash-footer-widgets .bloghash-container {
    max-width: 1000px !important;
}

/* Reduce márgenes internos de los widgets */
#colophon .widget {
    margin-bottom: 15px !important;
}

/* Acerca la zona de copyright */
#colophon .bloghash-copyright {
    padding-top: 18px !important;
    padding-bottom: 18px !important;
}

/* /KMCOCHES — FOOTER COMPACTO 2026 */

/* KMCOCHES — FOOTER MÁS ESTRECHO FINAL */
#colophon .bloghash-footer-widgets {
    padding-top: 18px !important;
    padding-bottom: 12px !important;
}

#colophon .bloghash-footer-widgets .widget {
    margin-top: 0 !important;
    margin-bottom: 5px !important;
}

#colophon .bloghash-copyright {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    margin-top: 0 !important;
}

/* Reduce espacios verticales internos */
#colophon .bloghash-footer-widgets .bloghash-row {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* /KMCOCHES — FOOTER MÁS ESTRECHO FINAL */

/* KMCOCHES — FOOTER ULTRACOMPACTO 2026 */
#colophon .bloghash-footer-widgets {
    padding: 15px 0 !important;
}

#colophon .bloghash-footer-widgets .bloghash-container {
    max-width: 900px !important;
}

#colophon .bloghash-footer-widgets .bloghash-row {
    min-height: 0 !important;
    align-items: center !important;
    padding: 0 !important;
    margin: 0 auto !important;
}

#colophon .bloghash-footer-widgets [class*="col-"] {
    min-height: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

#colophon .bloghash-footer-widgets .widget {
    padding: 0 !important;
    margin: 0 !important;
}

/* Logo del footer algo más compacto */
#colophon .widget_media_image img {
    width: 340px !important;
    max-width: 100% !important;
    height: auto !important;
}

/* Copyright mucho más fino */
#colophon .bloghash-copyright {
    padding: 8px 0 !important;
    margin: 0 !important;
    min-height: 0 !important;
}

@media (max-width: 768px) {
    #colophon .bloghash-footer-widgets {
        padding: 15px 20px !important;
    }

    #colophon .widget_media_image img {
        width: 270px !important;
    }
}
/* /KMCOCHES — FOOTER ULTRACOMPACTO 2026 */

/* KMCOCHES — FOOTER 20% MÁS FINO */
#colophon .bloghash-footer-widgets {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

#colophon .bloghash-footer-widgets .bloghash-container,
#colophon .bloghash-footer-widgets .bloghash-row,
#colophon .bloghash-footer-widgets [class*="col-"] {
    min-height: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

#colophon .bloghash-footer-widgets .widget {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

#colophon .bloghash-copyright {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}
/* /KMCOCHES — FOOTER 20% MÁS FINO */

/* KMCOCHES — ALTURA REAL FOOTER FINAL */
#bloghash-footer {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

#bloghash-footer-widgets {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    min-height: 0 !important;
    align-items: center !important;
}

#bloghash-footer-widgets .bloghash-footer-column {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    min-height: 0 !important;
}

#bloghash-footer-widgets .bloghash-footer-widget {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Mantener el logo grande pero sin generar altura extra */
#bloghash-footer-widgets .widget_media_image img {
    width: 340px !important;
    max-width: 340px !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto !important;
}
/* /KMCOCHES — ALTURA REAL FOOTER FINAL */








/* KMCOCHES — PORTADA GRID FINAL */

@media (min-width: 992px) {

    body.home #primary {
        width: 100% !important;
        max-width: 1180px !important;
        margin: 0 auto !important;
        float: none !important;
    }

    body.home #primary .bloghash-flex-row.g-4 {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 26px !important;
        align-items: stretch !important;
    }

    body.home #primary .bloghash-flex-row.g-4 > .col-md-6 {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        display: flex !important;
        flex: none !important;
        position: static !important;
        transform: none !important;
    }

    body.home #primary .bloghash-flex-row.g-4 > .col-md-6 > .bloghash-article {
        width: 100% !important;
        max-width: none !important;
        height: 100% !important;
        margin: 0 !important;
        display: flex !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
        border-radius: 16px !important;
        overflow: hidden !important;
    }

    body.home #primary .bloghash-blog-entry-wrapper {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        height: 100% !important;
    }

    body.home #primary .post-thumb.entry-media {
        width: 100% !important;
        max-width: 100% !important;
        height: 270px !important;
        min-height: 0 !important;
        margin: 0 !important;
        float: none !important;
    }

    body.home #primary .post-thumb.entry-media img {
        width: 100% !important;
        height: 270px !important;
        max-height: none !important;
        min-height: 0 !important;
        object-fit: cover !important;
        display: block !important;
    }

    body.home #primary .bloghash-entry-content-wrapper {
        width: 100% !important;
        max-width: 100% !important;
        padding: 24px 26px !important;
        display: flex !important;
        flex-direction: column !important;
        flex: 1 1 auto !important;
    }

    body.home #primary .entry-title {
        font-size: 23px !important;
        line-height: 1.3 !important;
    }
}

@media (max-width: 991px) {
    body.home #primary .bloghash-flex-row.g-4 > .col-md-6 {
        width: 100% !important;
        max-width: 100% !important;
        flex-basis: 100% !important;
    }
}

/* /KMCOCHES — PORTADA GRID FINAL */

/* KMCOCHES — LOGO GRANDE CABECERA 2026 */

@media (min-width: 992px) {

    #bloghash-header .bloghash-logo {
        flex: 0 0 350px !important;
        width: 350px !important;
        max-width: 350px !important;
    }

    #bloghash-header .bloghash-logo .custom-logo-link {
        width: 350px !important;
        max-width: 350px !important;
        display: block !important;
    }

    #bloghash-header .bloghash-logo img.custom-logo {
        width: 350px !important;
        max-width: 350px !important;
        max-height: none !important;
        height: auto !important;
        object-fit: contain !important;
    }
}

@media (max-width: 991px) {

    #bloghash-header .bloghash-logo img.custom-logo {
        width: 220px !important;
        max-width: 220px !important;
        height: auto !important;
    }
}

/* /KMCOCHES — LOGO GRANDE CABECERA 2026 */

/* KMCOCHES — LOGOTIPO CABECERA CORREGIDO */

@media (min-width: 992px) {

    #bloghash-header .bloghash-logo {
        width: 350px !important;
        min-width: 350px !important;
        max-width: 350px !important;
        flex: 0 0 350px !important;
    }

    #bloghash-header .bloghash-logo .logo-inner {
        width: 100% !important;
        max-width: none !important;
    }

    #bloghash-header .bloghash-logo .logo-inner > a {
        display: block !important;
        width: 100% !important;
    }

    #bloghash-header .bloghash-logo .logo-inner img {
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        height: auto !important;
        max-height: none !important;
        object-fit: contain !important;
    }
}

@media (max-width: 991px) {

    #bloghash-header .bloghash-logo .logo-inner img {
        width: 220px !important;
        max-width: 100% !important;
        height: auto !important;
    }
}

/* /KMCOCHES — LOGOTIPO CABECERA CORREGIDO */

/* KMCOCHES — OCULTAR FILA SOCIAL DE CABECERA */

@media (min-width: 992px) {
    #bloghash-header .bloghash-header-widget {
        display: none !important;
    }

    #bloghash-header .bloghash-header-container {
        align-items: center !important;
    }
}

/* /KMCOCHES — OCULTAR FILA SOCIAL DE CABECERA */

/* KMCOCHES — FOOTER SOBRE NOSOTROS */

#bloghash-footer .km-footer-sobre {
    max-width: 340px;
    margin: 0 auto;
    text-align: center;
}

#bloghash-footer .km-footer-sobre h3 {
    color: #ffffff !important;
    font-size: 20px !important;
    font-weight: 700;
    margin: 0 0 12px !important;
}

#bloghash-footer .km-footer-sobre p {
    color: #dedbe6 !important;
    font-size: 14px;
    line-height: 1.7;
    margin: 0 0 18px !important;
}

#bloghash-footer .km-footer-boton {
    display: inline-block;
    background: #df2535;
    color: #ffffff !important;
    padding: 10px 25px;
    border-radius: 7px;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none !important;
    transition: background 0.2s ease;
}

#bloghash-footer .km-footer-boton:hover {
    background: #b71928;
    color: #ffffff !important;
}

/* /KMCOCHES — FOOTER SOBRE NOSOTROS */
