@charset "utf-8";
.page-header .panel.wrapper {
    display: none;
}
 
.page-header {
    background: #000;
    border-bottom: 1px solid #222;
    box-shadow: none;
}

.panel.wrapper {
    background: #000;
    border-bottom: 1px solid #222;
}

.header.panel,
.header.content {
    background: #000;
}
 
/* Logo 
.logo {
    img {
        max-height: 55px;
    }
}
*/

/* Links */
.header.links {
    a {
        color: #fff;

        &:hover {
            color: #aaa;
        }
    }
}

/* Buscador */
.block-search {
    input {
        background: #fff;
        color: #111;
        border: 0;
        border-radius: 24px;
    }

    .action.search {
        background: transparent;
        color: #111;
    }
}

/* Carrito */
.minicart-wrapper {
    .action.showcart {
        color: #fff;

        &:before {
            color: #fff;
        }

        .counter.qty {
            background: #fff;
            color: #000;
        }
    }
}


/* ================================
   MENU NEGRO
   ================================ */

.nav-sections {
    background: #000;
    border-top: 1px solid #222;
    border-bottom: 1px solid #222;
}

.navigation {
    background: #000;

    .level0 > .level-top {
        color: #fff;
        background: #000;

        &:hover {
            color: #ccc;
            background: #111;
        }
    }

    .level0.active > .level-top,
    .level0.has-active > .level-top {
        border-color: #fff;
        color: #fff;
    }
}


/* ================================
   FOOTER NEGRO
   ================================ */

.page-footer {
    background: #000;
    color: #fff;
    margin-top: 60px;
}

.footer.content {
    background: #000;
    padding: 60px 20px 30px;
}

/* Títulos */
.footer.content .block-title {
    color: #fff;
}

/* Links */
.footer.content .links {
    a {
        color: #aaa;

        &:hover {
            color: #fff;
        }
    }
}

/* Newsletter */
.block.newsletter {
    .title {
        color: #fff;
    }

    input {
        background: #fff;
        color: #111;
    }

    .action.subscribe {
        background: #fff;
        color: #000;

        &:hover {
            background: #ddd;
        }
    }
}

/* Copyright */
.copyright {
    background: #000;
    border-top: 1px solid #222;
    color: #777;
}


/* ================================
   BOTONES
   ================================ */

.action.primary,
button.action.primary {
    background: #000;
    border-color: #fff;
    color: #fff;

    &:hover {
        background: #fff;
        border-color: #fff;
        color: #000;
    }
}
```