/* Hoja de estilos que se carga antes que custom.css y solo para tamaño movil */
@media (max-width: 767px) {
    /* START GENERAL */
    .visible-desktop  {
        display: none;
    }
    /* END GENERAL */

    .page-header {
        position: relative;
    }

    #custom-header-id {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 10px 0px; 
    }

    .logo {
        margin: 10px 0px;
        z-index: auto;
    }

    a.action.mi-cuenta {
        display: none;
    }

    ul>li {
        margin-bottom: 0px;
    }
    
    a, a:hover, .alink, a:visited {
        color: #333333;
        text-decoration: none;
    }

    .page-main {
        padding: 0px;
    }

/*    .columns .column.main {
        margin-top: 170px;
    }*/

    .cms-text-header {
        background-color: #002942;
        color: #FFFFFF;
        display: flex;
        justify-content: center;
    }

    .cms-text-header p {
        width: 260px;
        margin-block-start: 10px;
        margin-block-end: 10px;
    }

    .cms-text-header span {
        line-height: normal!important;
        font-size: 14px!important;
    }

    .caja-header .block-search .ybyb-search-icon {
        width: 19px;
        height: 20px;
    }

    .buscador-header {
        margin-right: 7px;
    }

    div.block-search {
        top: 100px;
    }    

    .bloque-iconos-header-mobile img {
        height: 19px;
    }

    .caja-header-mobile {
        width: 20%;
    }

    .minicart-wrapper {
        display: inherit;
        margin-top: 0px;
        margin-right: 13px;
    }  
    
    .minicart-wrapper a {
        padding: 0px 4px;
        text-decoration: none;
    }

    .icon-menu {
        width: 20px;
        margin-left: 30px;
    }

    #custom-menu {
        position: fixed;
        left: 0px;
        top: 0px;
        overflow-y: scroll;
        height: 100%;
        width: 75%;
        z-index: 99999;
        background: #002942;
        display: none;
        text-decoration: none;
    }

    #navigation-yeboyebo {
        position: fixed;
        top: 50px;
        left: 20px;
        width: 60%;
    }

    #navigation-yeboyebo ul {
        margin: 0px;
        padding: 0px;
    }

    ul.submenu.level0{
        justify-content: center;
        align-items: center;
    }

    #navigation-yeboyebo li.level0 {
        padding: 15px 0px;
        border-bottom: 1px solid white!important;
        text-transform: uppercase;
    }

    .level-top>a {
        line-height: 15px;
    }

    #navigation-yeboyebo li.level1 {
        padding-left: 20px;
        padding-top: 20px;
    }

    #navigation-yeboyebo li.level2 {
        padding-left: 20px;
        padding-top: 10px;
        text-transform: initial;
    }

    #navigation-yeboyebo li.level2.first {
        padding-top: 20px;
    }

    #navigation-yeboyebo li.level2.last {
        padding-bottom: 20px;
    }

    #navigation-yeboyebo a {
        font-size: 12px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-left: 0px!important;
    }

    #navigation-yeboyebo li.options-menu a {
        color: #9FD7E1;
    }
    
    .menu-icono-close {
        width: 15px;
        position: fixed;
        top: 20px;
        left: 20px;
    }

    .options-menu {
        font-size: 12px;
        margin-top: 12px;
    }

    div.login-container,
    form#form-validate.form.password.forget,
    div.bloque-cuenta {
        padding-inline-start: 20px;
        padding-inline-end: 20px;
    }
     
    .pagebuilder-column-group {
        display: flex;
        flex-direction: column-reverse;
        margin: 5%;
    }

    .pagebuilder-column-group img.pagebuilder-mobile-hidden {
        /* width: 334px!important; */
        margin-bottom: 5%;
    }

    #tittle1 span, #tittle2 span {
        font-size: 26px!important;
        font-family: 'Montserrat-SemiBold'!important;
    }
  
    p#text1 span, p#text2 span {
        font-size: 14px!important;
        font-family: 'Montserrat-Regular'!important;
    }

    .nadia-editorial .pagebuilder-column-group {
        padding: 5%;
        display: flex;
        flex-direction: column;
    }

    #html-body [data-pb-style=CFIQGIB], #html-body [data-pb-style=B626Y9O] {
        width: 100%!important;
    }

    #category-info, div.products-grid {
        margin: 0% 5%;
        margin-top: 5%;
    }

    #category-image img {
        height: auto;
        width: 100%;
    }

    #category-title {
        font-family:'Montserrat-SemiBold';
        font-size: 28px;
        color: #333333;
        margin-top: 30px;
        width: 190px;
    }

    #category-text {
        font-family:'Montserrat-Regular';
        font-size: 14px;
        color: #333333;
        margin-top: 10px;
        width: 255px;
    }

    .widget-product-grid {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-evenly;
        margin-bottom: 50px;
        padding-inline-start: 0px;
    }

    .product {
        margin: 0px;
    }

    .products-list .product-item-photo {
        display: initial;
    }

    #product-item-image-news {
        position: absolute;
        z-index: 999;
        margin-left: 10px;
        margin-top: 20px;
    }

    .product-item-photo, .product-item-photo-nr {
        text-align: center;
        position: initial!important;
    }

    div.product-item-details {
        text-align: center;
        display: flex!important;
        flex-direction: column;
    }

    .product-item-description {
        font-size: 9.5px;
        font-family: 'Montserrat-Regular';
        margin: 0px!important;
    }

    a.product-item-link {
        font-size: 9.5px;
    }

    a.product-item-link-nr {
        font-size: 12px;
    }

    .item {
        position: relative;
        display: none;
        width: 100%;
        backface-visibility: hidden;
    }

    .item.active {
        display: flex;
    }

    .product-image-container {
        display: initial;
    }

    .carousel-indicators li {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 0px 5px!important;
        text-indent: -999px;
        cursor: pointer;
        background-color: transparent;
        border: 0.30000001192092896px solid #333333;
        border-radius: 10px;
    }

    .carousel-indicators .active {
        width: 10px;
        height: 10px;
        margin: 0;
        background-color: #333333;
    }

    .breadcrumbs {
        display: none;
    }

    ol.products-list {
        list-style: none;
        display: flex;
        flex-direction: column;
        margin: 0% 20%;
        padding-inline-start: 0px;
    }

    ol.products-list li {
        display: flex;
        justify-content: center;
        font-family:'Montserrat-Regular';
        font-size: 16px;
        text-align: center;
        color: #333333;
    }

    ol.product-items-nr{
        margin: 0% 10%!important;
    }

    ol.product-items-nr li{
        width: 100%!important;
        margin-left: 0%!important;
    }

    span.product-item-short-description {
        font-size: 12px;
    }

    .product-info-main {
        display: flex;
        flex-direction: column;
        margin: 0px 20px;
    }

    #product-image-news img {
        width: 50px;
        position: absolute;
        top: 200px;
        z-index: 999;
    }

    div#product-image {
        text-align: center;
    }

    img.product-image-photo {
        height: auto;
        width: 100%;
        position: inherit;
    }

    .pagebuilder-mobile-hidden {
        display: block !important;
    }

    div#product-brand {
        font-size: 12px;
    }

    .product-info-main .product.attribute.overview {
        margin: 0px;
    }

    .product.attribute.name div.value {
        font-size: 20px;
        margin-top: 10px;
    }

    .product.attribute.overview div.value {
        font-family: 'Montserrat-Regular';
        font-size: 14px;
        margin-top: 10px;
    }

    div.price-box.price-final_price {
        margin-top: 10px;
    }

    div.product-info-price span.price {
        font-family: 'Montserrat-Regular';
        font-size: 22px!important;
        font-weight: 100;
    }

    div#product-sample {
        position: absolute;
        top: 200px;
        right: 20px;
        z-index: 999;
    }

    div#product-sample img{
        width: 58px;
    }

    button#product-addtocart-button {
        width: 100%;
        height: 43px;
        margin-top: 14px;
        margin-bottom: 20px;
        padding: 0px;
        background: #9FD7E1 0% 0% no-repeat padding-box;
        color: #FFFFFF;
        font-family: 'Montserrat-Bold';
        font-size: 14px;
        text-transform: uppercase;
        border: 0px;
    }

    form#product_addtocart_form {
        margin-top: 30px;
    }

    div#product-help {
        float: right;
        margin-bottom: 15px;
        margin-right: 50px;
        font-family: 'Montserrat-Regular';
    }

    div#product-help p {
        margin-block-end: 5px;
    }

    div.control div.caja-input{
        border: 1px solid #F5F5F5;
        width: fit-content;
        height: fit-content;
    }

    .cart.table-wrapper .col.qty .input-text {
        margin-top: 0px;
    }

    .col.subtotal[data-th]:before, .col.qty[data-th]:before  {
        display: none!important;
    }

    input#qty.input-text.qty {
        width: 29px;
        height: 39px;
        text-align: center;
        border: 0px solid #F5F5F5;
        border-left: 0px;
        border-right: 0px;
        -webkit-appearance: none;
        outline: none;
        font-size: 15px;
        font-family: 'Montserrat-Regular';
    }

    input.input-button.minus-qty {
        width: 30px;
        height: 39px;
        font-size: 15px;
        border: 0px solid #F5F5F5;
        border-right: 0px;
        padding-left: 15px;
        background-color: transparent;
        -webkit-appearance: none;
        outline: none;
    }

    input.input-button.more-qty {
        width: 30px;
        height: 39px;
        font-size: 15px;
        border: 0px solid #F5F5F5;
        border-left: 0px;
        background-color: transparent;
        -webkit-appearance: none;
        outline: none;
    }

    div.product.attribute.description {
        font-family: 'Montserrat-Regular';
        font-size: 12px;
        color: #333333;
    }

    div.block-ttpg-list {
        margin: 80px 0px;
    }
     
    ol.ttpg-widget-product-grid {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-evenly;
        text-align: center;
        padding: 0;
    }
  
    li.ttpg-item {
        flex: 0 0 50%;
        display: flex;
        justify-content: center;
    }
  
    a.ttpg-photo img{
        width: 150px;
    }
  
    div.ttpg-details {
        display: flex;
        flex-direction: column;
    }
  
    a.ttpg-link {
        text-decoration: none;
        color: #333333;
        font-family:'Montserrat-SemiBold';
        font-size: 9.5px;
    }
  
    span.ttpg-description {
        color: #333333;
        font-family:'Montserrat-Regular';
        font-size: 9.5px;
        margin: 5px 0px
    }

    div.reviews-actions {
        width: 100%;
        border-top: 1px solid #E0E0E0;
        border-bottom: 1px solid #E0E0E0;
        margin-top: 30px;
        padding: 10px 0px;
        font-size: 12px!important;
        font-family: 'Montserrat-Regular';
    }

    div.reviews-actions-mobile {
        width: 100%;
        margin-top: 20px;
        padding: 10px 0px;
        font-size: 12px;
        font-family: 'Montserrat-Regular';
    }

    div.reviews-actions-mobile .nota_review {
        margin-right: 20px;
    }

    a.action.view {
        display: flex;
        justify-content: space-between;
    }

    .block.review-list {
        display: none;
    }

    .block.review-list .item {
        display: block;
    }
        
    ol.items.review-items {
        margin-top: 20px;
        display: flex;
        flex-direction: column;
        padding-inline-start: 0px;
    }

    li.item.review-item {
        width: 100%;
        margin-bottom: 20px;
        border: 1px solid #E0E0E0;
        padding: 15px;
    }

    div.review-rating-date {
        display: flex;
        margin-top: 15px;
    }

    div.review-rating-date .review-details-value {
        font-size: 14px;
    }

    div.review-ratings {
        margin-right: 10px;
        margin-left: 0px!important;
    }

    div.review-details, div.review-title {
        font-size: 12px;
        margin: 10px 0px;
    }

    span#review-dropdown-icon {
        margin-right: 5px;
    }

    div.block.review-add {
        display: none;
        position: fixed;
        top: 0%;
        left: 0%;
        width: 100%;
        height: 100%;
        padding: 5%;
        background-color: #E5EAEC;
        border-radius: 5px;
        box-shadow: 2px 4px #7C7C7C;
        z-index: 999;
    }

    fieldset.field.required.review-field-ratings {
        margin-left: 16%!important;
    }
  
    .review-form-close {
        width: 15px;
        position: absolute;
        top: 5%;
        right: 10%;
        cursor: pointer;
    }
  
    .review-add .block-title {
        font-size: 32px;
        margin-top: 50%;    
    }
  
    .review-add .block-content {
        margin-top: 20px;
    }
  
    .review-field-nickname input, .review-field-summary input, .review-field-text textarea {
        max-width: 80%;
        width: 80%;
        background-color: transparent;
        border: 0px;
        border-bottom: 1px solid black;
        text-align: center;
        outline: none;
    }
  
    .review-field-nickname, .review-field-summary, .review-field-text {
        margin-bottom: 30px;
    }
  
    .review-form-actions button {
        background-color: transparent!important;
        border: 1px solid black!important;
        color: black!important;
        text-align: center;
        font-weight: bold;
        text-transform: uppercase;
        padding: 7px 25px!important;
    }

    div.cart-container {
        padding-inline-start: 20px;
        padding-inline-end: 20px;
        margin-block-start: 60px;
    }

    table#shopping-cart-table caption {
        margin-top: 0px;
        margin-bottom: 20px;
    }

    table>caption {
        clip: inherit;
        overflow: inherit;
        position: inherit;
        padding-top: 0px;
        padding-bottom: 0px;
        height: fit-content;
        margin: auto;
        width: 100%;
    }
    
    tbody.cart.item {
        display: flex;
        flex-direction: column;
    }

    td.col.item {
        display: flex!important;
        align-items: center;
    }

    td.item-qty-price {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    table#shopping-cart-table thead th, 
    table#shopping-cart-table tbody td, 
    table#shopping-cart-table tr.item-actions, 
    table#shopping-cart-table tbody.cart.item {
      border: 0px!important;
      padding: 0px;
    }

    .cart.table-wrapper .product-item-photo {
        max-width: 100%;
    }

    table#shopping-cart-table tbody {
        margin-bottom: 70px;
    }

    td.col.action {
        padding: 0px;
        padding-top: 30px;
    }

    tbody.cart.item a.action.towishlist {
        display: none;
    }
    
    tbody.cart.item a.action.action-edit {
        display: none;
    }

    img.img-remove-item {
        position: absolute;
        top: 10px;
        width: 16px;
        z-index: 999;
    }

    .img-beforeFooter {
        width: 40vw;
    }

    tbody.cart.item img.product-image-photo {
        width: 156px;
        height: auto;
        margin-top: 0px;
    }

    table#shopping-cart-table span.price {
        font-size: 16px;
        font-family: 'Montserrat-Regular';
        font-weight: 100;
    }

    input.input-text.qty {
        width: 29px;
        height: 39px;
        text-align: center;
        border: 0px solid #F5F5F5;
        border-left: 0px;
        border-right: 0px;
        -webkit-appearance: none;
        outline: none;
        font-size: 15px;
        font-family: 'Montserrat-Regular';
    }

    input.input-button.minus-qty {
        width: 30px;
        height: 39px;
        font-size: 15px;
        border: 0px solid #F5F5F5;
        border-right: 0px;
        padding-left: 15px;
        background-color: transparent;
        -webkit-appearance: none;
        outline: none;
    }

    input.input-button.more-qty {
        width: 30px;
        height: 39px;
        font-size: 15px;
        border: 0px solid #F5F5F5;
        border-left: 0px;
        background-color: transparent;
        -webkit-appearance: none;
        outline: none;
    }

    table#shopping-cart-table span.product-image-wrapper {
        padding-bottom: 0%!important;
    }
  
    table#shopping-cart-table .product-item-description {
        margin-bottom: 10px;
    }

    table#shopping-cart-table div.product-item-details {
        text-align: left;
    }

    div#block-discount.block.discount div.content {
        display: block!important;
    }

    div.cart-empty {
        padding-inline-start: 50px;
        padding-inline-end: 50px;
        margin-block-start: 60px;
        font-size: 16px;
        font-family: 'Montserrat-Regular';
    }

    #discount-coupon-form div.fieldset.coupon{
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    ul.checkout-methods-items li {
        display: flex;
        justify-content: center;
    }

    div.category-view {
        margin-top: 200px;
        display: flex;
        flex-direction: column;
    }

    div.category-image {
        padding: 0px 20px;
    }
  
    div.category-info {
        background-color: #E5EAEC;
        width: 100%;
        padding: 20px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
  
    div.category-name {
        font-size: 20px;
        text-transform: uppercase;
        margin-left: 10px;
    }
  
    div.category-description {
        font-size: 12px;
        margin-bottom: 0px;
    }

    .rating-summary .rating-result>span span {
        overflow: initial!important;
        clip: inherit;
    }

    div.login-container {
        margin-top: 50px;
    }

    form#form-validate.form.password.forget {
        min-width: 0px;
        width: 100%;
        margin-top: 50px;
    }

    form#form-validate.form.password.forget label span{
        font-weight: 100;
    }

    div.titulo-cuenta {
        margin-top: -20px;
    }

    div.page-subtitle {
        border-bottom: 3px solid #E0E0E0;
        text-align: center;
        width: 140px;
        margin-top: 50px;
    }

    div.page-subtitle h2 {
        font-size: 12px;
        font-family: 'Montserrat-Regular';
        text-transform: uppercase;
        margin-bottom: 5px;
    }

    form.form-edit-account button.action.save {
        width: 100%;
    }

    form.form-edit-account div.field.choice input#change-password {
        margin-bottom: 0px;
    }

    form.form-edit-account input#email {
        margin-bottom: 25px;
    }

    form#form-validate.form-address-edit {
        text-align: center;
        font-size: 12px;
        font-family: 'Montserrat-Regular';
        font-weight: normal!important;
    }

    form#form-validate.form-address-edit input#primary_billing,
    form#form-validate.form-address-edit input#primary_shipping {
        margin-bottom: 25px;
    }
    
    form#form-validate.form-address-edit,
    div.block.block-order-details-view,
    div.table-wrapper.order-items,
    dl.order-comments {
        padding-inline-start: 50px;
        padding-inline-end: 50px;
    }

    .minicart-wrapper .action.showcart .counter.qty {
        right: -2px;
        left: unset;
    }

    .minicart-wrapper .item {
        display: inherit;
    }

    div.block.block-minicart.ui-dialog-content.ui-widget-content {
        top: -75px;
        right: -14px;
        width: 95vw;
        height: 101vh;
    }

    #minicart-content-wrapper .block-content {
        padding-right: 50px;
    }

    #minicart-content-wrapper .product-item-details {
        font-size: 12px;
        text-align: left;
    }

    #minicart-content-wrapper .product.actions {
        margin: -25px 0 0;
    }

    .minicart-wrapper .action.close:before {
        font-size: 15px;
    }
    .imagenCabeceraHome .pagebuilder-mobile-hidden {
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
    }
    body .message.info {
        margin: 60px 5% 0;
    }

    .about-us-page div.block-title {
        margin: 0 5%;
        margin-top: 25px;
    }

    .about-us-history.container {
        padding: 0px;
    }

    .about-us-history .texto-1 {
        margin: 60px auto 0;
    }

    .que-hay-de-nuevo .block.widget .products-grid .product-item, .recien-llegados .block.widget .products-grid .product-item {
        width: calc((100% - 8%) / 2)!important;
    }

    .mpinstagramfeed-container {
        margin: 0px 15px;
    }

    .mpinstagramfeed-photo {
        width: calc((100% - 20px) / 2)!important;
        margin: 5px!important;
    }

    .preFooter-text {
        margin-left: 5%;
        margin-right: 5%;
    }

    .caja-header.buscar-activo .block-search .block.block-content {
        position: absolute;
        height: 87vh;
        top: 5vh;
        left: -37.85vh;
        z-index: 999;
    }

    .block.block-content form#search_mini_form {
        height: 100vh;
    }

    .block-search .control {
        border: none;
    }

    .block-search input {
        width: 90%;
        left: 0;
        margin: 15px 5%;
        position: absolute;
        padding: 0 8%;
    }

    .block-search .label.active+.control input {
        position: absolute;
    }

    .block-search .action.search {
        display: inline-block;
        background-image: none;
        background: none;
        -moz-box-sizing: content-box;
        border: 0;
        box-shadow: none;
        line-height: inherit;
        margin: 0;
        padding: 0;
        text-decoration: none;
        text-shadow: none;
        font-weight: 400;
        padding: 5px 0;
        position: absolute;
        top: 1%;
        left: 5%;
        z-index: 1;
    }

    .block-search .action.search:before {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 22px;
        line-height: inherit;
        color: #8f8f8f;
        content: '\e615';
        font-family: 'luma-icons';
        margin: 0;
        vertical-align: top;
        display: inline-block;
        font-weight: normal;
        overflow: hidden;
        speak: none;
        text-align: center;
    }

    .block-search .action.search span, .amsearch-form-container.-large .amsearch-results .amsearch-more-results {
        display: none;
    }

    .amsearch-close {
        margin-top: 4%;
        right: 3%;
    }
    
    .search .amsearch-loupe {
        margin-top: 5%;
        left: 5%;
    }

    .amasty-xsearch-loader {
        bottom: inherit;
    }

    .amsearch-clone-position {
        /* box-shadow: none; */
        right: initial;
        max-height: 100vh!important;
        height: 100vh;
    }

    .amsearch-autocomplete-image .product-image-photo {
        height: 44px;
        width: 44px;
        border: none;
    }

    .amsearch-autocomplete-image {
        width: fit-content;
    }

    .amsearch-autocomplete-information {
        padding-left: 25px;
        width: initial;
    }

    .amsearch-autocomplete-information .product-item-link, .amsearch-autocomplete-information .product-item-description {
        text-align: left;
        font-size: 12px;
        padding: 0px;
    }

    .amsearch-wrapper-content .product-item-details {
        min-height: fit-content;
    }

    .amsearch-wrapper-content .product-item.amsearch-item {
        padding: 15px 20px;
    }

    .amsearch-item-container:not(.recent_searches) .amsearch-highlight {
        color: #002942;
    }

    body.buscar-activo {
        overflow: hidden;
    }

    #navigation-yeboyebo li.level0.active a.level-top .iconMas, #navigation-yeboyebo li.level1.active a .iconMas {
        content:url("../images/Menos.svg");
        filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(338deg) brightness(109%) contrast(101%);
    } 

    /** FILTROS CATEGORIAS **/

    .block.filter {
        margin-bottom: 0px;
        height: fit-content;
        width: 50%;
    }

    .block.filter .block-title.filter-title strong {
        font-size: 12px !important;
        font-family: 'Montserrat-Regular' !important;
        text-transform: capitalize !important;
        font-weight: 500 !important;
        letter-spacing: 0px !important;
        padding: 7px 17px;
        min-width: 115px;
        border: 1px solid #E0E0E0;
        background-color: white;
        margin-left: -20px;
    }

    .filter-options-item, .filter-current {
        margin-left: 30px;
    }

    .block-actions.filter-actions {
        margin-left: 15px;
    }

    .filter-current, .block-actions.filter-actions {
        float: left;
    }

    div.filter-options-title, .block-actions.filter-actions {
        font-family: 'Montserrat-SemiBold'!important;
        font-size: 12px!important;
    }

    .block.filter .filter-options, .filter-options-content .count, .filter-current .filter-label, .filter-current .action.remove {
        display: none;
    }

    .block.filter.active .filter-options, .filter-current .item {
        display: block;
    }

    .filter-options-content, .filter-options-content .item, .filter-value {
        display: block!important;
        font-size: 12px;
    }
    /** FIN FILTROS CATEGORIAS **/

    #onestepcheckout-page .place-order {
        position: relative!important;
    }

    #onestepcheckout-page .newsletter-subscribe {
        min-height: 60px;
        margin-bottom: 0px!important;
    }

    .opc-block-summary span.product-image-container {
        width: 100px!important;
    }
}