/* Hide custom header on homepage */
body.page-index .custom-header{
    display: none !important;
}

.original{
    margin-bottom: 0px;
}
.hover_only{
    display: none;
}
a:hover .hover_only{
    display: block;
    position: absolute;
    background: white;
    padding: 20px 20px;
    color: black;
    z-index: 1;
    /*width: 100%;*/
    width: auto;
}
.carrousel a:hover .hover_only{
    bottom: 0;
}

@media ( max-width: 768px ){
    .original{
        display: none;
    }
    .hover_only{
        display: block !important;
        position: relative;
    }
    a:hover .hover_only{
        display: block !important;
        position: relative;
        background: white;
        padding: inherit;
        color: black;
        z-index: 1;
    }
}

.nombre-color{
  display: none;
}
.product-price{
  color:#232323; font-weight:bold;
}
.oculto{
  display: none;
}

/* Amazon pay */
.amazon-pay-auto-payment-method{
  background: #F6F8F9;
  padding: 16px 10px;
  border: 1px solid transparent;
  border-color: #51dc8f;
}
.amazon-pay-auto-payment-method .customer-data{
  padding: 10px 10px;
  font-size: 11px;
}

/*
    SWIPER - SLIDER - CARROUSEL
*/

.swiper.home .swiper-slide:after{
  content:""; position:absolute; left:0; top:0; height:100%; width:100%;
  z-index:1;
}
.swiper.home .swiper-wrapper .content-layout{z-index:2; position:relative;}
.swiper-area,
.swiper-area.carrousel{
  display: block;
  width: 100%;
}
.swiper-area.carrousel .swiper-slide .product{
  width: 100%;
}
.swiper.carrousel .swiper-button-next,
.swiper.carrousel .swiper-button-prev{
    background: var(--client);
}
.swiper.carrousel{
    display: block;
    width: 100%;
    text-align: center;
    margin: auto;
    padding: 0px 4%;
}

/* ! Adjust home slider image src based on device dimensions */

.page-home .swiper-area .swiper-slide img.image-for-movil,
.custom-header .swiper-area .swiper-slide img.image-for-movil{
    display: none;
}
@media only screen and (max-width: 767px){
    .page-home .swiper-area .swiper-slide img,
    .custom-header .swiper-area .swiper-slide img
    {
        display: none;
    }
    .page-home .swiper-area .swiper-slide img.image-for-movil,
    .custom-header .swiper-area .swiper-slide img.image-for-movil{
        display: block;
    }
}


/*
    SWIPER : override product styles
*/

.swiper-area #products .thumbnail-container,
.swiper-area .featured-products .thumbnail-container,
.swiper-area .product-accessories .thumbnail-container,
.swiper-area .product-miniature .thumbnail-container{
    padding: 10px;
}

.swiper-area #products .thumbnail-container,
.swiper-area .featured-products .thumbnail-container,
.swiper-area .product-accessories .thumbnail-container,
.swiper-area .product-miniature .thumbnail-container{
    margin-bottom: 0px;
}



/*  MISC  */

.row_color_as_image{
	margin-bottom: 40px !important;
}

.company-contact-info{padding:0 10px;}

.product-variants-item .control-label strong{
		margin-right: 6px;
}
.product-variants-item .control-label small{
		font-size: 11px !important;
		color: #444444 !important;
		font-weight: 700 !important;
		font-family: Arial,Helvetica,sans-serif !important;
		font-style: italic !important;
}

.color_as_image_bg{
		background-repeat: no-repeat;
		background-size: cover !important;
		background-position: center !important;
		width: 62px !important;
		height: 62px !important;
}
.image-as-bg{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.logo.image-as-bg{
    width: auto;
    height: 60px;
    background-size: contain;
}


/*  BANNER  */
.custom-banner{
    background-repeat: no-repeat;
    background-size: cover;
	background-position:center center;
    width: 100%;
    text-align: center;
    margin: auto;
	overflow:hidden;
	margin:40px 0;
	border-radius: var(--border-radius);
}

.custom-banner a{
    display: flex;
    height: 100%;
    width: 100%;
	position:relative;
}

.custom-banner a img{width: 100%;}

.custom-banner a .layout-wrapper{
    display: flex;
	position:absolute;
	top:0; left:0;
	align-items:flex-end;
	height:100%;
	width:100%;
    vertical-align: bottom;
    text-align: left;
}
.banner-right .custom-banner a .layout-wrapper{
    text-align: right;
}
.custom-banner a .layout-wrapper .text-wrapper{
display: flex;
	position:absolute;
	top:0; left:0;
	align-items:flex-end;
	height:100%;
	width:100%;
    vertical-align: bottom;
    text-align: left;
}

.ui-widget-content{background:transparent;}

.custom-banner a .layout-wrapper .text-wrapper h3:after{
	content:""; position:absolute; left:0; top:0; height:100%; width:100%;
z-index:2;
}

.custom-banner a .layout-wrapper .text-wrapper h3{z-index:3;}



.banner-right .custom-banner a .layout-wrapper .text-wrapper{
    padding-left: 0px;
    padding-right: 20px;
}

.custom-banner a h3 {
    display: inline-block;
    color: white;
    font-size: 30px;
	line-height:35px;
    max-width: 60%;
	padding:15px 15px 15px 40px;
	position:relative;
	margin-bottom:20px;
	text-transform:uppercase;

}
.custom-banner a h3::before {
    content: '';
    display: block;
    position: absolute;
    width: 7px;
    height: 100%;
    background-color: var(--primary);
    margin-left: -20px;
	top:0;
}


/*  COMMERCIAL  */

/* Hide home publi duplicate */
#main .publi{
  display: none !important;
}

.publi .content .container{
    margin: 0;
    padding: 0;
}
.without-commercial-blocks .publi{
    display: none !important;
}
@media ( max-width: 992px ){
    .publi{
        display: none !important;
    }
}


/* ! HOME */
#main > #content.page-home{
    margin-bottom: 44px;
}


/* !Infobar */
.infobar{
    background: #191E2B;
	border-radius:10px;
}

.infobar .row > div{
    overflow: auto;
}

.page-content.page-cms ul, p{
    margin-top: 0.7rem;
    margin-bottom: 0.7rem;
}

#footer .infobar{border-radius:0;}

.infobar p{
    color:#fff; text-align: center;
	font-family: 'open_sansbold';
}
.infobar.notdetail::before, .infobar.notdetail::after{display:none;}

.infobar::before{
    content: '';
    width: 81px;
    height: 13px;
    display: inline;
    position: absolute;
    background-color: var(--client);
    transform: rotate( 174deg);
    transform: skewX(338deg) rotate(177deg);
    text-align: center;
    margin: auto;

    margin-top: 31px;
    margin-left: 95px;
}
.infobar::after{
    content: '';
    width: 81px;
    height: 13px;
    display: inline;
    position: absolute;
    background-color: var(--primary);
    transform: skewX(338deg) rotate(177deg);
    text-align: center;

    margin-top: 2px;
    margin-left: 112px;
}


/* Custom info ( header / footer ) */
header .infotienda{
    float: right;
}
header .infotienda .desc,
header .infotienda .socialcontact{
    display: none;
}

#footer .socialcontact{margin-top: 20px;}


#header .infotienda{padding-left:33px;}
#header .infotienda a.phone{font-size:19px; margin-bottom:0; line-height:30px;}
#header .infotienda h3{
font-size: 10px;
font-weight: normal;
color: var(--header-icons) !important; /*cambiar esto*/
line-height: 15px;
margin-bottom: 4px;
margin-top: 0px;
}

#header .infotienda > i{
	top: -2px;
font-size: 23px;
	}



/* !Footer */
#footer .footer-container .container .row .block-contact:nth-child(2){
    display: none;
}
#footer .footer-container.detail > .container:before{
    background-image: none;
}

/* !Footer : retirar bloques mi-cuenta y contact-info */
.footer-container #block_myaccount_infos,
.footer-container .block-contact{
    display: none;
}


/* !Decoradores */

h2.products-section-title::before{
    content: '';
    width: 80px;
    height: 13px;
    display: inline;
    position: absolute;
    background-color: var(--client);
    transform: rotate( 174deg);
    transform: skewX(338deg) rotate(177deg);
    text-align: center;
    margin: auto;
	left:50%;
	margin-left:-58px;

    margin-top: 32px;
}
h2.products-section-title::after{
    content: '';
    width: 80px;
    height: 13px;
    display: inline;
    position: absolute;
    background-color: var(--primary);
    transform: skewX(338deg) rotate(177deg);
    text-align: center;
    margin: auto;
	left:50%;
	margin-left:-20px;
    margin-top: 37px;
}

.featured-products h2.products-section-title{
  margin-bottom: 70px;
}

.featuredCategories ul{
    margin-top: 45px;
}
.featuredCategories .image-as-bg{
    width: 100%;
    height: 157px;
    text-align: center;
    margin: auto;
	background-size:contain;
}


/* !SLIDER */
.btn-default,
.btn-slider{
    background-color: var(--primary);
    border-radius: 5px;
}
.btn-default:hover,
.btn-slider:hover{
 	background:#191E2B;
    color: white;
}
.btn-default,
.btn-slider a{
    color: white;
    font-weight: bold;
	  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}



/*  TABS products by cat */
.featured-tabs{
    display: block;
    width: 100%;
    height: auto;
    padding: 1.35rem;
    border: none !important;
}
.featured-tabs > .row{
    padding: 1.35rem;
}
.featured-tabs > .row > div > h2{
    margin-top: 2rem;
}
.featured-tabs .tabs{
    display: block;
    border: none;
    text-transform: uppercase;
	text-align:right;
}
.featured-tabs .tabs li{
    display: inline-block;
    border: none;
   	background:none;
	float:none !important;
}
.featured-tabs .tabs li a{
    margin: 4px 4px;
    border: none;
    color: white;
	font-size:12px;
	 background: #E5E6E7;
	color:#191E2B;
}
.featured-tabs .tabs li:hover,
.featured-tabs .tabs li a:hover
{
    cursor: pointer !important;
}


.ui-tabs .ui-tabs-nav li.ui-tabs-active a{
	color:#fff;
	background:var(--primary)
	}


/* !Menu */
header #menu{
    background-color: var(--menu);
    border-bottom: 5px solid var(--client);
}

header #menu .container .row ul li.destacado{
    position: absolute;
    right: 0;
    background-color: var(--client);
    padding: 0px 33px;
    height: 100%;
display: flex;
justify-content: center;
align-items: center;
z-index: 0;
}

@media only screen and (min-width: 768px){

header #menu .container .row ul{
    display: flex;
    position: relative;
    width: 100%;
    margin: 0;
    height: auto;
    z-index: 23;
    padding-right: 140px;

}
}
header #menu .container .row ul li{
    display: flex;
    align-items: center;
    z-index: 1;
}

header #menu .container .row ul li > a{
    color: var(--menu-letters); /*cambiar esto*/
    text-transform: uppercase;
	  font-weight:bold;
	  font-size:13px;
	  padding:7px 13px;
	  line-height:16px;
    transition: none;
    display: flex;
    height: 100%;
    align-items: center;
}
header #menu .container .row ul.main-nav > li:hover > a {
    color: var(--client);
    position: relative;

}


header #menu .container .row ul.main-nav > li:hover ul.submenu > li a {
    color: var(--menu-letters);
}
header #menu .container .row ul.main-nav > li:hover ul.submenu > li:hover a {
    color: var(--client);
}
header #menu .container .row ul li.destacado:hover a {
    color: var(--menu);
}


/* Nav submenu */
header #menu .container .row ul li:hover ul.submenu{
  visibility: visible;
}

header #menu .container .row ul.submenu{
  position: absolute;
  display: block;
  background-color: var(--menu);
  top: 100%;
  visibility: hidden;
  z-index: 999;
  padding-right: 0;
  padding: 15px;
  column-count: 2;
  left: 0;
  border-top: 5px solid var(--client);
}
header #menu .container .row ul.submenu.open{
  display: block;
}
.destacado .open-mobile{
  display: none !important;
}

header #menu .container .row ul.submenu li{position: relative; z-index: 1}
header #menu .container .row ul.submenu li a{padding: 7px 13px;}

header #menu .container .row ul.submenu:after{content:""; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: rgba(255,255,255,0.1); z-index: 0;}


/* !Products miniature */
.product-miniature .product-actions .control-label,
.product-miniature .product-quantity .qty
{
    display: none;
}
.product-miniature .product-actions .product-add-to-cart .product-quantity{
    display: block;
    width: 100%;
}
.product-miniature .product-actions .product-add-to-cart .product-quantity .add{
    display: block;
    float: none;
}
.product-miniature .product-actions .add-to-cart.btn{
    margin: 0;
    padding: 4px 20px 5px 20px !important;
    text-align: center;
    margin: auto;
    float: none;
    display: block;
	letter-spacing:0;
	font-size:13px;
}

.product-miniature .product-actions .add-to-cart.btn .material-icons{font-size:19px;}


/* !Top_info_product_bar */
.fixed.top-info-product{
    position: fixed;
    width: 100%;
    z-index: 999;
    left: 0;
    background-color: white;
}
.top-info-product .thumbnail-container{
    display: flex;
    padding: 0px 11px !important;
}
.top-info-product .thumbnail-container > a > img{
    max-width: 90px !important;
    height: auto;
}
.top-info-product .product-additional-info,
.top-info-product .js-product-flags,
.top-info-product .wishlist-button-add,
.top-info-product .product-actions .control-label
{
    display: none;
}

.top-info-product .product-miniature .thumbnail-container{
    display: block !important;
}
.top-info-product .thumbnail-container > a{
    float: left;
}
.top-info-product .product-description{
    float: left;
    height: 100% !important;
    margin-top: 11px;
    margin-left: 51px;
}
.top-info-product .product-actions{
    display: block;
    position: relative;
    width: auto;
    float: right;
    margin-top: -17px;
}

.top-info-product{
    top: -176px;
    /*
    animation-duration: 2s;
    animation-name: animate__backInDown;
    transition: all 0.5s ease-out;
    */
}
.top-info-product.entrando{
    display: block;
    top: 0;
    animation: slideInDown;
    animation-duration: 1s;
}
.top-info-product.saliendo.subiendo{
    animation: slideInUp;
    animation-duration: 1s;
}


/* Category pages sidebar */
.block-categories .category-sub-menu li:not([data-depth="0"]):not([data-depth="1"]){
    padding-right: 0 !important;
}
.block-categories .category-sub-menu li[data-depth="1"]{
    padding-right: 0 !important;
}


.fullwitdh #content-wrapper{
    width: 100% !important;
}

body.page-width-mode-fullwidth .container{
    max-width: none !important;
}
body.page-width-mode-boxed .container{
    max-width: 1140px !important;
}

.featured-tabs {
    margin-top: 40px;
}



/* provisionales @TODO */

#main #content #custom-text,
#main #content > a.banner,
#footer > div.container,
body.page-index main > .bread
{
    display: none;
}


@media only screen and (max-width: 767px){
  header #menu .container .row ul.submenu{display: none;}
}
/* Ajuste de taxonomy-pages */

body.page-category.template-custom-override > main > section > div.container{
}
body.page-category.template-custom-override > main > section > div.container > div:last-child{
    width: 100% !important;
}

/*
- Template - Category with header : Causa problemas ocultando la 1º sección y el 1º blk de publi
body.page-category.template-custom-override > main > section > div.container > div:first-child{
    display: none !important;
}
*/

/*
  - Template - Category with header : publi con img muy largas excede el alto de la página
*/
.container.with-commercial {
    min-height: 1000px;
}



/* Simple grid */
.grid-area{display: flex; flex-wrap: wrap; padding: 15px; padding-top:5px; }
.grid-area > div{  width: 48.4%; margin: 0.8%;}
.grid-area > div a{display: block;border-radius: 5px; overflow: hidden; position: relative;}
.grid-area > div a:after{content:"";position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: var(--client); opacity: 0;
-webkit-transition: all 0.5s ease-in-out;
 -moz-transition: all 0.5s ease-in-out;
 -o-transition: all 0.5s ease-in-out;
 transition: all 0.5s ease-in-out;
}
.grid-area > div a:hover:after{opacity: 0.5;}
.grid-area > div img{width: 100%;}

@media only screen and (max-width: 767px){
.grid-area > div{  width: 100%;  margin:0; margin-bottom: 10px;}
}



/* !Adjust te puede interesar : swiper - fix - overflow link and image */
.product-accessories .swiper-slide .product-miniature .thumbnail-container .product-thumbnail img{
  max-width: 205.75px;
}

.product-accessories .product-miniature .product-title{
  /*max-width: 205.75px;*/
  overflow: hidden;
  max-width: none;
  width: 100%;
}


/* Classes to disable page elements */


body.disable-banners .publi{
    display: none !important;
}




body.disable-offers header #menu .container .row ul li.destacado{
    display: none !important;
}

body.disable-help-section .company-contact-info{
    display: none !important;
}


body.page-index.disable-banners #wrapper .featured-products, body.page-index.disable-banners #wrapper .banner, body.page-index.disable-banners #wrapper #custom-text, body.page-index.disable-banners #wrapper .featuredCategories .container, body.page-index.disable-banners #wrapper .bannersDoble .container{
    max-width: none;
}

body.disable-banners .product-miniature .thumbnail-container{
    width: 100%;
}


/* Page width mode */
body.page-width-mode-fullwidth  .container{
    max-width: none !important;
    width: 100% !important;
}


/* ! Payoutload payment adjustment */

.radio input[data-module-name="Google Pay"]{
  height: 10px !important;
}

/* ! Paypal payment method */
.supercheckout-blocks.js-additional-information .alert-info,
.supercheckout-blocks.js-additional-information .pp-info{
    display: none;
}


/* Align amazon pay */
.supercheckout-blocks .amazonPayButton{
    text-align: center;
    margin: auto;
}
/* Align paypal */
[data-container-express-checkout]{
    text-align: center !important;
    margin: auto !important;
    display: block !important;
}

.apple-btn{
    display: block;
    width: 100%;
    margin-top: 20px;
}

.loading-button{
}


/*
.paymentInfo{
    display: block !important;
}

.paymentInfo .payment-additional-info{
    display: block !important;
}
*/

@keyframes spinner-border {
    to {
        transform: rotate(360deg);
    }
}

.spinner-border {
    display: inline-block;
    vertical-align: text-bottom;
    border: 0.2em solid #1475ac;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: spinner-border .75s linear infinite;
    animation: spinner-border 1.55s linear infinite;
    text-align: center;
    margin: auto;
    z-index: 2;
    position: relative;
    left: 100%;
}

/* ! on-grid-catalogo */
.spinner-border {
    /*
    top: 10% !important;
    left: 87% !important;
    position: absolute;
    */
    text-align: center !important;
    margin: auto !important;
    width: 1rem !important;
    height: 1rem !important;
    animation-duration: 1.75s !important;
}

.lock_disabled:hover {
    pointer-events: none;
    cursor: not-allowed;
}
.lock_disabled {
    filter: grayscale(1);
    opacity: 1;
    pointer-events: none;
    cursor: not-allowed;
    position: relative; /* Asegurar posición relativa del contenedor */
}

.lock_disabled::before {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover; /* Prefijo para Safari */
    background-position: center;
    -webkit-background-position: center; /* Prefijo para Safari */
    background-image: url('../img/locked_bg_new.png');
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0; /* No margen negativo */
    box-shadow: 0px 0px 7px -2px #000000a3;
    z-index: 1; /* Asegurar que se superponga correctamente */
}

.lock_disabled div {
    pointer-events: none;
    cursor: not-allowed;
}

.lock_disabled div:hover {
    pointer-events: none;
    cursor: not-allowed;
}

.lock_disabled_button:hover {
    pointer-events: none;
    cursor: not-allowed;
}

.lock_disabled_button {
    filter: grayscale(1);
    opacity: 1;
    pointer-events: none;
    cursor: not-allowed;
}

.lock_disabled .supercheckout-blocks {
    visibility: hidden;
}

@media not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-appearance: none) {
        .lock_disabled::before {
            background-size: cover; 
        }
    }
}

/* ! Disable btn-visitante */
#supercheckout-option .radio-inline:nth-child(2){
    display: none !important;
}

.hidden{
    display: none !important;
}