@import url("https://fonts.googleapis.com/css?family=Open+Sans:300, 400, 600, 700");
    .row:before {
    content: " ";
    display: table;
}
.row:after {
    content: " ";
    display: table;
    clear: both;
}

body {
    background: #fff;
    color: #666;
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.6;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}
body a {
    color: #973a2b;
}
body a:hover {
    color: #cdac77;
    text-decoration: none;
}

body h1, body h2, body h3, body h4, body h5, body h6 {
    margin: 0 0 10px;
    font-family: inherit;
    font-size: 100%;
}
body a {
    outline: medium none !important;
}
body input, body textarea, body button {
    outline: medium none !important;
    border: 1px solid #cecece;
    margin-bottom: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 0px 5px;
}
body img {
    display: block;
    height: auto;
}
body ul {
    padding: 0;
    margin-left: 15px;
}
.minaltura {
	min-height: 2700px;
	}
.slick-slide img {
    margin: 0 auto;
}
.theme-clearfix:after {
    height: 0;
    clear: both;
    content: " ";
    font-size: 0;
    min-height: 0;
    display: block;
    visibility: hidden;
}

.no-margin {
    margin: 0 !important;
}

ul.menu, .dropdown ul {
    list-style: none;
}
.product-thumb-hover {
    overflow: hidden;
}
.no-padding {
    padding: 0 !important;
}

.container {
    max-width: 1200px;
}

.button {
    height: 30px;
    line-height: 30px;
    padding: 0 15px;
    transition: background-color 0.2s;
    -webkit-transition: background-color 0.2s;
    -moz-transition: background-color 0.2s;
    white-space: nowrap;
    font-size: 100%;
    text-transform: uppercase;
    background-color: #666666;
    border: none;
    color: #fff;
}

.sn-img:before {
    background: url("../images/oca-blanca.svg") #973a2b;
	color: #fff;
    content: "";
    position: absolute;
    width: 40px;
    height: 40px;
    top: 0;
    left: 0;
}


#ya-totop {
    background: url("../images/group_btn.png") no-repeat scroll center -319px transparent;
    border-radius: 45px;
    bottom: 15px;
    height: 45px;
    overflow: hidden;
    position: fixed;
    right: 15px;
    width: 45px;
    z-index: 9999;
    background-color: #cdac77;
}

.sticky-menu {
    position: fixed;
    z-index: 1031;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.dropdown-menu {
    font-size: 12px;
    border-radius: 0;
}

.vertical-megamenu {
    position: relative;
}
.vertical-megamenu>li {
    display: block;
    float: none;
    line-height: normal;
}

.vertical-megamenu>li>a {
    display: block;
    position: relative;
    color: #666;
}
.vertical-megamenu>li>a:hover {
    color: #973a2b;
    font-weight: 700;
}

.vertical-megamenu>li>.dropdown-menu {
    display: none;
    left: 100%;
    top: 0;
    padding: 0;
    margin-top: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.vertical-megamenu>li>.dropdown-menu:before {
    content: "";
    background: transparent;
    position: absolute;
    top: -1px;
    bottom: 0;
    width: 15px;
    left: -15px;
}

.vertical-megamenu>li.ya-menu-custom>.dropdown-menu>li, .vertical-megamenu>li.menu_dropdown>.dropdown-menu>li {
    line-height: 30px;
    list-style: none;
    position: relative;
    min-width: 220px;
    padding: 0;
}
.vertical-megamenu>li.ya-menu-custom>.dropdown-menu>li+li, .vertical-megamenu>li.menu_dropdown>.dropdown-menu>li+li {
    border-color: #d9d9d9;
    border-style: solid;
    border-width: 1px 0 0;
}

.vertical-megamenu>li.ya-menu-custom>.dropdown-menu>li a, .vertical-megamenu>li.menu_dropdown>.dropdown-menu>li a {
    display: block;
    color: #666;
    line-height: 25px;
    padding: 5px 10px 5px 30px;
    position: relative;
}

.resmenu-container .navbar-toggle {
    display: none;
}
.resmenu-container .menu-responsive-wrapper {
    position: absolute;
    top: 60px;
    padding: 0;
    min-width: 300px;
    background: #666;
}

.logo-wrapper h1 {
    margin-bottom: 0;
}
.yt-header {
    position: relative;
	background-image: url("../images/fondo-top-e26.jpg");
	background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.yt-headercuack {
	background-image: url("../images/fondo-top-cuack.jpg");
}
.yt-headernavidad {
    position: relative;
    background-image: url("../images/fondo-top-n25.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* Todo el contenido del header por encima del viento */
.yt-header > * {
    position: relative;
    z-index: 1;
}

/* Dos capas de viento superpuestas (profundidad) */
.yt-header::before,
.yt-header::after {
    content: "";
    position: absolute;
    left: -120%;          /* arrancan fuera para que entren con recorrido */
    top: 0;
    width: 240%;          /* extra ancho para que el “flow” no corte */
    height: 100%;
    pointer-events: none;
    z-index: 0;

    /* Suaviza y hace más “aire” */
    mix-blend-mode: screen;
    opacity: 0.95;

    /* performance */
    will-change: transform, background-position, filter;
}

/* Capa 1: ráfaga principal + hojas grandes */
.yt-header::before {
    /* Dos “familias”:
       - líneas suaves (corrientes de aire)
       - hojas ASCII (caracteres repetidos) */
    background-image:
        /* Corrientes (líneas de aire, muy sutiles) */
        repeating-linear-gradient(
            0deg,
            rgba(255,255,255,0.00) 0px,
            rgba(255,255,255,0.00) 14px,
            rgba(255,255,255,0.10) 15px,
            rgba(255,255,255,0.00) 18px
        ),
        repeating-linear-gradient(
            -8deg,
            rgba(255,255,255,0.00) 0px,
            rgba(255,255,255,0.00) 22px,
            rgba(255,255,255,0.08) 23px,
            rgba(255,255,255,0.00) 26px
        ),

        /* Hojas ASCII (usa 2-3 caracteres para variedad) */
        repeating-linear-gradient(
            0deg,
            rgba(0,0,0,0) 0px,
            rgba(0,0,0,0) 100%
        );

    /* Aquí metemos las hojas como “texto” en background usando SVG embebido */
    background-image:
        repeating-linear-gradient(
            0deg,
            rgba(255,255,255,0.00) 0px,
            rgba(255,255,255,0.00) 14px,
            rgba(255,255,255,0.10) 15px,
            rgba(255,255,255,0.00) 18px
        ),
        repeating-linear-gradient(
            -8deg,
            rgba(255,255,255,0.00) 0px,
            rgba(255,255,255,0.00) 22px,
            rgba(255,255,255,0.08) 23px,
            rgba(255,255,255,0.00) 26px
        ),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='520' height='180'%3E%3Crect width='100%25' height='100%25' fill='transparent'/%3E%3Cg font-family='ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace' font-size='18'%3E%3Ctext x='20' y='40' fill='%23b45309'%3E~%3C/text%3E%3Ctext x='110' y='90' fill='%2392400e'%3E*%3C/text%3E%3Ctext x='210' y='60' fill='%23a16207'%3E~%3C/text%3E%3Ctext x='320' y='120' fill='%237c2d12'%3E*%3C/text%3E%3Ctext x='420' y='80' fill='%23b45309'%3E~%3C/text%3E%3C/g%3E%3C/svg%3E");

    background-repeat: repeat, repeat, repeat;
    background-size: 140px 140px, 220px 220px, 520px 180px;

    filter: blur(0.2px);
    animation:
        windDrift 7.5s linear infinite,
        windSway 2.8s ease-in-out infinite;
}

/* Capa 2: más lejana, hojas más pequeñas, diferente velocidad */
.yt-header::after {
    opacity: 0.65;
    mix-blend-mode: screen;

    background-image:
        repeating-linear-gradient(
            0deg,
            rgba(255,255,255,0.00) 0px,
            rgba(255,255,255,0.00) 18px,
            rgba(255,255,255,0.08) 19px,
            rgba(255,255,255,0.00) 22px
        ),
        repeating-linear-gradient(
            -12deg,
            rgba(255,255,255,0.00) 0px,
            rgba(255,255,255,0.00) 30px,
            rgba(255,255,255,0.06) 31px,
            rgba(255,255,255,0.00) 34px
        ),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='620' height='220'%3E%3Crect width='100%25' height='100%25' fill='transparent'/%3E%3Cg font-family='ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace' font-size='14'%3E%3Ctext x='40' y='60' fill='%23c2410c'%3E.%3C/text%3E%3Ctext x='160' y='140' fill='%239a3412'%3E~%3C/text%3E%3Ctext x='270' y='80' fill='%23a16207'%3E.%3C/text%3E%3Ctext x='390' y='170' fill='%237c2d12'%3E~%3C/text%3E%3Ctext x='520' y='110' fill='%23b45309'%3E.%3C/text%3E%3C/g%3E%3C/svg%3E");

    background-repeat: repeat, repeat, repeat;
    background-size: 180px 180px, 280px 280px, 620px 220px;

    filter: blur(0.4px);
    animation:
        windDriftFar 12s linear infinite,
        windSwayFar 4.2s ease-in-out infinite;
}

/* Movimiento principal: izquierda -> derecha (flow) */
@keyframes windDrift {
    0%   { transform: translateX(0) translateY(0) rotate(0deg);   background-position: 0 0, 0 0, 0 0; }
    100% { transform: translateX(50%) translateY(0) rotate(0deg); background-position: 700px 0, 520px 0, 900px 0; }
}

/* Capa lejana: más lenta */
@keyframes windDriftFar {
    0%   { transform: translateX(0) translateY(0) rotate(0deg);   background-position: 0 0, 0 0, 0 0; }
    100% { transform: translateX(35%) translateY(0) rotate(0deg); background-position: 520px 0, 380px 0, 720px 0; }
}

/* Sway vertical + ligera “turbulencia” (sensación orgánica) */
@keyframes windSway {
    0%, 100% { transform: translateX(0) translateY(-1.5%) skewY(-1deg); }
    50%      { transform: translateX(0) translateY(1.5%)  skewY(1deg); }
}

@keyframes windSwayFar {
    0%, 100% { transform: translateX(0) translateY(-1%) skewY(-0.6deg); }
    50%      { transform: translateX(0) translateY(1%)  skewY(0.6deg); }
}
.yt-header-middle {
    padding: 10px 0 20px;
}

.yt-header-middle.sticky-menu {
    background: #ebe7e6c9;
    border-bottom: 4px solid #973a2b;
    padding: 15px 0;
}


.yt-header-under-2 {
    background: rgba(139, 0, 0, 0.6);
}
.yt-header-under-2.sticky-menu .ver-megamenu-header .vertical-megamenu {
    display: none;
}

.yt-header-under {
    background-color: transparent;
    padding-top: 5px;
}

.top-form-minicart {
    background-color: #fff;
    padding: 3px;
    border: 1px solid #ddd;
}
.top-form-minicart .top-minicart {
    text-align: center;
    display: inline-block;
    border: 1px solid #eee;
    padding-left: 10px;
    height: 32px;
    line-height: 30px;
    position: relative;
    cursor: pointer;
    text-transform: uppercase;
    padding-right: 10px;
    font-size: 14px;
}

.top-form-minicart .top-minicart:after {
    content: "";
    display: inline-block;
    width: 22px;
    height: 20px;
    position: absolute;
    top: 5px;
    left: 12px;
}

.header-under-2-wrapper {
    height: 52px;
}

.page-template-page-home .header-style1 .header-under-2-wrapper .vertical-megamenu {
    display: block;
    margin: 0;
}

.header-under-2-wrapper .primary-menu {
    display: none;
}


.ver-megamenu-header {
    position: relative;
    background: #973a2b;
}
.ver-megamenu-header .mega-left-title strong {
    color: #fff;
}

.mega-left-title {
    height: 52px;
    padding-left: 42px;
    position: relative;
}

.mega-left-title strong {
    font-size: 125%;
    font-weight: bold;
    line-height: 52px;
    text-transform: uppercase;
}
.mega-left-title strong:before {
    width: 52px;
    height: 52px;
    content: "";
    display: inline-block;
    background-image: url("../images/group_btn.png");
    background-repeat: no-repeat;
    background-position: center -238px;
    left: 0px;
    top: 0px;
    position: absolute;
}

.yt-header-under {
    float: left;
    width: 100%;
    position: relative;
}

.yt-header-under .mini-cart-header {
    display: inline-block;
    float: right;
    position: relative;
}


ul.vertical-megamenu {
    background-color: #fff;
    list-style: none;
    margin: 0;
    position: absolute;
    width: 101%;
    margin-top: 0px;
    margin-left: -1px;
    z-index: 29;
    border: 1px solid #ddd;
    border-top: none;
    padding: 8px 0px;
    margin-bottom: 30px;
    display: block;
    min-height: 463px;
}
ul.vertical-megamenu:before {
    content: "";
    position: absolute;
    display: inline-block;
    background-image: url("../images/group_btn.png");
    background-repeat: no-repeat;
    background-position: center -288px;
    top: -8.9px;
    left: 20px;
    width: 14px;
    height: 10px;
}
ul.vertical-megamenu>li.dropdown>a:after {
    font-family: "FontAwesome";
    font-size: 12px;
    content: "\f0da";
    float: right;
    color: #999;
}
ul.vertical-megamenu>li {
	color: #973a2b;
    display: block;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    height: 36px;
    line-height: 33px;
    font-size: 13px;
}
ul.vertical-megamenu>li>a {
    display: block;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    height: 36px;
    line-height: 33px;
    padding: 0 20px 0 20px;
    font-size: 13px;
}

ul.vertical-megamenu>li>a:before {
    font-family: "FontAwesome";
    font-size: 6px;
    content: "\f009";
    color: #666;
    margin-right: 5px;
    top: -2px;
    position: relative;
}
ul.vertical-megamenu>li:hover>a, ul.vertical-megamenu>li.active>a {
    background-color: #973a2b;
    color: #fff !important;
    -webkit-transition-duration: 100ms;
    transition-duration: 100ms;
    -webkit-transition: background-color 300ms ease-in-out 0s;
    transition: background-color 300ms ease-in-out 0s;
}
ul.vertical-megamenu>li:hover>a:before, ul.vertical-megamenu>li:hover>a:after {
    color: #fff;
}
ul.vertical-megamenu>li.active>a:before, ul.vertical-megamenu>li.active>a:after {
    color: #fff;
}



.wrap-header {
    padding: 0;
    z-index: 999;
    position: fixed;
    height: 100%;
    width: 14.583333333333%}

.wap-main {
    float: right;
    width: 85.416666666667%}


.res-button {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    font-size: 16px;
    height: 26px;
    line-height: 23px;
    width: 26px;
    display: inline-block;
    border: 1px solid #ddd;
    color: #ddd;
    cursor: pointer;
    transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    background-color: #fff;
    z-index: 9;
    margin: 10px 0px;
    padding-left: 10px;
    position: absolute;
    right: 10px;
    top: -4px;
}
.res-button.slick-next:before {
    content: "\f105";
    font-family: FontAwesome !important;
}
.res-button.slick-prev {
    right: 42px;
}
.res-button.slick-prev:before {
    content: "\f104";
    font-family: FontAwesome !important;
}


.products-thumb {
    position: relative;
    margin-bottom: 10px;
    text-align: center;
    margin: 0 auto 10px;
}
.products-thumb .product-thumb-hover {
    overflow: hidden;
    max-width: 100%;
    display: inline-block;
    vertical-align: top;
}

.item-content {
    position: relative;
    text-align: center;
}
.item-content h4 {
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 7px;
}
.item-content h4 a {
    font-weight: bold;
    font-size: 14px;
}
.item-content .item-price {
    margin-bottom: 8px;
}
.item-content .amount {
    font-size: 125%;
    font-weight: 700;
    color: #DF1F26;
}
.item-content .reviews-content {
    margin-bottom: 5px;
}
.item-content .reviews-content .item-number-rating {
    display: none;
}

del {
    display: inline-block;
    position: relative;
}
del .amount {
    font-size: 100% !important;
    font-weight: normal !important;
    color: #999 !important;
    position: relative;
    top: 1px;
}
ins {
    display: inline-block;
    text-decoration: inherit;
    margin-left: 5px;
}
ins .amount {
    font-size: 125% !important;
    font-weight: bold !important;
    color: #DF1F26;
}
.add-info {
    position: relative;
    text-align: center;
    display: inline-block;
    max-height: 35px;
}
.add-info .clear {
    display: none;
}

.add-info .add_to_cart_button, .add-info a.button {
    margin: 0 2px !important;
}

.add_to_cart_button, a.button, .add_to_wishlist, .compare-button a.button.compare, .single_add_to_cart_button, .product_type_external, .product_type_grouped {
    vertical-align: top !important;
    text-align: center !important;
    display: inline-block !important;
    -webkit-transition: 0.3s !important;
    transition: 0.3s !important;
    height: 35px !important;
    padding: 0 11px !important;
    background: none !important;
    line-height: 35px !important;
    border: 1px solid #ddd !important;
    color: #999 !important;
    text-transform: uppercase !important;
    font-weight: bold !important;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    border-radius: 3px !important;
    float: left;
}

.slick-slide {
    border-right: 1px solid #ddd !important;
}
.widget {
    margin-bottom: 20px;
}
.widget img {
    display: initial;
}
.widget ul {
    margin-left: 0;
    list-style: none;
}
.widget_product_tag_cloud {
    display: inline-block;
    width: 100%;
    margin-bottom: 34px;
    padding-left: 18px;
    padding-right: 18px;
    border: 1px solid #ddd;
}
.widget_product_tag_cloud .block-title-widget {
    border-bottom: 3px solid #ea3a3c;
    position: relative;
}
.widget_product_tag_cloud .tagcloud {
    margin: 20px 0 !important;
}
.widget_product_tag_cloud {
    padding-left: 0px;
    padding-right: 0px;
    border: 0;
}
.widget_product_tag_cloud .tagcloud {
    margin-top: 30px;
}
.widget_product_tag_cloud .tagcloud a {
    border: 1px solid #999;
    padding: 2px 20px;
    border-radius: 3px;
    margin: 0 2px 5px 0;
    display: inline-table;
    color: #999;
    font-size: 12px !important;
}
.widget_product_tag_cloud .tagcloud a:hover {
    background: #DF1F26;
    border: 1px solid #DF1F26;
    color: #fff;
}
.body-wrapper {
    overflow: hidden;
}
.wpb_row, .wpb_content_element, ul.wpb_thumbnails-fluid>li, .wpb_button {
    margin-bottom: 0px;
}
.fa-search:before {
    content: "\f002";
    font-family: FontAwesome !important;
}
.block {
    display: inline-block;
    width: 100%;
    margin-bottom: 34px;
    padding-left: 18px;
    padding-right: 18px;
    border: 1px solid #ddd;
}
.page-template-page-home .breadcrumbs, .page-template-page-home header .entry-title {
    display: none;
}
.dailydeal {
    width: 30%;
    padding-left: 8px;
}
.menunac {
	background-color: red;
}
.menunac a:hover {
	background-color: white;
}
.menunac>li.active>a {
	background-color: red;
}

	
.margin-bottom30 {
    margin-bottom: 30px !important;
}
.home1img {
    width: inherit;
    margin-bottom: 0px;
}
.blog-indicators {
    display: inline-block;
    position: relative;
    width: 100%;
    padding-left: 18px;
    padding-right: 18px;
    border: 1px solid #ddd;
    border-top: 0px;
}
.blog-indicators .block-title {
    margin: 0 -19px 0px -19px;
}
.blog-indicators .carousel-inner .item {
    margin: 20px 0;
}
.blog-indicators .carousel-inner .item img {
    margin-bottom: 27px;
}
.blog-indicators .carousel-inner .item .postTitle {
    padding-bottom: 10px;
}
.blog-indicators .carousel-inner .item .postTitle h2 {
    font-size: 116.67%;
    font-weight: bold;
    margin: 0;
}
.blog-indicators .carousel-indicators {
    padding: 11px 0px;
    border-top: 1px solid #ddd;
    position: relative;
    text-align: center;
    left: 0;
    width: auto;
    bottom: 0;
    margin: 0px -18px 0;
}
.blog-indicators .carousel-indicators .active {
    background-color: #DF1F26;
}
.blog-indicators .carousel-indicators li {
    background-color: #b4b4b4;
    width: 12px;
    height: 12px;
    margin: 0 3px;
}
.wpb_single_image a {
    display: block;
    position: relative;
}
.wpb_single_image a:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    visibility: hidden;
    left: 0;
    top: 0;
    opacity: 0;
    background: url("../images/heo2.png") no-repeat center center #222;
    transform: scale(0.5) rotateY(180deg);
    -webkit-transform: scale(0.5) rotateY(180deg);
    -moz-transform: scale(0.5) rotateY(180deg);
    transition: 0.4s;
    -moz-transition: 0.4s;
    -webkit-transition: 0.4s;
    z-index: 99;
}
.wpb_single_image:hover a:before {
    opacity: 0.35;
    visibility: visible;
    transform: scale(1) rotateY(0deg);
    -webkit-transform: scale(1) rotateY(0deg);
    -moz-transform: scale(1) rotateY(0deg);
}
.single .entry .entry-content {
    padding: 0;
}
.entry .entry-content {
    vertical-align: top;
    padding: 0 20px;
    display: inline-block;
    width: 100%
	}
.dropdown-menu>li>a {
    white-space: normal;
}
.masvendidos-tabla {
	border-bottom: 1px solid #ebd4be; 
	clear: both;
}
.footer1, .footer2, .footer3, .footer4, .footer5, .footer6, .footer7, .footer8, .footer9, .footer10, .footer11 {
    display: none;
}
.footer1 .footer-title, .footer1 .title-home {
    display: none;
}
.yt-footer-wrap-style1 .footer1, .yt-footer-wrap-style2 .footer2, .yt-footer-wrap-style6 .footer6, .yt-footer-wrap-style7 .footer6, .yt-footer-wrap-style8 .footer8, .yt-footer-wrap-style9 .footer9, .yt-footer-wrap-style10 .footer10, .yt-footer-wrap-style11 .footer11 {
    display: block;
}
.yt-footer-wrap-style1 .footer-top {
    background: url("../images/fondo-foot-e26.jpg") no-repeat left center;
    color: #fff;
    padding: 12px 0px 0px;
}
.yt-footer-wrap-style1 .footer-top .block-subscribe-footer .block-content {
    float: right;
    padding-top: 5px;
    display: inline-block;
}
.yt-footer-wrap-style1 .footer-top .block-subscribe-footer .block-content .input-box {
    margin-right: -4px;
    display: inline-block;
    vertical-align: top;
}
.yt-footer-wrap-style1 .footer-top .block-subscribe-footer .block-content .input-box .newsletter {
    width: 470px;
    height: 42px;
    border: none;
    -webkit-border-radius: 4px 0 0 4px !important;
    -moz-border-radius: 4px 0 0 4px !important;
    border-radius: 4px 0 0 4px !important;
    padding: 0 20px;
    border-bottom: 2px solid #ccc;
}
.yt-footer-wrap-style1 .footer-top .block-subscribe-footer .block-content .actions {
    display: inline-block;
    vertical-align: top;
}
.yt-footer-wrap-style1 .footer-top .block-subscribe-footer .block-content .actions input {
    text-transform: none;
    font-weight: bold !important;
    height: 42px;
    line-height: 42px;
    -webkit-border-radius: 0 4px 4px 0 !important;
    -moz-border-radius: 0 4px 4px 0 !important;
    border-radius: 0 4px 4px 0 !important;
    border: 0;
    padding: 0 15px;
    color: #fff;
    background-color: #DF1F26;
    border-bottom: 2px solid #C91C22;
}
.yt-footer-wrap-style1 .footer-top .block-subscribe-footer .block-content .mc4wp-form {
    margin: 0;
}
.yt-footer-wrap-style1 .footer-top .block-subscribe-footer .title-block {
    float: left;
    display: inline-block;
}
.yt-footer-wrap-style1 .footer-top .block-subscribe-footer .title-block h2 {
    text-align: left;
    font-size: 133.33%;
    font-weight: bold;
    margin: 8px 0 3px;
}
.yt-footer-wrap-style1 .sw_partner_slider {
    display: none;
}

.footer-middle {
    padding: 21px 0 16px;
    background: #eee;
}
.footer-middle .footer-column {
    width: 20%;
    display: inline-block;
    float: left;
}
.footer-middle .footer-column .footer-border {
    padding: 5px 0px 2px;
}
.footer-middle .footer-column .footer-border .footer-title {
    margin-bottom: 20px;
}
.footer-middle .footer-column .footer-border .footer-title h2 {
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
}
.footer-middle .footer-column .footer-border ul {
    margin: 0;
    list-style: none;
}
.footer-middle .footer-column .footer-border ul li .menu-title:before {
    content: "\f0da";
    font-family: FontAwesome;
    margin-right: 10px;
}
.footer-middle .footer-column .footer-border ul li+li {
    padding-top: 7px;
}
.footer-middle .footer-column:last-of-type .footer-border ul li span {
    margin: 0 5px 0 0;
}
.footer-middle .footer-column:last-of-type .footer-border ul li span:before {
    color: #DF1F26;
}
.footer-middle .footer-column:last-of-type .footer-border ul li+li {
    padding-top: 0;
}
.footer-bottom-sevicer {
    background-color: #ddd;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.sn-sevirce {
    margin-top: 38px;
    float: left;
    width: 20%;
    text-align: center;
}

.sn-sevirce .content-service {
    margin-bottom: 45px;
    text-align: center;
}
.sn-sevirce .content-service a {
    display: block;
    font-weight: bold;
    color: #666;
}

.container-usuario {
	border: 1px solid #9f5539; 
	width: 100%;
}
.container-botones-usuario {
	padding-top: 50px; 
	padding-bottom: 50px; 
	padding-left: 15px; 
	padding-right: 15px;
}
.boton-usuario {
	background-color: #ebdcc9; 
	width: 100px; 
	height: 100px; 
	padding: 8px; 
	white-space: normal; 
	color: #b47a62; 
	font-weight: bold; 
	margin: 8px;
}
.boton-usuario-especial {
	background-color: #ebdcc9;
	width: 100px;
	height: 100px;
	padding: 8px;
	white-space: normal;
	color: #b47a62;
	font-weight: bold;
	margin: 8px;
	animation: pulseBackground 2s infinite ease-in-out;
}

@keyframes pulseBackground {
	0%   { background-color: #ebdcc9; }
	50%  { background-color: #dbb38a; } /* más oscuro */
	100% { background-color: #ebdcc9; }
}
.boton-usuario img {
	width: 40px; 
	margin: auto;
}
.boton-usuario-especial img {
	width: 40px; 
	margin: auto;
}
.usuario-poca-mvl {
	position: relative; 
	width: 104px; 
	margin: auto; 
	border: solid 2px #e6e6e6; 
	margin-bottom: 5px;
}
.ul-usuario {
	list-style-type: none; 
	list-style-position: inside; 
	margin: 0; 
	padding: 0;
}
.usuario-poca-mvlcamb {
	position: absolute; 
	bottom: 1px; 
	left: 2px;
}
.usuario-poca {
	width: 110px; 
	height: 100px; 
	float: left; 
	padding-right: 10px; 
	position: relative;
}
.usuario-ocapuntosb-0 {
	background-image: linear-gradient(#785d3d, #6b4725); 
	height: 25px; 
	width: 100%; 
	padding-left: 5px; 
	font-size: 15px; 
	font-weight: bold; 
	color: white;
}
.usuario-ocapuntosb-1 {
	background-image: linear-gradient(#979c9a, #676b6a);  
	height: 25px; 
	width: 100%; 
	padding-left: 5px; 
	font-size: 15px; 
	font-weight: bold; 
	color: white;
}
.usuario-ocapuntosb-2 {
	background-image: linear-gradient(#bd9c5e, #9c7543);
	height: 25px; 
	width: 100%; 
	padding-left: 5px; 
	font-size: 15px; 
	font-weight: bold; 
	color: white;
}
.usuario-ocapuntosb-3 {
	background-image: linear-gradient(#dae2eb, #c0c8d1); 
	height: 25px; 
	width: 100%; 
	padding-left: 5px; 
	font-size: 15px; 
	font-weight: bold; 
	color: black;
}
.usuario-ocapuntosb-4 {
	background-image: linear-gradient(#b1cff0, #7ea9d9); 
	height: 25px; 
	width: 100%; 
	padding-left: 5px; 
	font-size: 15px; 
	font-weight: bold; 
	color: black;
}
.usuario-nombreb {
	background-color: #9f5539; 
	height: 30px; 
	width: 100%; 
	padding-left: 5px; 
	font-size: clamp(1rem, 5vw, 2rem); 
	font-weight: bold; 
	color: white;
}
.usuario-datosvb {
	background-color: #ebdbcc; 
	height: 45px; 
	width:100%; 
	padding-left: 5px; 
	font-size: 13px; 
	color: grey;
}


.sn-sevirce .content-service span {
    display: inline-block;
    max-width: 170px;
}
.sn-sevirce .img-sevirce2 {
    background-position: -50px 0;
}

.sn-sevirce .img-sevirce3 {
    background-position: -100px 0;
    width: 55px;
}

.sn-sevirce .img-sevirce4 {
    background-position: -165px 0;
    width: 50px;
}

.sn-sevirce .img-sevirce5 {
    background-position: -220px 0;
}

.footer-bottom-tag {
    background: #eee;
}
.footer-bottom-tag .block-tags {
    margin-top: 15px;
    border-bottom: 1px solid #ddd;
}
.yt-footer-wrap-style6 .footer-bottom-tag .block-tags {
    margin-top: 40px;
}
.footer-bottom-tag .block-tags .block-title {
    margin-bottom: 10px;
    background: none;
    border-bottom: 0;
    height: inherit;
}
.footer-bottom-tag .block-tags .block-title strong {
    line-height: inherit;
    padding-left: 0px;
    font-size: 116.67%;
    text-transform: none;
}
.footer-bottom-tag .block-tags .block-content .widget_product_tag_cloud {
    display: inline-block;
    width: 100%;
    margin-bottom: 25px;
    padding-left: 0px;
    padding-right: 0px;
    border: 0;
}
.footer-bottom-tag .block-tags .block-content .widget_product_tag_cloud .tagcloud {
    margin: 0 !important;
    line-height: 1.8;
}
.footer-bottom-tag .block-tags .block-content .widget_product_tag_cloud .tagcloud a {
    font-size: 12px !important;
    position: relative;
    border: 0;
    color: #666;
    padding: 0;
    margin: 0 2px 0 0;
}
.footer-bottom-tag .block-tags .block-content .widget_product_tag_cloud .tagcloud a:after {
    content: "";
    background: #ccc;
    height: 12px;
    width: 1px;
    vertical-align: middle;
    display: inline-block;
    margin: 0 0 0 5px;
}
.footer-bottom-tag .block-tags .block-content .widget_product_tag_cloud .tagcloud a:last-child:after {
    display: none;
}
.footer-bottom {
    padding: 8px 0;
}
.footer-bottom .copyright-footer {
    margin-top: 15px;
}

.footer-bottom .payment-method {
    float: right;
}
.footer-bottom .payment-method>li {
    display: inline-block;
    margin-left: 5px;
}

.payment-method {
    margin-top: 10px;
}
.payment-method li a {
    background: url("../images/shoppy-img.png") no-repeat;
    height: 24px;
    width: 40px;
    display: inline-block;
}
.payment-method li a.payment1 {
    background-position: 1px -53px;
}
.payment-method li a.payment2 {
    background-position: -49px -53px;
}
.payment-method li a.payment3 {
    background-position: -99px -53px;
}
.payment-method li a.payment4 {
    background-position: -149px -53px;
}


.yt-megamenu {
    margin-top: 15px;
}
.sliderevo1 .vc_column-inner {
    padding: 0;
}
.sliderevo1 .wpb_row, .sliderevo1 .wpb_content_element, .sliderevo1 ul.wpb_thumbnails-fluid>li, .sliderevo1 .wpb_button {
    margin-bottom: 0;
}
.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li {
    margin-bottom: 35px;
}
.sliderevo1 {
    width: 70%;
    padding-left: 12px;
    padding-right: 0px;
}
.rtl .sliderevo1 {
    padding-left: 0;
    padding-right: 12px;
}
.dailydeal.vc_column_container>.vc_column-inner {
    padding-left: 0;
}
body.modal-open {
    margin-right: 0;
}
body.modal-open .navbar-fixed-top, body.modal-open .navbar-fixed-bottom {
    margin-right: 0;
}

.responsive-slider.loading, .tab-content.loading {
    height: 300px;
    overflow: hidden;
    position: relative;
}

[class^="fa-"], [class*=" fa-"] {
    margin: 0px;
}

iframe {
    border: none;
    margin-bottom: 10px;
	}
table {
    text-align: center;
	font-size: 12px;
}
tbody tr td {
    padding: 2px;
    font-size: 14px;
}
tbody tr.th {
    background-color: #DF1F26 !important;
    border-bottom: none;
}
tbody tr.th td {
    padding: 16px 54px;
    font-size: 16px;
    color: #fff;
}
.panel-group {
    display: block;
    float: left;
}
.panel-group .panel {
    box-shadow: none;
    border-radius: 0 !important;
}
.recomendado-bloque {
	background-color: #f5f3f0;
	padding-bottom: 10px;
}
.recomendado-imagen {
	float:left; 
	padding-bottom: 10px;
}
.recomendado-titulo {
	text-align: left;
	padding-left: 85px;
}
.cuadro-datos-r {
	background-color: #e0e0e0;
}
.block-title {
    position: relative;
    background: #eee;
    border-bottom: 1px solid #973a2b;
    height: 40px;
    overflow: hidden;
}
.block-title strong {
    line-height: 42px;
    padding-left: 50px;
    font-size: 116.67%;
    text-transform: uppercase;
}
.sw-woo-container-slider {
    position: relative;
    margin-bottom: 0px;
    z-index: 1;
}
.tablacompra {
	font-size: 11px;
}

.countdown-slider.sw-woo-container-slider .slider {
    border: 1px solid #ddd;
}
body,
input,
button,
select,
textarea,
.search-query {
    font-family: Roboto!important
}
.main-slider-custom {
    margin-top: 30px!important;
    margin-bottom: 0px!important
}
.about-us-1 {
    margin-right: -15px!important;
    margin-bottom: 30px!important;
    margin-left: -15px!important
}
.our-team-1 {
    margin-right: -15px!important;
    margin-left: -15px!important
}
.sub-main-slider-custom {
    margin-bottom: 18px!important
}
.no-padding-left-right {
    padding-right: 0px!important;
    padding-left: 0px!important
}
.no-margin-bottom {
    margin-bottom: 0px!important
}
.vc-blog-detail {
    margin-bottom: 0px!important;
    background-position: center!important;
    background-repeat: no-repeat!important;
    background-size: contain!important
}
.margin-bottom-18 {
    margin-bottom: 18px!important
}
.sub-banner {
    margin-top: -30px!important
}
.main-slider-custom {
    margin-top: 30px!important;
    margin-bottom: 0px!important
}
.sub-main-slider-custom {
    margin-bottom: 18px!important
}
.margin-bottom-30 {
    margin-bottom: 30px!important
}
.margin-bottom-25 {
    margin-bottom: 25px!important
}
.margin-bottom-10 {
    margin-bottom: 10px!important
}
.padding-right-5 {
    padding-right: 5px!important
}
.padding-left-5 {
    padding-left: 5px!important
}
.padding-right-15 {
    padding-right: 15px!important
}
.padding-left-15 {
    padding-left: 15px!important
}
.no-margin-bottom {
    margin-bottom: 0px!important
}
.margin-top-15{margin-top:15px!important}
.margin-top-20 {
    margin-top: 20px!important
}
input[name="apply_coupon"]{height:38px}

.form-group i {
  font-size: 18px;
  font-size: 1.125rem;
  position: absolute;
  right: 5px;
  top: 11px;
  color: #ccc;
  width: 25px;
  height: 25px;
  display: block;
  font-weight: 400 !important;
}
.form-control {
  border: 1px solid #d2d8dd;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  font-size: 14px;
  font-size: 0.875rem;
  height: calc(2.55rem + 2px);
}
.form-control:focus {
  box-shadow: none;
  border-color: #434bdf;
}
.videowrapper {
  border: 0px solid #000;
  position: relative;
  overflow: hidden;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

video {
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;

}

/* ==========================================================
   Menús especiales / campañas
   Usar estas clases en el <li> tanto en escritorio como en móvil:
   .menu-mqo, .menu-nac, .menu-armadillo, .menu-nac-history,
   .menu-p500, .menu-tombola, .menu-chollos, .menu-almost-soldout
   ========================================================== */
.menu-section-title > .have-title,
.menu-section-title > a > .have-title {
    display: block;
    margin-left: 10px;
    font-weight: 700;
}

.vertical-megamenu > li.menu-mqo,
.flytheme_resmenu > li.menu-mqo,
.vertical-megamenu > li.menu-mqo > a,
.flytheme_resmenu > li.menu-mqo > a {
    background: #3246a8 !important;
    color: #fff !important;
}

.vertical-megamenu > li.menu-nac,
.flytheme_resmenu > li.menu-nac,
.vertical-megamenu > li.menu-nac > a,
.flytheme_resmenu > li.menu-nac > a {
    background: #ff4343 !important;
    color: #fff !important;
}

.vertical-megamenu > li.menu-armadillo,
.flytheme_resmenu > li.menu-armadillo,
.vertical-megamenu > li.menu-armadillo > a,
.flytheme_resmenu > li.menu-armadillo > a {
    background: #d04c1b !important;
    color: #fff !important;
}

.vertical-megamenu > li.menu-p500,
.flytheme_resmenu > li.menu-p500,
.vertical-megamenu > li.menu-p500 > a,
.flytheme_resmenu > li.menu-p500 > a {
    background: #000 !important;
    color: #fff !important;
}

.vertical-megamenu > li.menu-nac-history,
.flytheme_resmenu > li.menu-nac-history,
.vertical-megamenu > li.menu-nac-history > a,
.flytheme_resmenu > li.menu-nac-history > a {
    background: #fff !important;
    color: #ff4343 !important;
    font-weight: 700 !important;
}
.vertical-megamenu > li.menu-nac-history:hover,
.flytheme_resmenu > li.menu-nac-history:hover,
.vertical-megamenu > li.menu-nac-history:hover > a,
.flytheme_resmenu > li.menu-nac-history:hover > a {
    background: #ff4343 !important;
    color: #fff !important;
}

.vertical-megamenu > li.menu-tombola,
.flytheme_resmenu > li.menu-tombola,
.vertical-megamenu > li.menu-tombola > a,
.flytheme_resmenu > li.menu-tombola > a {
    background-color: #402555 !important;
    background-image: url("../images/bgbtombola.jpg") !important;
    background-size: cover !important;
    background-position: center !important;
    color: #fff !important;
}


.vertical-megamenu > li.menu-chollos > a,
.flytheme_resmenu > li.menu-chollos > a {
    background-image: url("../images/monedas.png") !important;
    background-repeat: repeat !important;
    background-position: 0 0 !important;
    animation: menuCoinsMove 10s linear infinite !important;
    color: #fff !important;
    font-weight: 700 !important;
}

.vertical-megamenu > li.menu-chollos,
.flytheme_resmenu > li.menu-chollos { 
    background: #973a2b !important;
}

.vertical-megamenu > li.menu-cuack,
.flytheme_resmenu > li.menu-cuack,
.vertical-megamenu > li.menu-cuack > a,
.flytheme_resmenu > li.menu-cuack > a {
    background-image: url("../images/fondocuack.png") !important;
    background-repeat: repeat !important;
    background-position: 0 -100% !important;
    animation: menuCoinsMove 10s linear infinite !important;
}

.vertical-megamenu > li.menu-fundas,
.flytheme_resmenu > li.menu-fundas,
.vertical-megamenu > li.menu-fundas > a,
.flytheme_resmenu > li.menu-fundas > a {
    background-image: url("../images/fondofundas.png") !important;
    background-repeat: repeat !important;
    background-position: 0 -100% !important;
    animation: menuCoinsMove 10s linear infinite !important;
}

.vertical-megamenu > li.menu-almost-soldout,
.flytheme_resmenu > li.menu-almost-soldout,
.vertical-megamenu > li.menu-almost-soldout > a,
.flytheme_resmenu > li.menu-almost-soldout > a {
    background: #fff6f6 !important;
    color: #973a2b !important;
    font-weight: 700 !important;
}

.menu-special > a,
.menu-special > a .have-title,
.menu-special > a .menu-title,
.menu-special > a i,
.menu-special > a .fa {
    color: inherit !important;
    font-weight: inherit !important;
}

.menu-almost-soldout > a .fa,
.menu-almost-soldout > a i {
    color: red !important;
}

@keyframes menuCoinsMove {
    0% { background-position: 0 0; }
    100% { background-position: -100% -100%; }
}

/* Botón cerrar del menú móvil */
.mobile-menu-close {
    display: none !important;
}

.top-mobile-menu-toggle {
    display: none;
}

/* ==========================================================
   Cabecera y menú móvil MasQueOca
   Consolidación de los antiguos ajustes v4/v5/v6/v7.
   ========================================================== */
@media (max-width: 767px) {
    html.menu-open,
    body.menu-open {
        overflow: hidden !important;
    }

    .yt-header,
    .header-style1,
    .yt-header-middle,
    .yt-header-under-2,
    .yt-header-under-wrap,
    .yt-main-menu,
    .header-under-2-wrapper,
    .yt-searchbox-vermenu,
    .vertical-mega,
    .ver-megamenu-header,
    .resmenu-container {
        overflow: visible !important;
    }

    .yt-header {
        height: auto !important;
        min-height: 0 !important;
        background-size: cover !important;
        background-position: center top !important;
    }

    .yt-header-middle {
        padding: 12px 0 8px !important;
        position: relative !important;
        z-index: 1000 !important;
    }

    .logo-wrapper {
        text-align: center !important;
        padding-bottom: 8px !important;
    }

    .logo-wrapper img {
        width: 78% !important;
        max-width: 430px !important;
        height: auto !important;
        margin: 0 auto !important;
    }

    .yt-megamenu,
    .yt-megamenu .yt-header-under,
    .yt-megamenu .mini-cart-header,
    .top-form.top-form-minicart.minicart-product-style,
    .top-form-minicart {
        float: none !important;
        clear: both !important;
        text-align: center !important;
    }

    .yt-header-under {
        float: none !important;
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .yt-megamenu {
        margin-top: 0 !important;
    }

    .yt-header-under .mini-cart-header {
        display: block !important;
        width: 100% !important;
        position: relative !important;
        z-index: 900 !important;
    }

    .top-form-minicart {
        display: inline-block !important;
        width: auto !important;
        max-width: calc(100vw - 32px) !important;
        margin: 0 auto 14px !important;
        padding: 4px 8px !important;
        background: rgba(151,58,43,0.88) !important;
        border: 1px solid rgba(255,255,255,0.45) !important;
        border-radius: 5px !important;
        box-shadow: 0 2px 8px rgba(0,0,0,0.20) !important;
    }

    .top-form-minicart .top-minicart {
        display: block !important;
        height: auto !important;
        min-height: 0 !important;
        line-height: 1.25 !important;
        padding: 2px 4px !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        white-space: normal !important;
        text-align: center !important;
        font-size: 0 !important;
        position: relative !important;
        z-index: 900 !important;
    }

    .top-form-minicart .top-minicart a {
        display: inline-block !important;
        color: #fff !important;
        font-size: 12px !important;
        line-height: 1.25 !important;
        font-weight: 700 !important;
        white-space: nowrap !important;
        margin: 1px 2px !important;
    }

    .yt-header-under-2 {
        height: auto !important;
        min-height: 0 !important;
        background: rgba(151,58,43,0.58) !important;
        padding: 8px 10px 10px !important;
        margin: 0 !important;
        position: relative !important;
        z-index: 1001 !important;
    }

    .yt-header-under-2 .container,
    .yt-header-under-2 .row,
    .yt-header-under-wrap,
    .yt-main-menu,
    .header-under-2-wrapper,
    .yt-searchbox-vermenu {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        position: static !important;
    }

    .mega-left-title,
    .mega-left-title strong,
    .mega-left-title strong:before,
    .yt-searchbox-vermenu > .row > .hidden-xs {
        display: none !important;
    }

    .yt-searchbox-vermenu > .row {
        display: grid !important;
        grid-template-columns: 64px minmax(0, 1fr) minmax(0, 1fr) !important;
        column-gap: 7px !important;
        row-gap: 7px !important;
        align-items: start !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .vertical-mega {
        float: none !important;
        grid-column: 1 !important;
        grid-row: 1 / span 2 !important;
        width: 64px !important;
        min-width: 64px !important;
        max-width: 64px !important;
        height: 64px !important;
        margin: 0 !important;
        padding: 0 !important;
        position: relative !important;
        z-index: 1002 !important;
    }

    .ver-megamenu-header,
    .resmenu-container,
    .resmenu-container .navbar-toggle.mobile-main-menu-toggle,
    .resmenu-container .navbar-toggle {
        width: 64px !important;
        height: 64px !important;
        min-height: 64px !important;
        margin: 0 !important;
    }

    .ver-megamenu-header,
    .resmenu-container {
        background: transparent !important;
        position: relative !important;
    }

    .resmenu-container {
        display: block !important;
        padding: 0 !important;
        z-index: 1005000 !important;
    }

    .resmenu-container .navbar-toggle.mobile-main-menu-toggle,
    .resmenu-container .navbar-toggle {
        display: block !important;
        position: relative !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;
        float: none !important;
        padding: 15px 13px !important;
        background: #973a2b !important;
        border: 3px solid #fff !important;
        border-radius: 0 !important;
        box-shadow: 0 2px 8px rgba(0,0,0,0.22) !important;
        z-index: 1005001 !important;
    }

    .resmenu-container .navbar-toggle .icon-bar {
        display: block !important;
        width: 36px !important;
        height: 4px !important;
        margin: 5px auto !important;
        background: #fff !important;
        border-radius: 1px !important;
    }

    .yt-searchbox-vermenu > .row > div[style*="float: left"] {
        float: none !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .yt-searchbox-vermenu > .row > div[style*="float: left"] img,
    .yt-main-menu > .visible-xs img {
        width: 100% !important;
        max-width: 145px !important;
        height: auto !important;
        display: block !important;
        margin-left: auto !important;
    }

    .yt-main-menu > .visible-xs {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        column-gap: 7px !important;
        row-gap: 7px !important;
        width: calc(100% - 71px) !important;
        max-width: calc(100% - 71px) !important;
        margin: 7px 0 0 auto !important;
        padding: 0 !important;
        clear: none !important;
    }

    .yt-main-menu > .visible-xs > div {
        float: none !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    #ResMenuleftmenu.menu-responsive-wrapper,
    #ResMenuleftmenu.collapse.in,
    #ResMenuleftmenu.collapsing,
    .resmenu-container .menu-responsive-wrapper {
        position: fixed !important;
        inset: 0 !important;
        width: 100vw !important;
        min-width: 100vw !important;
        max-width: 100vw !important;
        height: 100vh !important;
        height: 100dvh !important;
        max-height: none !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        background: #fff !important;
        padding: 76px 0 110px !important;
        margin: 0 !important;
        border: 0 !important;
        box-shadow: none !important;
        z-index: 2147483000 !important;
        transform: none !important;
    }

    #ResMenuleftmenu.collapse:not(.in) {
        display: none !important;
    }

    #ResMenuleftmenu.collapse.in,
    #ResMenuleftmenu.collapsing {
        display: block !important;
    }

    .mobile-menu-close {
        display: block !important;
        position: fixed !important;
        top: 12px !important;
        right: 14px !important;
        width: 48px !important;
        height: 48px !important;
        line-height: 42px !important;
        padding: 0 !important;
        margin: 0 !important;
        border: 2px solid #fff !important;
        border-radius: 50% !important;
        background: #973a2b !important;
        color: #fff !important;
        font-size: 34px !important;
        font-weight: 400 !important;
        text-align: center !important;
        box-shadow: 0 2px 10px rgba(0,0,0,0.30) !important;
        z-index: 2147483647 !important;
    }

    .flytheme_resmenu {
        position: relative !important;
        z-index: 2147483001 !important;
        width: 100% !important;
        min-height: calc(100vh - 76px) !important;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
        background: #fff !important;
    }

    .flytheme_resmenu > li {
        display: block !important;
        width: 100% !important;
        min-height: 0 !important;
        height: auto !important;
        line-height: normal !important;
        border-bottom: 1px solid #e5e5e5 !important;
        background: #fff !important;
    }

    .flytheme_resmenu > li > a,
    .flytheme_resmenu > li > span.have-title {
        display: block !important;
        min-height: 55px !important;
        height: auto !important;
        padding: 16px 22px !important;
        line-height: 1.25 !important;
        color: #333 !important;
        background: inherit !important;
    }

    .flytheme_resmenu > li > a,
    .flytheme_resmenu > li > span,
    .flytheme_resmenu .menu-title {
        font-size: 20px !important;
    }

    .flytheme_resmenu > li > span.have-title .menu-title,
    .flytheme_resmenu > li.menu-section-title .menu-title {
        margin-left: 0 !important;
        color: #973a2b !important;
        font-size: 15px !important;
        text-transform: uppercase !important;
        font-weight: 700 !important;
        letter-spacing: .03em !important;
    }
}

@media (max-width: 420px) {
    .logo-wrapper img {
        width: 86% !important;
    }

    .top-form-minicart .top-minicart a {
        font-size: 11px !important;
        margin: 1px 2px !important;
    }

    .yt-header,
    .yt-header-under-2,
    .header-under-2-wrapper {
        height: auto !important;
        min-height: 0 !important;
    }
}

/* ==========================================================
   Correcciones post-limpieza: overlay móvil, cierre y grid SVG
   ========================================================== */
@media (max-width: 767px) {
    .yt-header,
    .header-style1,
    .yt-header-middle,
    .yt-header-under-2,
    .yt-main-menu,
    .header-under-2-wrapper,
    .yt-searchbox-vermenu,
    .vertical-mega,
    .ver-megamenu-header,
    .resmenu-container {
        position: relative !important;
        overflow: visible !important;
    }

    .yt-header,
    .header-style1 {
        z-index: 2147482000 !important;
    }

    #ResMenuleftmenu.menu-responsive-wrapper,
    #ResMenuleftmenu.collapse.in,
    #ResMenuleftmenu.collapsing,
    .resmenu-container .menu-responsive-wrapper {
        position: fixed !important;
        inset: 0 !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 100vw !important;
        min-width: 100vw !important;
        max-width: 100vw !important;
        height: 100vh !important;
        height: 100dvh !important;
        max-height: none !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        background: #fff !important;
        padding: 76px 0 110px !important;
        margin: 0 !important;
        border: 0 !important;
        box-shadow: none !important;
        z-index: 2147483600 !important;
        transform: none !important;
    }

    .mobile-menu-close {
        display: block !important;
        position: fixed !important;
        top: 12px !important;
        right: 14px !important;
        width: 48px !important;
        height: 48px !important;
        line-height: 42px !important;
        padding: 0 !important;
        margin: 0 !important;
        border: 2px solid #fff !important;
        border-radius: 50% !important;
        background: #973a2b !important;
        color: #fff !important;
        font-family: Arial, Helvetica, sans-serif !important;
        font-size: 34px !important;
        font-weight: 400 !important;
        text-align: center !important;
        box-shadow: 0 2px 10px rgba(0,0,0,0.30) !important;
        z-index: 2147483647 !important;
    }

    .yt-searchbox-vermenu > .row {
        display: grid !important;
        grid-template-columns: 64px minmax(0, 145px) minmax(0, 145px) !important;
        justify-content: start !important;
        column-gap: 7px !important;
        row-gap: 7px !important;
        align-items: start !important;
    }

    .yt-searchbox-vermenu > .row > .vertical-mega {
        grid-column: 1 !important;
        grid-row: 1 / span 2 !important;
    }

    .yt-searchbox-vermenu > .row > div:not(.vertical-mega):not(.hidden-xs) {
        float: none !important;
        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    .yt-searchbox-vermenu > .row > div:not(.vertical-mega):not(.hidden-xs) img,
    .yt-main-menu > .visible-xs img {
        width: 100% !important;
 
        height: auto !important;
        display: block !important;
        margin: 0 !important;
    }

    .yt-searchbox-vermenu > .row > .hidden-xs {
        display: none !important;
    }

    .yt-main-menu > .visible-xs {
        display: grid !important;
        grid-template-columns: minmax(0, 145px) minmax(0, 145px) !important;
        justify-content: start !important;
        column-gap: 7px !important;
        row-gap: 7px !important;
        width: calc(100% - 71px) !important;
        max-width: calc(100% - 71px) !important;
        margin: 7px 0 0 71px !important;
        padding: 0 !important;
        clear: none !important;
    }

    .yt-main-menu > .visible-xs > div {
        float: none !important;
        width: 100% !important;
 
        margin: 0 !important;
        padding: 0 !important;
    }
}

@media (max-width: 420px) {
    .yt-searchbox-vermenu > .row {
        grid-template-columns: 64px minmax(0, 126px) minmax(0, 126px) !important;
    }

    .yt-searchbox-vermenu > .row > div:not(.vertical-mega):not(.hidden-xs),
    .yt-searchbox-vermenu > .row > div:not(.vertical-mega):not(.hidden-xs) img,
    .yt-main-menu > .visible-xs > div,
    .yt-main-menu > .visible-xs img {
 
    }

    .yt-main-menu > .visible-xs {
        grid-template-columns: minmax(0, 126px) minmax(0, 126px) !important;
    }
}


.site-logo {
    width: 350px;
 
    height: auto;
}

.recommended-logo-block {
    width: 75%;
    margin: auto;
}

.recommended-logo {
    width: 350px;
    max-width: 100%;
    height: auto;
}

.recommended-products-cell {
    padding-top: 3px;
    padding-bottom: 3px;
}

/* ==========================================================
   Botones SVG de la barra superior
   ========================================================== */
.header-action-grid {
    float: left;
    display: flex;
    align-items: flex-start;
    gap: 0;
    margin-left: 20px;
}

.header-action-button {
    float: left;
    margin: 0;
    padding: 0;
}

.header-action-button a,
.header-action-button img {
    display: block;
}

.header-action-button img {
    width: 145px;
    max-width: 145px;
    height: auto;
}

@media (max-width: 767px) {

    .yt-searchbox-vermenu {
        --header-menu-size: 64px;
        --header-mobile-gap: 7px;
        width: 100% !important;
    }

    .yt-searchbox-vermenu > .row {
        display: grid !important;
        grid-template-columns: var(--header-menu-size) minmax(0, 1fr) !important;
        column-gap: var(--header-mobile-gap) !important;
        row-gap: 0 !important;
        align-items: start !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    .yt-searchbox-vermenu > .row > .vertical-mega {
        grid-column: 1 !important;
        grid-row: 1 !important;
        width: var(--header-menu-size) !important;
        min-width: var(--header-menu-size) !important;
        max-width: var(--header-menu-size) !important;
        height: var(--header-menu-size) !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .header-action-grid,
    .yt-searchbox-vermenu .header-action-grid,
    .yt-searchbox-vermenu > .row > .header-action-grid {
        grid-column: 2 !important;
        grid-row: 1 !important;
        float: none !important;
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        column-gap: var(--header-mobile-gap) !important;
        row-gap: var(--header-mobile-gap) !important;
        width: calc(100vw - var(--header-menu-size) - var(--header-mobile-gap) - 20px) !important;
        max-width: calc(100vw - var(--header-menu-size) - var(--header-mobile-gap) - 20px) !important;
        margin: 0 !important;
        padding: 0 !important;
        justify-self: stretch !important;
    }

    .yt-searchbox-vermenu > .header-action-grid {
        margin-left: calc(var(--header-menu-size) + var(--header-mobile-gap)) !important;
    }

    .header-action-button,
    .yt-searchbox-vermenu .header-action-grid > .header-action-button {
        float: none !important;
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .header-action-button a,
    .header-action-button img,
    .yt-searchbox-vermenu .header-action-grid a,
    .yt-searchbox-vermenu .header-action-grid img {
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        height: auto !important;
        margin: 0 !important;
    }

    .header-action-contact { grid-column: 1 !important; grid-row: 1 !important; }
    .header-action-shipping { grid-column: 2 !important; grid-row: 1 !important; }
    .header-action-pickup { grid-column: 1 !important; grid-row: 2 !important; }
    .header-action-preorder { grid-column: 2 !important; grid-row: 2 !important; }

    /* Evita que los antiguos botones móviles duplicados ocupen espacio si existen. */
    .yt-main-menu > .visible-xs {
        display: none !important;
    }
}

@media (max-width: 360px) {
    /* En pantallas muy estrechas se reduce ligeramente el botón de categorías
       para que los SVG ganen ancho sin romper el grid. */
    .yt-searchbox-vermenu {
        --header-menu-size: 56px;
    }

    .yt-searchbox-vermenu > .row > .vertical-mega,
    .ver-megamenu-header,
    .resmenu-container,
    .resmenu-container .navbar-toggle.mobile-main-menu-toggle,
    .resmenu-container .navbar-toggle {
        width: 56px !important;
        min-width: 56px !important;
        max-width: 56px !important;
        height: 56px !important;
        min-height: 56px !important;
    }

    .resmenu-container .navbar-toggle.mobile-main-menu-toggle,
    .resmenu-container .navbar-toggle {
        padding: 12px 10px !important;
    }

    .resmenu-container .navbar-toggle .icon-bar {
        width: 32px !important;
    }
}


@media (max-width: 767px) {
    .yt-searchbox-vermenu > .row {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
        gap: 7px !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    .yt-searchbox-vermenu > .row > .vertical-mega {
        flex: 0 0 64px !important;
        width: 64px !important;
        min-width: 64px !important;
        max-width: 64px !important;
        height: 64px !important;
        min-height: 64px !important;
        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
    }

    .yt-searchbox-vermenu > .row > .header-action-grid,
    .header-action-grid {
        flex: 1 1 auto !important;
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 7px !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
    }

    .header-action-button,
    .yt-searchbox-vermenu > .row > .header-action-grid > .header-action-button {
        display: block !important;
        float: none !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .header-action-button a,
    .header-action-button img,
    .yt-searchbox-vermenu > .row > .header-action-grid a,
    .yt-searchbox-vermenu > .row > .header-action-grid img {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        height: auto !important;
        margin: 0 !important;
    }
}

@media (max-width: 360px) {
    .yt-searchbox-vermenu > .row > .vertical-mega {
        flex-basis: 56px !important;
        width: 56px !important;
        min-width: 56px !important;
        max-width: 56px !important;
        height: 56px !important;
        min-height: 56px !important;
    }
}