/* =Responsive Structure = */

/* Evitar el uso de !important */
.social .widget_search .search-text-box {
    padding: 2px 5px 0 5px;
}

#supplementary .widget-area input#s,
.forms fieldset .text-input,
#respond input[type="text"] {
    line-height: 1.7em; /* Usar 'em' para flexibilidad */
}

/* Media queries */
@media (max-width: 1200px) {
    #nav-single-fixed,
    #nav-fixed {
        display: none;
    }
}

@media (max-width: 1140px) {
    body {
        padding: 2.5%; /* Usar porcentajes para flexibilidad */
    }

    #page {
        margin: 0 auto;
    }

    .triangle-l,
    .triangle-r {
        display: none;
    }

    #access .menu {
        margin-bottom: 2em; /* Usar 'em' */
    }

    #access .menu ul {
        margin: 0 -0.1em; /* Usar 'em' */
    }

    .gallery-items li.item {
        width: 25%;
    }
}

@media (max-width: 800px) {
    body {
        padding: 0;
    }

    #respond {
        width: 100%;
    }
}

@media (max-width: 650px) {
    #access .menu ul#tiny {
        display: none;
    }

    .selectnav {
        display: block;
    }

    #branding #site-title {
        margin-bottom: 1em;
        text-align: center;
    }

    #branding #site-title img {
        display: inline;
    }

    .social {
        position: relative;
        text-align: center;
        min-width: auto;
        top: auto;
        right: auto;
        margin-bottom: 2em;
    }

    .social ul {
        float: none;
        text-align: center;
    }

    .social ul li {
        float: none;
        display: inline;
        margin: 0;
        padding: 0 0.2em;
    }

    .social ul li img {
        display: inline;
        vertical-align: bottom;
    }

    .social .widget_search {
        width: 80%; /* Usar porcentajes */
        margin: 0 auto 2em auto;
        position: relative;
    }

    .social .widget_search .search-text-box {
        float: none;
        width: 95%; /* Usar porcentajes */
        display: block;
    }

    .social .widget_search .search-text-box:focus {
        width: 95%;
    }

    .social input.search-submit-button {
        float: none;
        position: absolute;
        right: 0;
        top: 0;
    }

    .alignleft,
    .alignright,
    .one-half,
    .one-third,
    .two-third,
    .three-fourth,
    .one-fourth,
    .one-fifth,
    .one-sixth {
        float: none;
        margin: 0 0 2em 0;
        width: 100%;
    }

    #respond input[type="text"] {
        width: 95%;
    }

    #respond .comment-form-author .required,
    #respond .comment-form-email .required {
        left: 95%;
    }

    .gallery-items li.item {
        width: 50%;
    }

    #colophon #supplementary .widget-area {
        float: none;
        margin-right: 0;
        width: 100%;
    }

    ul.tabs li {
        float: none;
        margin: 0;
        display: block;
    }

    ul.tabs li a {
        text-align: center;
    }
}

@media (max-width: 480px) {
    .selectnav {
        width: 75%;
    }

    .related-list {
        width: 100%;
        margin: 0 0 -2em 0;
        overflow: hidden;
    }

    .related-list li {
        width: 100%;
        margin: 0 0 2em 0;
        float: none;
    }

    .commentlist li.comment .avatar {
        display: none;
    }

    .commentlist li.comment .comment-content {
        margin: 0;
    }

    .commentlist .children li.comment {
        margin: 1em 0 0 1em;
    }
}

@media (max-width: 320px) {
    #content {
        margin: 0 1em;
        width: auto;
    }

    #site-title {
        padding: 1em 0 0;
    }

    #supplementary {
        padding: 1.5em 1em 0;
        overflow: hidden;
    }

    #branding #site-title {
        margin: 0 1em 1em 1em;
    }

    .format-video .media,
    .format-image .full-size,
    .gallery-items {
        margin: 0 -1em 1em;
    }

    .map.full {
        margin: 0 -1em;
    }
}