:root {
    /* ? COLORES*/
    --cn: #3a3a3a;
    --cg0: #53585b;
    --cg1: #575757;
    --cg2: #808080;
    --cg3: #a9a9a9;
    --lg: #f2f2f2;
    --lg2: #e9e9e9;
    /* - */
    /* - */
    /* ? TAMAÑOS de fuente */
    --fs1: 14px;
    /* - */
    /* - */
    /* ? FUENTES */
    --lora: 'Lora', serif;
    --open: 'Open Sans', sans-serif;
    /* - */
    /* - */
    /* ? MÁRGENES y padding */
    --wrp: 0 40px;
    /*padding de wrapper-> widget-landing*/
    /* ? TIMING de transiciones */
    --tt: .3s;
}

@media only screen and (max-width: 767px) {

    /* *GENERAL * */
    .block-static-block.widget, .block-cms-link.widget { 
        width: 100%;
    }
    
    .page-header {
        border-bottom: none !important;
    }
    .panel.wrapper {
        padding: 3px 0;
    }
    .minicart-wrapper {
        margin-top: 0;
    }
    .header.links {
        width: 100%;
        justify-content: center;
        margin-right: 0 !important;
    }
    .acceso-text {
        font-size: 14px;
        color: var(--cn);
        font-family: lora;
    }
    header.page-header .header.content {
        justify-content: space-between;
    }
    /** NAV TOGGLED */
    span.navmenu-toggle{
        display: initial !important;
    }
    .navmenu-toggle span {
        display: none !important;
        transition: .3s ease;
    }
    .fa-bars {
        font-size: 16px;
        color: var(--cn);
    }
    .nav-open .nav-toggle::after {
        width: 0 !important;
    }
    .sections.nav-sections {
        width: 10%;
        background-color: var(--cn);
        transition: var(--tt) ease;
    }
    .nav-open.nav-before-open .sections.nav-sections {
        width: 100%;
        background-color: white;
    }
    .navigation {
        background-color: transparent;
    }
    .nav-sections-item-switch {
        color: var(--cg0) !important;
        font-family: var(--lora) !important;
        /* display: block; */
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .nav-sections-item-title {
        border: none !important;
        background-color: var(--lg2);
        /* background: linear-gradient(to top, var(--cg2), var(--lg2)); */
        border-radius: 0px 0px 9px 9px;
        padding-top: 0;
        display: flex;
        align-items: center;
        /* ! */
        transition: .3s ease;
    }
    .navigation .level0>.level-top {
        padding: 1.3em 40px 1.3em 15px !important;
    }
    .navigation .level0, .navigation li.level0:last-child {
        border: none;
    }
    .active .level-top {
        border: none !important;
        background: var(--cg2);
    }
    .active .level-top span {
        font-style: italic !important;
        font-weight: 500;
        color: white;
    }
    .level-top span {
        font-style: normal !important;
    }
    /** buscador */

    .block.block-search.open { 
        flex-flow: column nowrap;
        align-items: center;
    }
    
    .block.block-content { 
        width: 100%;
    }

    .block-search.open{
        display: inline;
    }
    .cubierta {
        /* display: inline; */ 
        color: var(--cn);
        position: fixed;
        width: 100vw;
        height: 100vh;
        top: 0;
        left: 0;
        z-index: 6;
        transition: .1s ease;
     }
    
    /* @keyframes fadeout {
        0%{
            background-color: red;  
        }
        100%{
            background-color: blue; 
        }
    } */
    .block-search .label {
        display: none !important;
    }
    .block-search {
        margin-top: 0 !important;
    }
    .block-search::before {
        background: red;
        width: 100%;
        height: 100%;
        position: absolute;
    }
    
    .block-search::after {
        background: red;
        width: 100%;
        height: 100%;
        position: absolute;
    }
    /* *ICONO MENU */
    /* ?abrir menu */
    /* .navmenu-toggle i {
        display: initial;
        font-size: 22px;
        background: var(--cg0);
        padding: 5px 8px;
        width: 10px;
        height: auto;
        text-align: center;
        color: white;
        border-radius: 3px;
        background-image: linear-gradient(to top, #2b2b2b, #989898);
        background-size: 400%;
        background-position: 0%;
    } */
    /* ? btn MENU simple */
    .navmenu-toggle i {
        display: initial;
        font-size: 22px;
        padding: 5px 8px;
        border-radius: 3px;
        color: var(--cg1);
        transition: var(--tt) ease-in;
    }
    .navmenu-toggle:hover i, .navmenu-toggle:focus i {
        color: var(--cg0);
        box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.514);
        transition: var(--tt) ease-in;
    }
    /* ?cerrar menu */
    .nav-toggle:before {
        content: '\e616';
        color: var(--cg1);
    }
    
    @keyframes cross {
        0% {
            transform: scaleY(1);
        }
        50% {
            transform: scaleY(.8);
        }
        100% {
            transform: scaleY(1);
        }
    }
    .fa-times {
        display: none !important;
    }
    /* ! */
    /** HOME **/
    /* ! */
    /*? AJUSTES 100% */
    .h1HeadBodyContent, .textHeadBodyContent {
        width: 100%;
    }
    .cms-index-index.page-layout-1column .block.widget .products-grid .product-item {
        width: 100%;
        margin-bottom: 1em !important;
    }
    /*? AJUSTES 100% */
    .headBodyContent {
        display: flex;
        flex-flow: column nowrap;
        margin: 2em auto 2.5em;
        width: 100%;
        /* margin: 50px 12em 70px; */
        /* justify-content: space-between; */
    }
    .headBodyContent h1 {
        text-align: center;
        margin-bottom: 1.5em;
    }
    .fila-flex.direction-reverse.texto-imagen:first-of-type, .texto-imagen {
        flex-flow: column wrap;
    }
    .columna.imagen-land {
        width: 100%;
    }
    .columna.texto-land {
        width: 90%;
        align-items: center;
    }
    .land-button img {
        margin: 1em auto 1.6em;
        width: 66%;
    }
    .img-block-landing img {
        height: auto
    }
    /** SECCION MARCAS */
    .iconosMarcasBox {
        display: flex;
        flex-flow: row wrap;
        justify-content: center;
    }
    .iconoMarcasBox {
        width: calc(100%/3);
    }
    /* *SUBSCRIBE SECTION* */
    .marla-container-block.display-type-flex {
        padding-top: 4.5em !important;
        background-color: #f0f0f0 !important;
        /* border-top: 3px solid #d0d0d0; */
    }
    .containerseomax {
        flex-flow: column nowrap;
    }
    .newsletterContainer {
        width: 100%;
    }
    .newsletterContainer:last-of-type {
        margin-bottom: 3.2em;
    }
    .block-newsletter .label, .block-newsletter .text {
        text-align: center;
        /* margin-top: 1.2em; */
    }
    #newsletter {
        width: 100% !important;
    }
    input#newsletter::placeholder {
        text-align: center;
    }
    .block-newsletter {
        padding-bottom: 16px;
    }
    .block-newsletter .actions {
        align-items: center;
    }
    .block-newsletter .label {
        text-transform: uppercase;
    }
    .container-rrss, .block-newsletter, .block-blog, .containerseo.seo-txt {
        padding: 2px 30px;
    }
    .action.subscribe.primary, .action.blog.primary {
        margin: 1.5em auto 4.7em !important;
        background: var(--cg2) !important;
        color: white;
        width: 30vw;
        border-radius: 0 9px;
        height: 8vw;
    }
    .action.subscribe.primary img, .action.blog.primary img {
        filter: invert(1);
    }
    .iText {
        justify-content: center;
    }
    /** SECCIÓN LEGAL(NEGRO) */
    .marla-seo .display-type-flex {
        flex-flow: column-reverse nowrap;
        padding: 2.5em 0;
    }
    .containerseomax {
        border-bottom: 3px solid #f0f0f0 !important;
    }
    .legal-icons {
        display: flex;
        justify-content: center;
        width: 100%;
        margin-bottom: 1em;
    }
    .legal-icons img {
        width: 56%;
    }
    .legal-txt {
        display: flex;
        flex-flow: column;
        margin-top: .5em;
        margin-right: 0;
        text-align: center;
    }
    .legal-txt .link {
        margin: .2em .75em;
        font-weight: 500;
        font-family: var(--lora)
    }
    /* .link:nth-of-type(even) a {
        color: #8e8e8e;
    } */
    .copyright {
        text-align: center;
    }
    /* !CATEGORÍAS */
    .catalog-category-view .products.wrapper.grid.products-grid {
        display: flex;
        justify-content: center;
    }
    .catalog-category-view ol.products.list.items.product-items {
        display: grid;
        grid-template-columns: 1fr;
    }
    .catalog-category-view #layered-filter-block {
        display: none !important;
    }
    .page-products .columns {
        padding-top: 20px
    }
    .catalog-category-view .page-title-wrapper {
        margin-top: 1.5em !important;
    }

    /* CONTENIDO CATEGORIAS */
    .category-description{
        width: 85%;
    }
    .category-view h1{ 
        text-align: center;
    }
    
    .category-view h2{ 
        text-align: center;
    }


    .page-products .products-grid .product-item:nth-child(3n + 1), .page-layout-1column .products-grid .product-item:nth-child(3n + 1), .page-layout-3columns .products-grid .product-item:nth-child(3n + 1), .page-products.page-layout-1column .products-grid .product-item:nth-child(3n + 1), .page-products.page-layout-3columns .products-grid .product-item:nth-child(3n + 1) {
        margin: 0 auto !important;
        width: 100%;
    }
    .catalog-category-view li.item.product.product-item {
        margin: 0;
        width: 100%;
    }

    .dt-mega-menu-wrap {
        position: absolute !important;
        left: -100% !important; 
    }
    
    /* ! */
    /** FICHA PRODUCTO **/
    /* ! */
    .catalog-product-view .product.media {
        margin: 0 auto;
    }
    .tallas-info { 
        margin-bottom: 2em;
        flex-flow: column nowrap;
    }
    .tallas-img, .tallas-texto {
        width: 100%; 
    }
    .tallas-tabla > * {
        font-size: 12px;
    }
    .contenedor-tallas { 
        width: 100%;
    }
    .capa-guia .icono-cerrar {
        width: 40px;
        height: 40px;
    }
    .catalog-product-view .page-title-wrapper.product{
        margin-top: 1em;
    }
    .guia-boton {  
        margin-top: 1.2em; 
        font-size: 14px; 
    }
    .tallas-img, .tallas-texto {
        width: 100%; 
    }

    .tt div { 
        width: 20px; 
    }
    .tt div:first-child {
        width: 86px
    }
    /** dejar reseña */
    .product-reviews-summary {
        margin-bottom: 1em !important;
    }
    .iconoProducto {
        width: 3em;
    }
    select {
        height: 46px;
    }
    /* *articulos relacionads */
    .bloque-otros-productos #block-related-heading {
        margin-top: 3em;
        font-size: 16px;
        text-transform: uppercase;
    }
    .catalog-product-view .switch {
        text-align: center;
    }
    #block-related-heading, #block-upsell-heading {
        color: var(--cg1) !important;
    }
    ol.products.list.items.product-items {
        flex-flow: column nowrap;
        margin: 0 8%;
    }
    /* margenes */
    li.item.product.product-item {
        margin: 2em 0 !important;
    }
    
    /* *descripcion larga */
    .data.item.title:first-child a {
        border-radius: 0;
    }
    /* *BUSQUEDA */
    .catalogsearch-result-index ol.products.list.items.product-items{
        grid-template-columns: 1fr;
        margin: 0 auto;
    }
    
    .search-autocomplete{
        display: none !important;
    } 
    #search{ 
        background: white;
        color: var(--cn);
        font-family: var(--lora);
        font-size: 24px;
        height: 61px;
        /* WIDTH: 232PX;*/
        width: 70vw;
        /* POSITION: absolute !important; */
        /* right: 100%; */
    }
    .block-search input::placeholder{
        /* color: var(--lg); */
        color: var(--cn);
    }
    .block-search .control { 
        margin: 20px 0px; 
    }

    /** USER */
    .customer-account-login .actions-toolbar .secondary a.action {
        margin-left: 1em;
    }
    .customer-account-forgotpassword .nested {
        display: flex;
        justify-content: center;
    }
    .control.captcha-image {
        display: flex;
        flex-direction: column;
    }
    /* *BLOG */
    
    .list-post-tabs {
        display: flex;
        align-items: center;
        justify-content: space-around;
    }
    .post-left {
        display: flex;
        justify-content: center;
    }
    .post-list-body {
        display: grid;
        grid-template-columns: 1fr;
    }

    .at-share-dock-outer.addthis-smartlayers.addthis-smartlayers-mobile{
        display: none;
    }
    .mp-blog-view{
        width: 100% !important;
    }
    .owl-stage{
        width: 100%  !important;
}
    .owl-item{
        width: 90% !important;
    margin: 0 auto !important;
    }
    .owl-stage-outer {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .mpblog-post-view .owl-item.active {
        width: 90% !important;
        margin: 0 auto!important;
    }
    .owl-dots {
        display: none !important;
    }
    /* *POST DE BLOG */
    .mpblog-post-view .owl-stage {
        display: grid;
        grid-template-columns: 1fr;
    }

    .mpblog-post-view .mp-post-info{
        margin-bottom: 2em;
    }
    .block-blog-related h2{
        text-align: center;
    }
    .form-create-account .label{
        text-align: center !important;
    }
    .page-title-wrapper {
        text-align: center;
        margin-bottom: 2em !important;
        border-bottom: 1px solid var(--lg2);
        padding-bottom: 8px;
    }
    /* iconos busqueda */

    /* .icn-cerrar {
        left: 10px;
    } */
    
    .slideUp{
        animation: slideUp .3s ease-in;
    }
    @keyframes slideUp {
        0%{
            top: 30vh;
        }
        100%{
            top: 0vh;
        }
    }
    .slideDown{
        animation: slideDown .3s ease-in;
    }
    @keyframes slideDown {
        0%{
            top: 0vh;
        }
        100%{
            top: 30vh;
        }
    }
    
    #ui-id-1 {
        left: -160px !important;
    }
    .ui-widget-content .product-item-photo {
        display: none !important;
    }
    #btn-minicart-close {
        margin-right: 8px;
    }
    .product-add-form {
        width: 100%;
    }
    .ui-widget-content span.price {
        font-size: 14px !important;
    }
    .block-addresses-default{
        flex-flow: column nowrap;
    }

    /* *PEDIDO */
    .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) > tbody > tr td[data-th]::before, .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) > tbody > tr th[data-th]::before{
        color: var(--cg0) !important;
        padding-left: 8px !important;
    }
    .col.actions .action.view {
        padding-left: 8px;
    }
    .block-reorder{
        display: none;
    }
} 
/* MOVIL 480PX */
@media only screen and (max-width: 480px){
    .cubierta{
        width: 100vw;
        background: #3a3a3a;
        background: linear-gradient(to bottom,rgb(46, 46, 46),rgba(58, 58, 58, 0.85) 120%);  
    } 
}