/* CSS para popup en móviles */
@media (max-width: 768px) {
     .site-title, .site-title a{
        line-height: 40px;
        font-size: 35px;
        padding-bottom: 5px !important;
        /* padding-left: 10px;
        padding-right: 10px; */
    }

    .header-full-width .title-area, .header-full-width .site-title{
        height: initial;
        padding-bottom: 0px;

    }
}

@media (max-width: 700px) {
    .site-container .site-inner{
        display: flex;
        flex-direction: column;
        margin-top: 15px;
        padding-right: 10px;
    }
    .sidebar-secondary{
        width: 100% !important;
        margin-right: 1% !important;
    }

    

}

@media (max-width: 480px) {

    .sidebar-content-sidebar .content-sidebar-wrap{
        display: flex;
        flex-direction: column;
        width: 100% !important;
    }

    .site-container .site-inner .content-sidebar-sidebar .content-sidebar-wrap, html .sidebar-content-sidebar .content-sidebar-wrap, html .sidebar-sidebar-content .content-sidebar-wrap{
        width: 100% !important;
    }

    .site-container .site-inner .content-sidebar-wrap .content-sidebar-sidebar .content, html .sidebar-content-sidebar .content, html .sidebar-sidebar-content .content{
        width: 100% !important;
        margin-right: 1% !important;
    }

    .widget_all_posts_widget .widget-wrap .all-posts .all-post .all-post-structure .imagen-post a{
        display: flex;
        justify-content: center;
    }

    .widget_all_posts_widget .widget-wrap .all-posts .all-post .all-post-structure .contenido-post .entry-header .entry-title a{
        width: 100% !important;
        display: flex !important;
        font-size: 18px !important;
        text-align: center !important;
        justify-content: center !important;

    }

    .site-container .site-inner .content-sidebar-wrap .sidebar-primary{
        width: 100%;
        padding-right: 0px;
        margin-left: 0;
    }
}

@media (max-width: 900px) and (orientation: landscape) {

    .menu-toggle {
        position: relative;
        cursor: pointer;
    }

    .menu-toggle span a {
        display: flex;
        align-items: center;
        gap: 8px;
        text-decoration: none;
        color: inherit;
        justify-content: center;
    }

    /* Icono de hamburguesa con ::before y ::after */
    .menu-toggle span a::before {
        content: '';
        display: inline-block;
        width: 24px;
        height: 2px;
        background-color: #444;
        position: relative;
        transition: all 0.3s ease;
        box-shadow: 
            0 -7px 0 0 #444,
            0 7px 0 0 #444;
    }

    /* Hover effect */
    .menu-toggle:hover span a::before {
        background-color: #222;
        box-shadow: 
            0 -7px 0 0 #222,
            0 7px 0 0 #222;
    }

    /* Cuando el menú está activo (opcional) */
    .menu-toggle.active span a::before {
        background-color: transparent;
        box-shadow: 
            0 0 0 0 transparent,
            0 0 0 0 transparent;
        transform: rotate(45deg);
    }

    .menu-toggle.active span a::after {
        content: '';
        display: block;
        width: 24px;
        height: 2px;
        background-color: #444;
        position: absolute;
        left: 0;
        transform: rotate(-90deg);
        transition: all 0.3s ease;
    }
}

@media (hover: none) and (pointer: coarse) {
}

@media (min-width: 400px) {
    .all-posts .all-post {
        display: flex;
        flex-direction: column;
        gap: 10px;
        border-bottom: 1px solid #c3c3c3;
    }

    .all-posts .all-post .all-post-structure {
        display: flex;
        width: 100%;
    }

    .all-posts .all-post .all-post-structure .imagen-post {
        width: 268px;
        flex-shrink: 0;
        padding-right: 10px;
    }

    .all-posts .all-post a {
        color: #d75725 !important;
    }

    .all-posts .all-post .all-post-structure .imagen-post img {
        max-height: 250px;
        margin-bottom: 0;
    }

    .all-posts .all-post .all-post-structure .contenido-post {
        flex-grow: 1;
    }

    .all-posts .all-post .all-post-structure .contenido-post .entry-header .entry-title {
        margin-bottom: 5px !important;
        font-size: 22px !important;
        line-height: 24px !important;
    }

    .all-posts .all-post .all-post-structure .contenido-post .entry-header .entry-title a {
        font-weight: 700 !important;
    }

    .all-posts .all-post .all-post-structure .contenido-post .entry-header .entry-meta {
        margin-bottom: 5px !important;
    }

    .editor-styles-wrapper, .entry-content {
        counter-reset: footnotes;
    }
}