/*Fuentes*/
@font-face {
    font-family: 'Miso';
    src: url('../fonts/miso.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Miso';
    src: url('../fonts/miso-bold.otf') format('opentype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Miso';
    src: url('../fonts/miso-light.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
}
/*general*/
body {
    font-family: 'Miso', sans-serif;
    font-size: 15px;
    font-weight: 300; 
    transition: transform 0.3s ease;
}

/*header*/
.page-wrapper .header.content span.action.nav-toggle {
    position: initial;
    float: left;
    width: 5%;
    text-align: center;
}
.page-wrapper .header.content a.logo {
    margin: initial;
    width: 20%;
    mix-blend-mode: multiply;
}
.page-wrapper .header.content {
    width: 100%;
    max-width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 0;
    align-items: center;
}
.page-wrapper ul.compare.wrapper {
    display: none !important;
}
.page-wrapper .minicart-wrapper {
    order: 1;
    margin: 0;
    width: 25%;
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.page-wrapper .block.block-search {
    width: 50%;
    padding: 0;
    z-index: 1;
}
.page-wrapper .block-search .block-content form#search_mini_form {
    max-width: 50%;
    margin: auto;
    position: relative;
}
.page-wrapper  header.page-header {
    background: #F8F8F8;
}
.page-wrapper .page-header .panel.wrapper {
    /* background: #f8f8f8; */
    /* border: none; */
    display: none;
}
.page-wrapper .block-search .block-content form#search_mini_form input#search {
    border: none;
    box-shadow: 0px 0px 2px #d5d5d5;
}
.page-wrapper .block-search .action.search:before {
    color: #000000;
    font-size: 20px;
}
.page-wrapper .header.content .nav-toggle:before {
    font-size: 45px;
    color: #000000;
    content: '\e609';
    font-family: 'luma-icons';
    line-height: 45px;
    font-weight: bold;
}
.page-wrapper .minicart-wrapper .action.showcart:before {
    display: none;
}
.page-wrapper .minicart-wrapper .minicart-icon {
    background: #89d5af;
    width: 116px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.page-wrapper .minicart-wrapper .minicart-icon svg path {
    fill: #fff;
}
.page-wrapper .minicart-wrapper .user-head-icon svg path {
    stroke: #89d5af;
}
.page-wrapper .minicart-wrapper .wishlist-head-icon svg path {
    fill: #89d5af;
}
.page-wrapper .minicart-wrapper .wishlist-head-icon svg {
    width: 20px;
}

.page-wrapper .minicart-wrapper .wishlist-head-icon, 
.page-wrapper .minicart-wrapper .user-head-icon {
    width: 116px;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
}
a.action.showcart {
    position: relative;
}
.minicart-wrapper .action.showcart .counter.qty {
    background-color: #f16e8c;
    border-radius: 20px;
    bottom: 10px;
    float: right;
    position: absolute;
    right: 30px;
    z-index: 2;
    font-weight: 700;
}
/*FOOTER*/
.pm-copyright-container {
    display: flex;
    justify-content: space-around;
    padding: 50px 0;
    background: #f8f8f8;
    box-shadow: 0 -5px 5px #e7e7e7;
}
.block-footer {
    width: calc(100% / 3);
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;    
}
.pm-contact.block-footer svg {
    max-width: 25px;
}
span.rrss-ico {
    width: 45px;
    display: inline-block;
}
.pm-contact.block-footer span {
    display: flex;
    width: 30%;
    justify-content: center;
}
.pm-contact.block-footer span a {
    margin-left: 10px;
    color: initial;
}
/*home pagebuilder*/
.cms-home.cms-index-index .pagebuilder-button-primary {
    width: 100%;
    border: none !important;
    border-radius: 0 !important;
    margin: 0 !important;
    background: #adc8b9;
    font-family: 'Miso', sans-serif;
    font-size: 28px;
}
.bloque-home div {
    width: 100%;
}
.bloque-home {
    margin-top: 50px;
}
/*catalog category view*/
.catalog-category-view.page-layout-2columns-left .column.main {
    padding: 0;
    width: 100%;
    float: left;
}
.catalog-category-view .sidebar.sidebar-main {
    padding-right: 0;
    display: block !important;
    position: fixed !important;
    top: 0;
    right: 0;
    height: 100vh;
    width: 280px;
    background: #fff;
    z-index: 9999;
    transform: translateX(100%);
    transition: transform .3s ease;
    box-shadow: 2px 0 6px rgba(0, 0, 0, 0.3);
}
.catalog-category-view .sidebar-main.active {
    transform: translateX(0%) !important;
}
.filters-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 9998;
    transition: opacity 0.3s ease;
    opacity: 0;
    pointer-events: none;
}
.filters-overlay.active {
    display: block;
    opacity: 1;
    pointer-events: auto;
}

.breadcrumbs-and-title {
    display: flex;
    align-items: center;
    margin: 50px 0;
}
.catalog-category-view .breadcrumbs {
    margin: 0;
    display: flex;
    align-items: center;
    padding: 0;
    width: calc(100% / 3);
}
.breadcrumbs-and-title .page-title-wrapper {
    margin: 0;
    width: calc(100% / 3);
    text-align: center;
}
.filters-button-container {
    order: 1;
    width: calc(100% / 3);
    text-align: right;
}
.breadcrumbs-and-title .page-title-wrapper .page-title {
    margin: 0;
    font-weight: bold;
    color: #5B5B5B;
}
.catalog-category-view .sidebar.sidebar-main button.btn-close-filters {
    float: right;
}
.catalog-category-view .sidebar.sidebar-main button.btn-close-filters {
    float: right;
    background: #000000;
    color: white;
    border: none;
    font-size: 22px;
}
.catalog-category-view a.product.photo.product-item-photo img.product-image-photo {
    position: initial;
    width: 100%;
}
ol.productos.list.items.producto-items {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
ol.productos.list.items.producto-items li.item.product.producto-item
{
    width: calc((100% - 30px) / 4);
    background: #f8f8f8;
}
.catalog-category-view .product-item-inner {
    display: none;
}
.catalog-category-view  .product.details.product-item-details {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.catalog-category-view .producto-item-info {
    padding: 30px;
}
.catalog-category-view  a.product-item-link {
    text-transform: uppercase;
    font-weight: 600 !important;
    font-size: 14px;
}
.catalog-category-view .price-box span.price {
    font-size: 20px;
    font-weight: 700;
}
.catalog-category-view .product.name.product-item-name {
    width: 70%;
    margin-right: 5%;
}
.catalog-category-view  .product.details.product-item-details .price-box {
    width: 25%;
}
.talla-global {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 120px;
    font-size: 20px;
    font-weight: 600;
    margin: 20px 0;
}
.talla-global .size-icons:nth-child(2) {
    margin-top: -5px;
}
.catalog-category-view .hijos-por-color {
    position: relative;
}
.catalog-category-view .hijos-por-color .owl-nav {
    position: absolute;
    display: flex;
    justify-content: space-between;
    width: 100%;
    top: 10px;
    z-index: -1;
}
.catalog-category-view .hijos-por-color .owl-next span,
.catalog-category-view .hijos-por-color .owl-prev span {
    font-size: 35px;
}
.catalog-category-view .hijos-por-color button.owl-prev {
    margin-left: -10px;
}
.catalog-category-view .hijos-por-color button.owl-next {
    margin-right: -10px;
}
.catalog-category-view .modes {
    display: none;
}
.catalog-category-view .breadcrumbs ul.items {
    font-size: 16px;
}
.catalog-category-view .breadcrumbs .item:not(:last-child):after {
    line-height: 25px;
}
.catalog-category-view .producto-hijo {
    border: 1px solid transparent;
    cursor: pointer;
}
.catalog-category-view .producto-hijo.active {
    border: 1px solid #89d5af;
}
.catalog-category-view .toolbar-products .pages {
    display: block;
    text-align: right;
}
.catalog-category-view .pages a.page {
    color: #000000;
    font-size: 16px;
}
.catalog-category-view .pages strong.page {
    background: none;
    color: #89d5af;
    font-size: 16px;
}
.catalog-category-view  .pages .action.next,
.catalog-category-view  .pages .action.previous {
    background: no-repeat;
    padding: 0;
    border: none;
    box-shadow: none;
}
.breadcrumbs a:visited {
    color: #89d5af;
    text-decoration: none;
}
.breadcrumbs a {
    color: #89d5af;
    text-decoration: none;
}
a:visited, .alink:visited {
    color: #89d5af;
    text-decoration: none;
}
a, .alink {
    color: #89d5af;
    text-decoration: none;
}
span.icono-filtro path {
    fill: #89d5af;
}
span.icono-filtro svg {
    width: 26px;
}
span.icono-filtro {
    margin-right: 10px;
}
.filters-button-container span.text {
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    font-weight: 500;
}
.filters-button-container button {
    border: 1px solid #89d5af;
    padding: 5px 15px;
}
/*Ficha de producto*/
.catalog-product-view .product-reviews-summary.empty {
    display: none;
}
.product-info-main .product-info-price {
    display: flex;
    flex-direction: column-reverse;
}
.catalog-product-view .product-info-main .product-info-stock-sku {
    padding-bottom: 0;
    padding-left: 0;
    text-align: left;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.catalog-product-view .product-info-main .product-info-price {
    margin: 0;
    padding: 0;
    border-bottom: none;
}
.catalog-product-view .product-info-main .product-info-stock-sku .stock {
    display: none;
}
.catalog-product-view .product-info-main h1.page-title span.base {
    font-size: 25px;
    font-weight: bold;
    text-transform: uppercase;
}
.catalog-product-view .page-title-wrapper.product {
    border-bottom: 1px solid #c1c1c1;
    margin-bottom: 10px;
}
.catalog-product-view .product-info-main h1.page-title {
    margin-bottom: 0;
}
.page-title-wrapper.product {
    margin-bottom: 10px;
    border-bottom: 1px solid #c1c1c1;
}
.catalog-product-view .product-info-main .product.attribute.sku .type:after{
    content: ":";
}
.catalog-product-view .product-info-main .product.attribute.sku .type {
    font-weight: 100;
    margin-right: 0;
}
.catalog-product-view .product-info-main .product-add-form {
    padding-top: 0;
}
.catalog-product-view .product-info-main .product-info-price .price-box {
    padding-bottom: 0;
}
.catalog-product-view .swatch-opt {
    margin: 15px 0;
    display: flex;
    flex-direction: column-reverse;
}
.catalog-product-view .swatch-attribute-label {
    font-weight: 300;
    position: relative;
    text-transform: uppercase;
    font-size: 20px;
}
.swatch-attribute-options {
    display: flex;
    flex-wrap: wrap;
}
.catalog-product-view .swatch-option.image {
    width: calc(100% / 5);
    max-width: 45px;
    max-height: 45px;
}
.swatch-option.text {
    background: #ffffff;
    font-size: 16px;
}
.catalog-product-view .swatch-option.selected {
    outline: 2px solid #89d5af;
}
.catalog-product-view .swatch-option.image:not(.disabled):hover,
.catalog-product-view .swatch-option.color:not(.disabled):hover {
    border: 1px solid #fff;
    outline: 2px solid #89d5af;
}
.catalog-product-view .product-info-main .product-info-price .price {
    color: #000000;
}
.catalog-product-view .field.qty {
    display: none;
}
.catalog-product-view .product-social-links {
    display: none;
}
span.caracteristicas-title {
    font-weight: 300;
    position: relative;
    text-transform: uppercase;
    font-size: 20px;
}
.catalog-product-view .product-info-main .product-info-stock-sku span.caracteristicas-title {
    font-size: 12px;
}
.catalog-product-view .product-info-main .product-info-stock-sku span.caracteristicas-title:after {
    content: ": ";
}
.catalog-product-view .product-info-main .product-info-stock-sku .product.attribute.sku {
    margin-left: 5px;
    font-size: 12px;
}
.especificaciones {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.especificacion {
    display: flex;
    line-height: 1;
    align-items: center;
    width: calc((100% / 4) - 5px);
    font-size: 14px;
}
.tallaje {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #c1c1c1;
    border-top: 1px solid #c1c1c1;
    padding: 15px 0;
    margin-top: 20px;
}
.ico-tallaje {
    margin-right: 15px;
}
.title-tallaje {
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase;
}
span.dato-cliente {
    color: #89d5af;
}
.action.primary:hover, .action-primary:hover {
    background: #89d5af;
    border: 1px solid #89d5af;
    color: #fff;
}
.action.primary, .action-primary {
    background-image: none;
    background: #89d5af;
    border: 1px solid #89d5af;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 600;
    padding: 7px 15px;
    font-size: 1.4rem;
    box-sizing: border-box;
    vertical-align: middle;
}
#store-selector .form-continue .actions-toolbar .action.primary, .order-review-form .action.primary, .order-review-form .action.primary, .bundle-actions .action.primary.customize, .bundle-options-container .block-bundle-summary .box-tocart .action.primary, .box-tocart .action.tocart, .cart-summary .checkout-methods-items .action.primary.checkout, .block-minicart .block-content>.actions>.primary .action.primary, .methods-shipping .actions-toolbar .action.primary, .block-authentication .action.action-register, .block-authentication .action.action-login, .checkout-payment-method .payment-method-content>.actions-toolbar>.primary .action.primary, .form-address-edit .actions-toolbar .action.primary, .box-tocart .action.instant-purchase, .multicheckout .action.primary {
    line-height: 2.2rem;
    padding: 14px 17px;
    font-size: 1.4rem;
    text-transform: uppercase;
}
div#description {
    max-width: 1240px;
    margin: auto;
}
.custom-product-block {
    width: 100%;
    display: inline-block;
}
.matrix-qty-container {
    display: inline-block;
    width: 100%;
}
.matrix-qty-container .matrix-row {
    display: flex;
    padding-bottom: 20px;
    border-bottom: 1px solid #c1c1c1;
    margin-bottom: 20px;
}
.matrix-qty-container .matrix-qty-container {
    display: inline-block;
    width: 100%;
}
.matrix-qty-container .color-header {
    width: 10%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.matrix-qty-container .size-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    width: 90%;
}
.matrix-qty-container .size-cell {
    width: calc((100% - (14 * 20px)) / 15);
    text-align: center;
}
.matrix-qty-container .qty-wrapper button.qty-minus, .matrix-qty-container .qty-wrapper button.qty-plus {
    width: 100%;
    border-radius: 0;
    background: #ffffff;
    border: none;
    padding: 0;
    color: #333333;
}
.matrix-qty-container .qty-wrapper input[type="number"] {
    text-align: center;
    height: 25px;
}
.matrix-qty-container .size-cell > div:nth-child(1) {
    padding: 7px 10px;
    background: #e9e9e9;
    text-align: center;
}
.matrix-qty-container .color-header img {
    width: 100%;
    max-width: 80px;
}
.matrix-qty-container .color-header span {
    text-transform: capitalize;
}
.matrix-qty-container button.action.primary.tocart {
    float: right;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    padding: 15px 20px;
}
.guia-de-tallas {
    margin-top: 50px;
}
/*CART*/
table#shopping-cart-table tbody.cart.item .product-image-wrapper .product-image-photo {
    max-width: 75px;
    margin: 0;
}
table#shopping-cart-table tbody.cart.item span.product-image-container {
    aspect-ratio: auto;
    width: auto;
}
table#shopping-cart-table td.col {
    padding-bottom: 0;
    padding-top: 15px;
}
table#shopping-cart-table tr.item-actions {
    position: absolute;
    bottom: 0;
    right: 0;
}
.guia-de-tallas span {
    font-size: 22px;
    text-transform: uppercase;
}
small {
    font-size: 15px;
}
.checkout-index-index.page-layout-checkout span.action.nav-toggle {
    display: none !important;
}
.checkout-index-index.page-layout-checkout .page-wrapper .header.content a.logo {
    text-align: center;
    width: auto;
}
.checkout-index-index.page-layout-checkout .page-wrapper header.page-header {
    padding: 15px;
}
.checkout-index-index.page-layout-checkout .authentication-wrapper {
    margin-top: -55px;
}
.checkout-index-index.page-layout-checkout button.action.action-auth-toggle {
    color: #89d5af;
}
.checkout-index-index.page-layout-checkout .opc-progress-bar-item._active:before {
    background: #89d5af;
    border-color: #89d5af;
}
.checkout-index-index.page-layout-checkout .opc-progress-bar-item._active>span:before {
    background: #89d5af;
    border-color: #89d5af;
}
.checkout-index-index.page-layout-checkout .opc-progress-bar-item._active>span:after {
    border-color: #89d5af;
}
/*menu solo desktop*/
@media (min-width: 767px){
    /*menu desktop*/

    .sections.nav-sections .navigation li.level0 {
        width: 100%;
        margin: 0;
        position: initial;
        cursor: pointer;
    }
    .sections.nav-sections .navigation .level0 .submenu {
        position: initial !important;
        box-shadow: none;
        border: none;
    }
    .sections.nav-sections span {
        font-size: 18.75px;
        letter-spacing: 1.33px;
        text-transform: uppercase;
        font-weight: 700;
    }
    .sections.nav-sections .navigation {
        background: #ffffff;
    }
    .ui-menu-icon.ui-icon {
        transition: transform 0.3s ease; /* Duración y tipo de animación */
    }
    .sections.nav-sections .ui-state-active .ui-menu-icon.ui-icon {
        transform: rotate(180deg);
    }
    .sections.nav-sections .level1 .ui-state-active .ui-menu-icon.ui-icon {
        transform: rotate(-90deg);
    }
    .level1 span.ui-menu-icon {
        transform: rotate(90deg);
    }
    .sections.nav-sections .navigation ul.level1.submenu {
        display: none !important;
    }
    li.level1.category-item.parent .ui-menu-icon {
        display: none !important;
    }
    /*sabana menu*/
    .sections.nav-sections {
        box-sizing: border-box;
    }
    .sections.nav-sections .navigation .level0 .submenu {
        position: absolute !important;
        box-shadow: none;
        border: none;
        top: 0 !important;
        left: 280px !important;
        width: calc(65vw - 280px);
        height: 45vh;
        padding: 30px;
    }
    .sections.nav-sections .navigation ul {
        padding: 0;
    }
    .navigation .level0 .submenu li {
        float: left;
        width: calc(100% / 3);
        margin-bottom: 10px !important;
    }
}
