/*CSS PERIS*/
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  filter: alpha(opacity=0);
  opacity: 0;

  line-break: auto;
}
.tooltip.in {
  filter: alpha(opacity=90);
  opacity: .9;
}
.tooltip.top {
  padding: 5px 0;
  margin-top: -3px;
}
.tooltip.right {
  padding: 0 5px;
  margin-left: 3px;
}
.tooltip.bottom {
  padding: 5px 0;
  margin-top: 3px;
}
.tooltip.left {
  padding: 0 5px;
  margin-left: -3px;
}
.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 4px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-left .tooltip-arrow {
  right: 5px;
  bottom: 0;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}

.numero,.numero_entero{    text-align: right;}


/*#sel_entrega div.activo span {
    border: 2px solid #E2007A;
       background: #E2007A;
    color: #fff;
}*/

#sel_entrega div.activo .primero {
   
    background: #bdbbbb;
     color: inherit;
   
}
#sel_entrega div span{
	padding:7px;
	background: #dbdbdb;
	width: 100%;
	display:block;
}
#sel_entrega div .col-md-6{
	padding:5px;
}

#sel_entrega div {
    /*border-radius: 6px;*/
    /*padding: 10px 4px;
    margin:5px;*/
   
}

#sel_entrega .row,#presupuesto .row {
    /*border-radius: 6px;*/
    /*padding: 10px 4px;
    margin:5px;*/
   margin-left:0px;
   margin-right:0px;
   
}


/* OJALES*/
#ojales{}
#ojales .item .opt {

    border-radius: 6px;
    padding: 10px 4px;
}

.owl-carousel .item .opt.activo {
    border: 2px solid #E2007A;
}
.owl-carousel .item .opt {

    border-radius: 6px;
    padding: 10px 4px;
}


/*.owl-carousel .item.activo {
    border: 2px solid #E2007A;
}
.owl-carousel .item{

    border-radius: 6px;
    padding: 10px 4px;
}*/

#attributes .attribute_list {
   
    padding-bottom: 5px;
}



#quantity_wanted_p input{
	width: 100%;
	height: 34px;
	text-align:right;
}

.misplugins .row label{
	font-weight:400;
	    padding-top: 7px;
}

.product_attributes{
	padding: 0px;
}

#presupuesto #precio_presupesto{
	color:#E2007A;
	font-weight: 700;
	font-size: 1.3em;
}

/*boton carro */
.box-info-product .exclusive {
    padding: 0;
    border-top: 1px solid #E2007A;
    border-right: 1px solid #E2007A;
    border-left: 1px solid #E2007A;
    border-bottom: 1px solid #E2007A;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    display: block;
   	background: #E2007A;
}

.box-info-product .exclusive span {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-weight: 700;
    font-size: 15px;
    line-height: 22px;
    border-top: 1px solid #c7c7c7;
    border-right: 1px solid #c7c7c7;
    border-left: 1px solid #c7c7c7;
    border-bottom: 1px solid #c7c7c7;
    text-shadow: none;
    padding: 12px 10px 14px 60px;
    color: #fff;
    display: block !important;
    text-transform: uppercase;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.box-info-product .exclusive:before {
    font-family: "FontAwesome";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    color: #fff;
    font-size: 25px;
    line-height: 47px;
    text-shadow: 0 1px #015883;
    content: "\f07a";
    z-index: 2;
    width: 51px;
    text-align: center;
    border: 1px solid #c7c7c7;
   }
   .box-info-product .exclusive:after{
   	background: none;
   }
   .box-info-product .exclusive{
   	  -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
   }
.box-info-product .exclusive:hover{
		background:#19a2db;
}
.box-info-product .exclusive:hover {
    background-image: none;
  
}
#peris span.error{

padding-left: 15px;
    color: #f31616;
    font-style: italic;
   }
 #peris input.error{

border-color: #f31616;
    
   }
   
#peris span.info{

padding-left: 15px;
    color: #19a2db;
    font-style: italic;
   }
 #peris input.info{

border-color: #19a2db;
    
   }



/*CLASES GENERICAS*/
h1,h2,h3,h4{font-family: "Varela Round", sans-serif;}
.page-footer a{color: #009fe3!important;;}
.btn{border-radius: 10px!important;}
.btn.btn-touchspin{border-radius: 2px!important;}
.btn-info, .btn-primary, .btn-primary:hover{background-color: #009fe3!important;}
#_desktop_logo .cls-1{fill: #fff;stroke: none;}
#_desktop_logo svg{width: 100%;}
.bebas-neue-regular-slider {font-family: "Bebas Neue", sans-serif;font-style: normal;letter-spacing: 1px;}
.varela-round-regular {font-family: "Varela Round", sans-serif;font-weight: 600;font-style: normal;}
.unvisible {display: none!important;}
body .container {max-width: 1920px;width: 100%;margin: 0 auto;padding: 0;}
main{overflow-x: hidden;}
body#product main{overflow:visible;}
#content-wrapper{padding: 0;}
body#index h2{font-size: 2rem;font-weight: 600;margin-bottom: 2rem;padding: 0 20px; text-align: left;text-transform:none!important;    font-family: "Varela Round", sans-serif;}
.hidden{display:none!important;}
.form-control, .input-group .form-control:not(:first-child):not(:last-child){padding: .5rem 1rem;color: #7a7a7a;background: #fff;border: 1px solid #d3d3d3;border-radius:5px;}
.form-control:focus {outline: .1875rem solid #eceeef;border-color:#d3d3d3;}
.btn-link, .btn-link:active, .btn-link:focus, .btn-link:focus-visible{border: 0 !important;  outline: none !important;box-shadow: none !important;border: none !important;}
button,button:focus,button:active,button:focus-visible,button:visited,button:hover,.btn,.btn:focus,.btn:active,.btn:focus-visible,.btn:hover,a:focus,a:active,a:focus-visible,input:focus,textarea:focus,select:focus {outline: none !important;box-shadow: none !important;}



.top-logo .cls-1{fill:#fff; stroke: none!important;}
#header{box-shadow: none;}
#header .header-nav{display: flex; align-items: center; padding: 15px 70px;max-height: none;border: none; background: #bd3484 url(../img/top_bg.gif) no-repeat center 50%;}
body#checkout #header .header-nav{padding: 15px 70px;}
#header .header-nav .user-info{margin-top: 0;}
#search_widget{width: 100%;overflow: hidden;}
#search_widget form input{border-radius: 25px;background-color: white;border:1px solid #706f6f;padding: 10px 40px 10px 20px;}
#search_widget form i{right: 25px;top:3px;}
#header .header-nav .blockcart {padding: 0; background: none;margin-left: .6rem;}
#header .header-nav .blockcart .cart-products-count{color:white;position: relative;top: -25px;}
#header .header-nav .cart-preview.active{background: transparent;}
#header .header-top {padding: 0;background: #f8f9f9;width: 99%;}
#header .header-top a[data-depth="0"] {color: #575756;text-transform:none;}
.sp-login-link svg{fill: white;stroke: none;}

#js-product-list-top{display: none;}

/* Estilo general de la barra sticky */
.header-nav.is-sticky,
.header-top.is-sticky {
  position: fixed  !important;
  top: -2px; 
  left: 0;
  right: 0;
  z-index: 1000;
  background: #fff; /* o el color que use tu theme */
  box-shadow: 0 4px 10px rgba(0,0,0,0.08);
  transition: all 0.25s ease-in-out;
}

.ets_mm_megamenu.is-sticky{position: fixed  !important;top: 78px; left: 0; z-index: 500!important;}

/* Buscador por encima SIEMPRE */
#nbajaxsearch {
    position: relative !important;
    z-index: 2147483647 !important;
}

.nbajaxsearch-results {
    z-index: 2147483647 !important;
}


.search-results {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 6px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    z-index: 9999;
    display: none;
}

.ps8-suggestions {
    list-style: none;
    margin: 0;
    padding: 0;
}

.suggestion-item a {
    display: flex;
    align-items: center;
    padding: 8px 12px;
}

.suggestion-item img {
    width: 40px;
    height: 40px;
    margin-right: 10px;
    border-radius: 4px;
}

.suggestion-item:hover {
    background: #f4f4f4;
    cursor: pointer;
}



/* Para que no haya salto visual, reservamos su altura */
.header-nav.is-sticky + * {
  padding-top: var(--header-height, 120px);
}



.carousel .carousel-item figure{width: 100%;}
.carousel .carousel-item .caption {left: initial;right: 28%;}
.carousel .carousel-item .caption .display-1{display: none;}
.carousel .carousel-item .caption h1{font-size: 2.8rem;text-align: right;letter-spacing: 1px;margin: 0;line-height: 3.9rem;}
.carousel .carousel-item .caption h1 span{padding: 0 10px;background-color: #0a070c;}

/*MENU*/
#header .header-top .menu{padding-left: 0;}
.top-menu[data-depth="0"]{display: flex;align-items: center;justify-content: space-between;}
#header .menu, #header .menu>ul>li{display:block;}
/*.top-menu a[data-depth="0"]{font-size: 0.85rem;}*/
#header .top-menu a[data-depth="0"]:hover, a:hover {color: #bd3484;}

.BlockHeading{padding: 65px 0;}
.BlockHeading h1{font-size: 2.25rem;line-height: 1.4;}
body#index #wrapper{padding-top: 0;}
body#index .carousel, .carousel .carousel-inner{margin-bottom: 0;height: auto;}
#wrapper{background: white;}
#category #wrapper, #category #wrapper .breadcrumb, #module-spfileupload-uploadcenter #wrapper{padding:0 70px;}
#my-account #wrapper .breadcrumb, 
#identity #wrapper .breadcrumb , 
#addresses #wrapper .breadcrumb, 
#history #wrapper .breadcrumb,
#order-detail #wrapper .breadcrumb,
#order-slip #wrapper .breadcrumb,
#wrapper .breadcrumb #discount{position: sticky;border-bottom: .0625rem solid #dfdfdf;padding-bottom:1rem;}
#category #wrapper .breadcrumb{padding:1.563rem 0 0 0!important;}

#category .products.row, #products .products, .featured-products .products, .product-accessories .products, #products #js-product-list-top{padding: 0 70px;justify-content: start;}
#product #wrapper, #order-detail #wrapper{padding-left: 70px;padding-right: 70px;}
.products .product{padding: 0;}
.pagination{display: none;}
 
#custom-text {padding: 2rem 0;margin-bottom: 1.5rem;text-align: center;background: none;border-radius: 0;}
.IconosHomeBlock{display: flex;align-items: center;justify-content: space-between; padding: 5px 70px;background-color: #f8f8f8;}
.IconosHomeBlock div{display: flex;align-items: center;}
.IconosHomeBlock div span{margin-left: 5px;color: #706f6f;font-size: 15px;}
.AcabadosBlock, .textos-index{padding: 0 100px;}
.AcabadosBlock h2, .CTABlock h2{font-size: 2.167rem;margin-bottom: 25px; }
.AcabadosBlock h3{font-size: 1.3rem;}
.AcabadosBlock .AcabadosDestacados{display: flex; align-items: center; justify-content: space-between;gap: 20px;}
.AcabadosBlock .AcabadosDestacados .Block image{object-fit: cover;height: auto;}
.AcabadosBlock .AcabadosDestacados .Block p{font-size: .85rem;}

.CTABlock{background-color: #dadada;padding: 40px;}
.CTABlock p{font-size: large;}

body#index .psproducthtml-block{display:none;}

#index .featured-products{padding: 0 100px;}
.featured-products.piensa, .featured-products.piensa h2{text-align: center!important;}
.featured-products.piensa .h4{margin-bottom: 25px;}
.featured-products .btn, .featured-products  .all-product-link{display: none;}

#footer{background: #bd3484 url(../img/bg-footer.jpg) no-repeat center top;padding: 65px 100px;margin-top: 65px;}
.footer-container{padding: 0;}
.footer-container .h3, .footer-container .h4 {color: white;text-transform: none;font-size: 1.02rem;font-weight: 700;letter-spacing: 0.05em;}
.footer-container p{color: white;font-size: 0.8rem;}
.footer-container li {margin-bottom: 0.85rem;}
.footer-container li a {font-size: 0.85rem;color: #fff;letter-spacing: 1px;}
.footer-container li a:hover {text-decoration: underline;color: #fff;}


.block-social{padding: 10px 0;text-align: center;}
.block-social p{margin-bottom: 0;}
.block-social ul{justify-content: center;}
.block-social ul li{width: 32px;height: 32px;background: none;border-radius:25px;}
.block-social ul li:hover{background: none;}
.block-social ul li a{display: inline-flex;}
.block-social ul li a span{display: none;}
.block-social .footer-links a{color: #1d1d1b;}

/*PRODUCTOS*/
.product-miniature .thumbnail-container{padding: 0 5px;}
.product-miniature .thumbnail-container .product-thumbnail img{border-radius: 15px;}
.product-miniature .product-title a {font-weight: 600;color: #000;}

.btn-add-to-cart{display: block;padding: 10px 25px;text-align: center;color: #fff;background-color: #009de4;border-radius: 10px;}
.btn-add-to-cart:hover{color: #fff;}

/*PÁGINA PRODUCTO*/
body#product .product-cover{height:480px;}
.product-images li.thumb-container .thumb{border-radius:10px;}
.product-images li.thumb-container .thumb.selected, .product-images li.thumb-container .thumb:hover {border: none!important;}
.product-container{margin-top: 25px;}
.product-container h2 {font-size: clamp(1.4rem, 2.5vw, 2.4rem);text-transform: none;}
.product-container .product-prices{margin-top: 0;}
.product-container .product-prices .product-price{font-size: 1.2rem;}
#product h1{font-size: 1.6rem;}
.product-price{color: #009fe3;}
#product #content{max-width: none;}
.product-description h1{color: #5b5b5b;margin-bottom: 20px;}
.product-cover img{width: 100%!important;height: 100%!important;object-fit: cover;border-radius: 20px;}

/*.BlockInfoExpedicion{display: flex;align-items: center;justify-content: space-between;}*/


/*COLLAPSIBLE PRODUCTOS*/
.cont-collapsible{padding:10px;}
/*.cont-collapsible .product-description{margin-bottom:25px;}*/
.cont-collapsible h3{padding:15px 25px;border-radius:20px 20px 0 0;background:#ececec;color:#444444;font-size: 1em;font-weight:400;margin:0;}
.cont-collapsible #fsch-heading-10{display:none;}
.cont-collapsible .card{border:1px solid #ececec;border-radius:0 0 20px 20px;}
.cont-collapsible .card-block{padding:1.5rem 1.5rem 2rem}
.cont-collapsible .card-block .card{border-radius:0; border:none;}
.cont-collapsible h5{font-weight:400;cursor:pointer;margin-bottom:20px!important;position:relative;}
.cont-collapsible h5 .fa-check-circle{margin-right:10px;color:#21834d;}
.cont-collapsible  h5 .fa-chevron-down{position:absolute;right:0;}
.cont-collapsible .card-block.pt-0{padding-top:0;}

/*PERIS*/
.box-info-product{padding:50px 25px 0 25px;}
.box-info-product h3{color:#e2007a;font-size:1.6em;font-weight:500;margin:35px 0;}
.box-info-product label{text-align:left!important;margin-right:12px;width:135px;}
.box-info-product #medidas, .box-info-product #refuerzo, .box-info-product #emboltorio_bobina, .box-info-product #num_ficheros, .box-info-product #emboltorio_posicion_ojal, .box-info-product #emboltorio_numero_ojales, .box-info-product #revision, .box-info-product #refproducto, .box-info-product #vaina, .box-info-product #emboltorio_diametro_vaina, .box-info-product #seleccion_68, .box-info-product #seleccion_600, .box-info-product #seleccion_84, .box-info-product #seleccion_164, .box-info-product #quantity_wanted_p, .box-info-product #refuerzo, .box-info-product #materiales, .box-info-product #seleccion_264, .box-info-product #seleccion_252, .box-info-product #seleccion_363, .box-info-product #embalaje, .box-info-product #seleccion_161{display: flex;align-items: center;justify-content: space-between;margin-bottom: 1rem;width:100%}
#quantity_wanted_p input{height: auto;}
/*.box-info-product #medidas{gap:30px;align-items: center;justify-content: space-between;width: 97%;}*/
/*.box-info-product #medidas label{width:50%;}*/

.box-info-product #medidas div, .box-info-product #emboltorio_bobina div, .box-info-product #num_ficheros div, .box-info-product #emboltorio_posicion_ojal div, .box-info-product #emboltorio_numero_ojales div, .box-info-product #revision div, .box-info-product #refproducto div, .box-info-product #vaina div, .box-info-product #emboltorio_diametro_vaina div, .box-info-product #seleccion_68 div, .box-info-product #seleccion_600 div, .box-info-product #seleccion_84 div, .box-info-product #seleccion_164 div, .box-info-product #seleccion_252 div, .box-info-product #seleccion_161 div{display: flex;align-items: center;justify-content: start;}
.bootstrap-touchspin{justify-content: end;width: 100%;}
/*.box-info-product #medidas div div{justify-content: end;}*/

.box-info-product .select, .select{display: flex;align-items: center;width: 75%;justify-content: end;gap: 5px;}

.box-info-product #medidas .select{width: 155px; margin-right: 20px;}
 


#quantity_wanted_p input{width: 96%;}

.bootstrap-touchspin, .box-info-product #quantity_wanted_p div{display: flex;float: none;}

/*OWL OJALES*/
.owl-carousel,
.owl-stage-outer {
  width: 100%;
}

.owl-stage { display:flex; }
.owl-item  { flex: 0 0 auto; }
.owl-stage-outer { overflow: hidden; }




#product .owl-carousel{width:75%;float:right;padding: 25px 45px;}
/*#product .owl-carousel{margin-bottom:25px;}*/
#product .owl-carousel.owl-drag .owl-item{text-align:center;float: left;position: relative;1}
#product .owl-carousel.owl-drag .owl-item img{display:block; margin: auto;transform-style: preserve-3d;border: 2px solid #fff!important;border-radius: 6px;padding: 10px 4px;}
#product .owl-nav{position: absolute;left: 0;top: 35%;width: 100%;}
#product .owl-nav button{font-size:1.4rem!important;color:#e6007e!important;position: absolute;}
#product .owl-nav button:hover{background: none!important;}
#product .owl-nav button.owl-before,#product .owl-nav button.owl-prev{left: 0;}
#product .owl-nav button.owl-next{right: 0;}
#product .owl-nav button span{display: none;}
#product .item .opt {text-align: center;}
#product .item .opt.activo{border:2px solid  #009fe3!important;border-radius:6px;padding: 10px 4px;}


/*ENTREGA / PRECIO*/
.MostrarCOnSinIva{display:flex;align-items:center;justify-content: end;gap:5px;font-size:0.85em;}
.MostrarCOnSinIva div#coniva, .MostrarCOnSinIva div#siniva{padding:3px 6px;border-radius:5px;border:1px solid #ececec;}
.MostrarCOnSinIva div.activo{border:none;background-color:#05a6f7;color:white;}


#presupuesto{padding:20px;background-color:#f8ad36;border-radius:20px;}
#presupuesto .Titulo{display:flex;align-items:center;justify-content: space-between;margin-bottom:20px;}
#presupuesto .Titulo label{font-size:1.4rem;color:white;}
#ContBloquesPago{display:flex;align-items:center;justify-content: space-between;gap: 5px;}
#fecha_entrega, #neto_presupesto, #precio_presupesto, #impuestos_presupesto{border-radius:10px;background:white;padding:10px;text-align:center;width: 100%;font-size: 12px !important;;color: #000 !important;;}
#fecha_entrega b, #neto_presupesto b, #precio_presupesto b, #impuestos_presupesto b, #precio_presupesto b{font-size: 1.2rem!important;}
.add-to-cart{background: #009640;border-radius:10px;padding:20px 15px;font-weight: 600;text-transform: uppercase;}

.info_cart{padding:10px 0 0 0;display:flex; align-items:center;justify-content:space-between;}
.info_cart label{color:#b0b0b0;text-align:left;max-width:100%!important;margin: 0;}
.info_cart div{display: flex;gap: 10px;align-items: center;}

/*GRID PRODUCTOS*/
.category-cover {
  width: 100%;
  min-height: 400px; /* ajusta según diseño */
  display: flex;
  flex-direction: column;
  justify-content: center; /* centra verticalmente */
  align-items: flex-start; /* alinea a la izquierda */
  padding: 6rem; /* espacio interno */
  
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: #fff; /* texto legible sobre el fondo */
  position: relative;
}

/* Opcional: superposición oscura para mejorar legibilidad */
/*.category-cover::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.4);
  z-index: 0;
}
*/
.block-category.card-block{padding: 0;}
.category-cover h1,.category-cover .block-category-inner {position: relative;z-index: 1; /* encima de la superposición */max-width: 800px; /* controla el ancho del texto */}
.category-cover h1 {font-family: "Varela Round", sans-serif;text-transform:none!important;font-size: 3.5rem;color:white;margin-bottom: 1rem;}
#category-description p{color: #2e3092!important;font-weight:600!important;}
.category-cover .block-category-inner {font-size: 1.125rem;line-height: 1.6;}

.thumbnail-container .no-variants{position: absolute;bottom: 70px;left: 15px;width: 90%;z-index: 9;}
.product-miniature .product-price-and-shipping {font-weight: 500;color: #fff;padding: 10px 25px;background-color: #575656;border-radius: 10px;position: absolute;bottom: 70px;left: 15px;width: 90%;z-index: 99;}
.product-price-and-shipping.hidden-price {display: none;}
.product-miniature .thumbnail-container:focus .product-description::after, .product-miniature .thumbnail-container:hover .product-description::after{border: none !important;}
.category-custom-title{display: block;padding: 65px 0 25px 0;text-align: center;font-size: 2rem;color:#1d1d1b;font-family: "Varela Round", sans-serif;font-weight: 600;font-style: normal;}
#subcategories{border: none;}
#subcategories ul li {width: calc(100% / 3 - 20px);text-align: left;}
#subcategories ul li .subcategory-image picture{width: 100%;height: 230px;display: flex;}
#subcategories ul li .subcategory-image picture img{width: 100%;height: 100%;object-fit: cover;border-radius: 10px;}
#subcategories ul li .subcategory-image a, #subcategories ul li:hover .subcategory-image a {border: none;padding: 0;}
#subcategories ul li h5{font-size:1.2rem;}
#subcategories ul li .subcategory-name {text-transform: none;color: #ec008c;}
#subcategories ul li .subcategory-name:hover{color: #1d1d1b;}

#sel_entrega{display: flex;align-items: end;justify-content:end ;gap:5px;text-align: center;margin-top: 10px;}
#sel_entrega .BloqueEstimada{gap: 5px;display: grid;}
#sel_entrega .BloqueEstimada div, #sel_entrega .Unds{border-radius: 10px;padding: 15px;color: #575756;/*background-color: #ececec;*/color: #575756;font-weight: 500;font-size: 1rem;}
#sel_entrega div span{background: none!important;padding: 0 !important;}
#sel_entrega div.activo {color: #575756;}
#sel_entrega .Uds span{border-radius: 10px;padding: 15px 30px;color: #575756;background-color: #ececec;font-weight: 500;font-size: 1rem;}
#sel_entrega .Uds.activo span{color: #575756!important;}
#sel_entrega .importe{display: flex;align-items: center;justify-content:center; }
#sel_entrega .fecha, #sel_entrega .importe, #sel_entrega .Unds{background-color: #ececec;}
#sel_entrega span {font-size: 1rem;font-weight: 600;}
#sel_entrega .activo .fecha {background-color: #68c8f3;}
#sel_entrega div.activo .fecha span{color: #005680;}

#sel_entrega .activo .importe {background-color: #009fe3;color: white;}
#sel_entrega .importe .tachado{text-decoration: line-through;}

#sel_entrega .row{width: 100%!important;display: block;}
/*#sel_entrega .row:last-child {width: 0!important;}*/

.spfu-spin {
  animation: spfu-rotate 0.9s linear infinite;
  display: inline-block;
  font-size: 18px;
}

@keyframes spfu-rotate {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}



.ContInfoEntrega{display: flex;align-items: center;justify-content: space-between;}

#btnInfoEntrega, #btnInfoEntrega:focus, #btnInfoEntrega:focus-visible,#btnInfoEntrega:active{border: none;outline: none;background: none;cursor: pointer;}
 /* PANEL DE INFORMACIÓN (inicio oculto y suave al aparecer) */
.info-entrega {
  display: block;                  /* evita salto de layout */
  opacity: 0;
  transform: translateY(-10px) scale(0.97);
  visibility: hidden;
  transition:
    opacity 0.3s ease,
    transform 0.35s cubic-bezier(0.22, 1, 0.36, 1),
    visibility 0s linear 0.3s;
  z-index: 10;
  pointer-events: none;
 
}

/* CUANDO ESTÁ VISIBLE */
.info-entrega.show {
  opacity: 1;
  transform: translateY(0) scale(1);
  visibility: visible;
  transition:
    opacity 0.3s ease,
    transform 0.35s cubic-bezier(0.22, 1, 0.36, 1),
    visibility 0s;
  pointer-events: auto;
}

/* TRIÁNGULO SUPERIOR */
.arrow-up {
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #0dcaf0;
  margin-left: auto;
  margin-right: 8px; /* ajusta la posición bajo el icono info */
  transition: all 0.3s ease;
}

/* EFECTO DE SOMBRA Y SUAVIDAD */
.info-entrega .p-3 {
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15);
  transition: box-shadow 0.3s ease;
}

.info-entrega.show .p-3 {
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25);
}

/*HTML LONAS*/
:root {
      --box-bg: #ececec;
      --box-radius: 10px;
      --box-padding: 1rem;
    }

    body {
      background-color: #FFF;
      font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
    }

    .SeoLonas{margin: 0 0 45px 0;padding: 0 100px!important;}
    .SeoLonas h3, .faqs h3{text-align: center;color:#1d1d1b;font-size:2.2rem;}
    p.descripcion{text-align: center;margin: 0;}

    .grid {
      margin-top: 45px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
}

.grid-4 {
  display: grid;
  margin-top:25px;
  grid-template-columns: repeat(4, 1fr); /* 4 columnas iguales */
  gap: 1.5rem;
}

.column {
  display: grid;
  grid-template-rows: 1fr 1fr; /* dos filas iguales */
  gap: 1.5rem;
}

.AcabadosCristales .column {
  grid-template-rows:auto;
}


/*FAQS*/


.faqs{padding: 65px 100px 75px!important;margin: 65px auto 0 auto!important;background-color: #f5f9fb;}

.faq-container {
  max-width: 950px;
  margin: 45px auto;
}

.faq-item {
  margin-bottom: 12px;
}

.faq-header {
  background: #ffffff;
  border: 2px solid #ff2ea1;
  border-radius: 8px;
  font-size: 1.2rem;
  padding: 14px 18px;
  font-weight: 600;
  cursor: pointer;
  color: #6f6f6e;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: all .25s ease;
}

.faq-header .bi-plus-circle-fill{ color: #ff2ea1;}
.faq-header .bi-dash-circle-fill{ color: #fff;}



.faq-header:hover {
  background: #ffe1f1;
}

.faq-header:not(.collapsed) {
  background: #ff2ea1;
  color: #fff;
}

.faq-icon {
  font-size: 1.4rem;
  margin-left: 10px;
}

.faq-body {
  padding: 18px 20px;
  background: #f8f8f8;
  border-left: 2px solid #ff2ea1;
  border-right: 2px solid #ff2ea1;
  border-bottom: 2px solid #ff2ea1;
  border-radius: 0 0 8px 8px;
  margin-top: -5px;
  line-height: 1.6;
  color: #6f6f6e;
  font-size: 1.2rem;
}




/* Responsive: 1 columna en móvil */
@media (max-width: 575.98px) {
  .grid-4 {
    grid-template-columns: 1fr;
  }
}


/* Versión móvil */
@media (max-width: 767.98px) {
  .grid {
    grid-template-columns: 1fr;
  }
  .column {
    grid-template-rows: none;
  }
}

/* Responsive: 2 columnas en tablet */
@media (max-width: 991.98px) {
  .grid-4 {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 1023px) {
  
}




.box {
  background: #ececec;
  border-radius: 10px;
  padding: 1rem;
  display: flex;           /* permite flexibilidad interna */
  flex-direction: column;
  gap: 0.75rem;
  height: 100%;            /* ocupa todo el alto de su celda */
  box-shadow: 0 1px 4px rgba(0,0,0,0.06);
  transition: transform 160ms ease, box-shadow 160ms ease;
}

    .box h4 {
      margin: 0;
      font-size: 1.25rem;
      color: #e6007e;
    }

    .thumb {
      width: 100%;
      height: 180px;
      overflow: hidden;
      border-radius: calc(var(--box-radius) - 2px);
    }

    .thumb img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }

    .box p {
      margin: 0;
      line-height: 1.4;
    }


    /* === NUEVO GRID 2 COLUMNAS CON 3 CAJAS === */
.grid-2-lonas {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem; /* espacio entre columnas */
  margin-top: 25px;
}

/* Columna con 3 cajas */
.column-lonas {
  display: flex;
  flex-direction: column;
  gap: 2rem; /* espacio entre cajas */
}

/* Caja con imagen a la izquierda y texto a la derecha */
.box-lonas {
  display: grid;
  grid-template-columns: 220px 1fr; /* imagen izquierda y texto derecha */
  gap: 1rem;
  align-items: start;
}

.thumb-lonas {
  width: 210px;
  height: 210px;
  overflow: hidden;
  border-radius: 8px;
}

.thumb-lonas img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.box-lonas h4 {
  margin: 0 0 0.5rem 0;
  font-size: 1.2rem;
  color: #e6007e; /* color solicitado */
}

.box-lonas p {
  margin: 0;
  line-height: 1.4;
}

/* === RESPONSIVE === */

/* En tablets (≤991px): 1 columna general y la imagen se hace más grande */
@media (max-width: 991.98px) {
  .grid-2-lonas {
    grid-template-columns: 1fr; /* una sola columna */
  }
  .box-lonas {
    grid-template-columns: 150px 1fr; /* imagen un poco más grande en tablet */
  }
  .thumb-lonas {
    width: 150px;
    height: 150px;
  }
}

/* En móviles pequeños (≤575px): apilar imagen encima del texto */
@media (max-width: 575.98px) {
  .box-lonas {
    grid-template-columns: 1fr; /* apila imagen y texto */
  }
  .thumb-lonas {
    width: 100%;
    height: 200px; /* imagen full width */
  }
  .box-lonas h4 {
    margin-top: 0.5rem;
    font-size: 1.1rem;
    text-align: center;
  }
  .box-lonas p {
    text-align: center;
  }
}



.cta-section {
  background-color: #ececec;
  margin:65px 0;
  padding: 3rem 100px;
}

.cta-container {
  text-align: left;
}

.cta-container h2 {
  font-family: "Varela Round", sans-serif;
  font-size: 2.2rem;
  color: #e6007e; /* color título */
  margin-bottom: 1rem;
}

.cta-container p {
  font-size: 1rem;
  color: #575756;
  line-height: 24px;
  margin-bottom: 2rem;
}

/* Botones */
.cta-buttons {
  display: flex;
  justify-content: start;
  gap: 10px;
  flex-wrap: wrap; /* Para que se acomoden en móviles */
}

.btn-cta {
  display: inline-block;
  padding: 0.5rem 2.5rem;
  border: 1px solid #00a0e3; /* azul */
  color: #00a0e3;
  border-radius: 5px;
  text-decoration: none;
  transition: all 0.3s ease;
  background-color: #fff;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 21px;
  min-width: 215px;
  text-align: center;
}

.btn-cta:hover {
  background-color: #00a0e3;
  color: #fff;
}


/*MEGA MENU*/
a, a:hover{transition: all ease 0.03s;}
.ets_mm_megamenu_content{padding: 0 70px;}
.ets_mm_megamenu_content .h4{text-transform: none;color: #969696!important;}
.ets_mm_megamenu_content .h4 a{color: #575756!important;}
.ets_mm_megamenu_content .h4 a:hover{color: #ce0162!important;}
.layout_layout1 .ets_mm_megamenu_content{border-top: none;border-bottom-color: #c6c6c6;background-color: #f7f7f7!important;}
.mm_menu_content_title{background:transparent!important;padding:7px 20px;min-height:0;color:#575756;font-size:16px;text-transform:none;transition: all ease 0.03s;}
.mm_menu_content_title:hover{color:#ce0162;transition: all ease 0.03s;}
.ets_mm_categories li a:hover{color: #009de4!important;}
.ets_mm_block>.h4{border: none;border-top:1px solid  #c6c6c6;padding-top: 10px;}
.layout_layout1 .mm_menus_li{width: auto!important;}
.RegistPro{float: right!important;background-color: #009de4;transition: all ease 0.03s;}
.RegistPro:hover{background-color: #0287c5;transition: all ease 0.03s;}
.RegistPro a::before{background-color: transparent!important;}
.RegistPro .mm_menu_content_title{color: white;}
.layout_layout1:not(.ybc_vertical_menu) .mm_menus_li > a{font-weight: 400;}
.layout_layout1 .ets_mm_block_content ul li a{line-height: 22px;font-weight: 400;}
.layout_layout1 .ets_mm_block_content ul li a::before{content: none;}
/*.mm_blocks_li{border-top:1px solid  #c6c6c6;border-bottom:1px solid  #c6c6c6;padding: 10px;}*/
.layout_layout1 .mm_menus_li, .mm_tabs_li .mm_columns_contents_ul, .mm_tabs_li .mm_columns_contents_ul{border:none!important;}
.layout_layout1:not(.ybc_vertical_menu) .mm_menus_li > a{background:transparent!important;}
.mm_tab_toggle_title {padding: 9px 15px 9px 35px;}

.MatEco  .mm_menu_content_title{color: #00b126;transition: all ease 0.03s;}
.MatEco  .mm_menu_content_title:hover{color: #038d21;transition: all ease 0.03s;}


.top-menu[data-depth="1"]{padding: 15px;}
.top-menu .sub-menu ul[data-depth="1"]>li{float: none;}
.top-menu a.dropdown-submenu{text-transform: none;}
#header a:hover{color: #d00063;}



.product-images>li.thumb-container picture{width: 200px;height: 160px;display: inline-block;}
.product-images>li.thumb-container .thumb{width: 100%;height: 100%;border-radius: 10px;object-fit: cover;}



.block_newsletter{background-color: #f8ac38;padding:35px 200px;max-width: none!important;margin: 75px 0;}
.block_newsletter #block-newsletter-label{font-weight: 600;}
.block_newsletter form input[type=email]{border: none!important;border-radius: 5px 0 0 5px;}
.block_newsletter .btn-primary{background-color: white!important;color: #000!important;margin-left: 0!important;border-radius: 0 5px 5px 0!important;}

#order-items hr {border-top-color: #e2e2e2;}
.definition-list dl dd, .definition-list dl dt{flex:0 0 49%!important;}


/* Evita que el header recorte la capa */
#header, .header, .header-top, .header-nav { overflow: visible !important; }

/* Base en blanco */
.header-help-contact { color: #fff; }
.header-help-contact .help-title { letter-spacing: .5px; font-weight: 500;}
.header-help-contact .help-contact-inferior{display: flex;align-items: center;justify-content: space-between;}
.header-help-contact .help-whatsapp{text-decoration: underline;}
.header-help-contact .help-whatsapp i,
.header-help-contact .help-whatsapp span { color: #fff; }
.header-help-contact .btn-link i { transition: transform .25s ease; }

/* Rotación del chevron cuando está abierto */
.header-help-contact .btn-link[aria-expanded="true"] i { transform: rotate(180deg); }

/* Capa tipo dropdown: absoluta y encima del header */
.drop-layer{
  position: absolute;
  top: calc(100% + 8px);   /* justo bajo el trigger */
  right: 0;                /* alineada al borde derecho del bloque */
  z-index: 2500;           /* por encima del header */
  min-width: 240px;
  max-width: 360px;

  /* Oculta por defecto (sin colapsar el layout) */
  opacity: 0;
  transform: translateY(-6px);
  pointer-events: none;
  transition: opacity .18s ease, transform .18s ease;
}

/* Estado visible */
.drop-layer.is-open{
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

/* Tarjeta interna: fondo blanco y esquinas redondeadas, texto oscuro */
.drop-card{
  background: #fff;
  color: #212529;                 /* texto NO blanco para contraste */
  border-radius: .5rem;
  box-shadow: 0 10px 24px rgba(0,0,0,.15), 0 2px 6px rgba(0,0,0,.1);
  border: 1px solid rgba(0,0,0,.06);
  padding: 1rem;
  font-size: .9rem;
  display: flex;
  align-items: flex-start;
}

.drop-card .bi-info-circle{ color:#ce0162; margin-top:.1rem; }
#_desktop_user_info{display: flex;align-items: center;}
#_desktop_user_info,
.user-info { overflow: visible !important; }


/* Botón y chevron */
.user-info .btn-link i { transition: transform .25s ease; }
.user-info .btn-link[aria-expanded="true"] i { transform: rotate(180deg); }
#header .header-nav .user-info {margin-left: 2.5rem;margin-right: 0.5rem;}

/* Dropdown capa flotante */
.drop-layer {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  z-index: 2500;
  min-width: 220px;
  opacity: 0;
  transform: translateY(-6px);
  pointer-events: none;
  transition: opacity .18s ease, transform .18s ease;
}

.drop-layer.is-open {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

/* Tarjeta interna */
#accountDropdown .drop-card {
  display: block;
  text-align: left;
  background: #fff;
  color: #212529;
  border-radius: .5rem;
  box-shadow: 0 10px 24px rgba(0,0,0,.15), 0 2px 6px rgba(0,0,0,.1);
  border: 1px solid rgba(0,0,0,.06);
  padding: 1rem;
}

.drop-card a.dropdown-item {
  display: block;
  padding: .5rem 1rem .5rem 0;
  color: #212529;
  text-decoration: none;
  font-size: .9rem;
}

.drop-card a.dropdown-item:hover {
  background: #f8f9fa;
}

.drop-card .dropdown-divider {
  margin: .25rem 0;
}

.psproducthtml-block{padding:0 10px;}
.psproducthtml-block ul li{font-size:14px;font-weight: 500;color: #232323;}
.psproducthtml-block ul li i{margin-right: 5px;}

.bloque-info{background: #dbf4ff;margin: 16px 0; transition: height .4s ease-in-out;position: relative;border-radius: 10px;}
.bloque-info .chevron {position: absolute; top: -10px; right: 20px; width: 0;height: 0;border-left: 12px solid transparent;border-right: 12px solid transparent;border-bottom: 12px solid #dbf4ff;margin-left: auto;margin-right: 8px;}
.bloque-info .cont{padding: 40px 38px 24px 24px; }
.bloque-info .btn-cerrar{position: absolute;top: 15px;right: 15px;color: #0188c7;}

.bloque-info, .bloque-info p{    font-size: 0.8rem;font-weight: 400;color: #494949;}

/*MÓDULO H2 DINÁMICO*/
.category-custom-title {
  text-align: center;
  margin: 20px auto 10px;
  font-size: 2rem;
  font-weight: 600;
}

.category-custom-paragraph {
  text-align: center;
  margin: 0 auto 25px;
  line-height: 1.6;
  font-size: 1rem;
  color: #555;
}




/* --- Resumen de pedido elegante --- */
.table th {font-weight: 700 !important;text-transform: uppercase;letter-spacing: 0.5px;}
.table tbody td {vertical-align: middle;}
.table tbody td.text-dark{font-weight: 600!important;}
.table-hover tbody tr:hover {background-color: #f9fafb;}
.table-striped > tr:nth-of-type(odd) {background-color: #fcfcfc;}
.table .fs-4 {font-size: 1.4rem !important;}
.table .fs-6 {font-size: 1rem !important;}
.letter-spacing-1 {letter-spacing: 0.5px;}

/*AREA DEL CLIENTE*/
/* === LAYOUT GENERAL === */

.page-addresses .address{
    border-radius: 14px;
    padding:  2rem;
    color: #333;
    border: 1px solid #e5e5e5;
    transition: all 0.25s 
ease;
}

.welcome-user{
  
}
.account-layout {
  
  display: flex;
  flex-wrap: nowrap;
}

/* === SIDEBAR === */
.account-sidebar {
  padding:10.5rem 1.5rem 2rem;
  width: 16rem;
  height: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  background-color: #fff; /* gris suave */
  box-shadow: 2px 0 8px rgba(0,0,0,0.08);
  border-right: 1px solid #dddddd;
  overflow-y: auto;
  z-index: 50;
  transition: all 0.3s ease;
}

/* Scrollbar elegante */
.account-sidebar::-webkit-scrollbar {
  width: 6px;
}
.account-sidebar::-webkit-scrollbar-thumb {
  background-color: rgba(0,0,0,0.2);
  border-radius: 3px;
}

/* === CONTENIDO PRINCIPAL === */
.account-content {
  flex-grow: 1;
  padding: 2rem;
  transition: margin-left 0.3s ease;
}


/* === NAV LINKS === */
.account-sidebar .nav-link {
  color: #444;
  font-weight: 500;
  display: flex;
  align-items: center;
  padding: 0.6rem 0.85rem;
  border-radius: 8px;
  margin-bottom: 0.3rem;
  transition: all 0.2s ease;
  text-decoration: none;
}

.account-sidebar .nav-link i {
  font-size: 1.1rem;
  margin-right: 0.6rem;
}

.account-sidebar .nav-link:hover,
.account-sidebar .nav-link.active {
  background-color: #fff;
  color: #009fe3;
  transform: translateX(3px);
}

/* === CABECERA DEL SIDEBAR === */
.account-sidebar h5 {
  font-weight: 600;
  color: #333;
}

.account-sidebar .bi-person-circle {
  color: #777;
}

/* === GRID ADAPTATIVO (sin Bootstrap) === */
#my-account-links {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
}

#my-account-links > a {
  flex: 0 0 100%;
  text-decoration: none;
}

@media (min-width: 576px) {
  #my-account-links > a {
    flex: 0 0 calc(50% - 1.5rem);
  }
}

@media (min-width: 992px) {
  #my-account-links > a {
    flex: 0 0 calc(33.333% - 1.5rem);
  }
}

/* === TARJETAS === */
#my-account-links > a{
  background: #ffffff;
  border-radius: 14px;
  padding: 4rem 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #333;
  border: 1px solid #e5e5e5;
  transition: all 0.25s ease;
  position: relative;
  overflow: hidden;
}

/* Efecto de overlay premium */
#my-account-links > a::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, #009fe3 0%, #00b8ff 100%);
  opacity: 0;
  transition: opacity .25s ease;
  z-index: 0;
}

/* CONTENIDO */
#my-account-links .link-item {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: .6rem;
  font-weight: 600;
  letter-spacing: .3px;
  position: relative;
  z-index: 1;
}

/* ICONOS */
#my-account-links .link-item i {
  font-size: 2.4rem;
  color: #444;
  transition: color .25s ease, transform .25s ease;
}

/* HOVER */
#my-account-links > a:hover {
  transform: translateY(-6px);
  border-color: #009fe3;
  box-shadow: 0 12px 28px rgba(0,0,0,.1);
}

#my-account-links > a:hover::before {
  opacity: .08;
}

#my-account-links > a:hover i {
  color: #009fe3;
  transform: translateY(-3px);
}

/* SMALL TEXT */
#my-account-links .link-item span,
#my-account-links .link-item {
  font-size: 1rem;
  align-items: center;
}

/* Touch-friendly en móvil */
@media (max-width: 575px) {
  #my-account-links > a {
    padding: 1.7rem 1rem;
    border-radius: 10px;
  }
  
  #my-account-links .link-item i {
    font-size: 2rem;
  }
}

/* === RESPONSIVE === */
@media (max-width: 992px) {
  .account-sidebar {
    position: relative;
    width: 100%;
    height: auto;
    top: 0;
    box-shadow: none;
    border-right: none;
  }
  .account-content {
    margin-left: 0;
  }
  .account-sidebar .nav-link {
    justify-content: center;
    font-size: 0.95rem;
  }
  .account-sidebar .nav-link i {
    margin-right: 0.4rem;
  }
}

/* === TOQUES FINALES === */
.account-sidebar hr {
  margin: 1rem 0;
  border-color: #ddd;
}
.nav-link.text-danger:hover {
  background-color: #f8d7da;
  color: #a71d2a !important;
}

/* Estado base: oculta */
#spfuUploadModal {
  display: none;
  opacity: 0;
}

.btn-upload-history{
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 10px;
}

/* Estado visible (la que activamos por JS) */
#spfuUploadModal.spfu-open {
  display: block !important;
  opacity: 1 !important;
}


/* Si quieres una animación suave */
#spfuUploadModal {
  transition: opacity .2s ease;
}

.spfu-file-list {
  list-style: none;
  padding-left: 0;
  margin-top: 8px;
  font-size: 13px;
}

.spfu-file-item {
  margin-bottom: 4px;
  display: flex;
  align-items: center;
  gap: 6px;
}

.spfu-file-item i {
  font-size: 16px;
}

/* Lista contenedora */
.spfu-file-list-wrapper {
    padding: 10px 5px;
}

/* UL */
.spfu-file-list {
    list-style: none;
    margin: 0;
    padding: 0;
    border-radius: 4px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 5px;
}

/* Items cebreados */
.spfu-file-item {
    padding: 8px 20px;
    display: flex;
    align-items: center;
    gap: 8px;
    background: #fee9a7;
    border-radius: 25px;
}


.spfu-file-item:last-child {
    border-bottom: none;
}

/* Iconos */
.spfu-file-item i {
    font-size: 1.2rem;
}

/* El div sticky */
#sticky-box {
  position: sticky;
  bottom: 0; /* justo lo que pediste */
  border-radius: 20px;
  box-shadow: 0 8px 20px rgba(0,0,0,0.15);
  z-index: 20;
  transition: transform .3s ease;
}

/* cuando toca el CTABlock → deja de estar pegado abajo */
#sticky-box.unstick {
  position: static !important;
  bottom: auto !important;
}

#spfu-files-table{margin-top: 25px;}



  #spfu-toast-container {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 999999;
  display: flex;
  flex-direction: column;
  gap: 10px;
  pointer-events: none;
}

.spfu-toast {
  min-width: 280px;
  max-width: 360px;
  padding: 14px 18px;
  border-radius: 10px;
  color: #fff;
  font-size: 14px;
  opacity: 0;
  transform: translateY(20px);
  pointer-events: auto;
  cursor: pointer;
  box-shadow: 0 4px 18px rgba(0,0,0,0.15);
  transition: all .35s ease;
}

.spfu-toast-show {
  opacity: 1;
  transform: translateY(0);
}

.spfu-toast-success { background: #2ecc71; }
.spfu-toast-warning { background: #f1c40f; color: #000; }
.spfu-toast-error   { background: #e74c3c; }
.spfu-toast-info    { background: #3498db; }


#panelado_warning {
	display: flex;
	align-items: center;
	gap: 8px;
	box-sizing: border-box;

	max-height: 0;
	opacity: 0;
	overflow: hidden;

	padding: 0 12px;
	margin-top: 0;

	background:#dbf4ff;
	border-radius: 10px;
	color: #494949;
	font-size: 14px;

	transition:
		height 0.3s ease,
		opacity 0.25s ease,
		padding 0.25s ease,
		margin-top 0.25s ease;
}

#panelado_warning.show {
	height: 50px; /* ajusta según el contenido */
  max-height: 100px;
	opacity: 1;
	padding: 25px;
	margin: 15px 0;
  
}

#panelado_warning .warning-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	color: #494949;
}

#panelado_warning .warning-icon svg {
	width: 18px;
	height: 18px;
	display: block;
}

#panelado_warning .warning-text {
	line-height: 1.4;
}


.spfu-thumb-wrapper {
  position: relative;
  display: inline-block;
}

.spfu-thumb-preview {
  position: absolute;
  top: 0;
  left: 110%;
  max-width: 250px;
  max-height: 250px;
  padding: 4px;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 6px;
  box-shadow: 0 4px 20px rgba(0,0,0,0.25);

  opacity: 0;
  pointer-events: none;
  transition: opacity .18s ease-out, transform .18s ease-out;
  transform: translateY(4px);
  z-index: 99999;
}

.spfu-thumb-wrapper:hover .spfu-thumb-preview {
  opacity: 1;
  transform: translateY(0);
}

select#diametro_vaina{
   width: calc(100% - 22px);
  max-width: 100%;
}


/*MEDIAQUERIES NUBEADO*/
/*@media (min-width: 1600px) {
  .container {
      width: 1580px;
      max-width: 100%;
  }
}
  */






@media (min-width: 992px) {
    #address #wrapper, 
    #addresses #wrapper, 
    #authentication #wrapper, 
    #cms #wrapper, 
    #identity #wrapper, 
    #my-account #wrapper, 
    #password #wrapper, 
    #registration #wrapper,
    #cart #wrapper,
    #checkout #wrapper,
    #order-confirmation #wrapper,
    #module-psfilecontrol-uploadcenter #wrapper,
    #discount #wrapper,
    #history #wrapper,
    #order-detail #wrapper,
    #order-slip #wrapper,
    #discount #wrapper,
    #module-psgdpr-gdpr #wrapper,
    #search #wrapper
    {padding: 20px 70px;min-height: 100vh;}

    #identity #wrapper,
    #address #wrapper, 
    #addresses #wrapper,
    #my-account #wrapper, 
    #order-slip #wrapper,
    #history #wrapper,
    #discount #wrapper,
    #module-psgdpr-gdpr #wrapper,
    #identity #footer,
    #address #footer, 
    #addresses #footer,
    #my-account #footer, 
    #module-psgdpr-gdpr #footer,
    #order-slip #footer,
    #history #footer,
    #discount #footer{padding-left: 20rem;}

    /*body#my-account footer, 
    body#identity footer,
    body#history footer,
    body#address footer,
    body#addresses footer,
    body#my-account .block-social,
    body#identity .block-social,
    body#history .block-social,
    body#addresses .block-social,
    body#my-account .block-social
    {
      display: none !important;
    }*/

    
}



@media (min-width: 1300px) and (max-width: 1559px) {
 #products .products, .featured-products .products, .product-accessories .products{padding: 0 !important;}
 .block_newsletter{padding:35px 100px;}
 #medidas #ancho, #medidas #alto {margin: 0;}
 .box-info-product #quantity_wanted_p{gap: 5px;}
 .box-info-product #medidas .select{width: 140px;margin-right: 24px;}
  #quantity_wanted_p input{width: 100%;}
 .box-info-product #quantity_wanted_p .select{margin-right: 0;}
 #fecha_entrega b, #neto_presupesto b, #precio_presupesto b, #impuestos_presupesto b, #precio_presupesto b, .add-to-cart {font-size: 0.8rem !important;}
 .bootstrap-touchspin, .box-info-product #quantity_wanted_p div{margin-right:2px;}
 #quantity_wanted_p input {width: 100%;margin-left: -8px;}
 .bootstrap-touchspin .input-group-btn-vertical{margin-right: -1px;}
}


@media (min-width: 1600px) and (max-width: 1920px) {
  .box-info-product #medidas .select {width: 135px;margin-right: 25px;}
  .bootstrap-touchspin, .box-info-product #quantity_wanted_p div{margin-right:2px;}
 #quantity_wanted_p input {width: 95%;}

 #product .owl-carousel.owl-drag .owl-item img{max-width: 150px;}
}



/*.home-swiper-mobile img {
  width: 100%;
  height: auto;
  display: block;
}

.product-cover-swiper {
  width: 100%;
  height: 480px;
  overflow: hidden;
}

.product-cover-swiper .swiper-wrapper {
  height: 100%;
}

.product-cover-swiper .swiper-slide {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.product-cover-swiper picture,
.product-cover-swiper img {
  width: 100%;
  height: 100%;
}

.product-cover-swiper img {
  object-fit: cover; 
  display: block;
}
*/

.mi-swiper-test {display: none;}

.scroll-box-arrows{display: none!important;}


@media (max-width: 767px) {

  .mi-swiper-test {display: block;}

    #header .header-nav{padding: 15px 25px;}
   #header .header-nav .mobile{display: flex;align-items: center;justify-content:space-between ;}
   .drop-layer{position: absolute;top: 80px;right: 0;left: 0;z-index: 2500; min-width: 100%;max-width: 100%;}
   #accountDropdown .drop-card{border-radius: 0;}
   .drop-card a.dropdown-item{padding: .8rem 1rem .8rem 0;font-size: 1.2rem;}
   .ets_mm_megamenu.hook-default{margin: 0;padding: 0;}
   .ets_mm_megamenu_content{padding: 0;}
   .ybc-menu-toggle{padding: 20px;display: flex;align-items: center;justify-content: end;}
   .ybc-menu-toggle .icon-bar{width: 30px;height: 3px;}
   .ets_mm_megamenu .mm_menus_ul .close_menu{display: none!important;}
   .transition_floating .mm_menus_ul{background-color: white;}
   .ets_mm_megamenu:not(.transition_slide) .mm_columns_ul{display: block;visibility: visible;}
   .ets_mm_megamenu span.arrow{display: none;}
   .mm_menu_content_title{font-size: 1.2rem;font-weight: 700;padding: 12px 15px 12px 0;}
   .mm_tab_toggle_title {padding: 12px 15px 12px 15px;}
   .layout_layout1 .mm_menus_li{width: 100%!important;}
   .mm_tab_has_child::after {border-right: 2px solid #999;border-top: 2px solid #999;width: 10px;height: 10px;}
   .mm_menus_li>a {padding: 5px 15px;}
   .BlockHeading{padding: 20px 40px;}
   .BlockHeading h1 {font-size: 1.6rem;}

   .IconosHomeBlock{overflow-x: auto;padding: 5px 20px;align-items: baseline;}
   .IconosHomeBlock div{text-align: center;line-height: 12px;min-width: 100px;display: block;padding: 10px 10px;}
   .IconosHomeBlock div svg{width: 36px;height: 36px;margin-bottom: 5px;}
   .IconosHomeBlock div span{font-size: 14px;}

   #carousel{display: none;}
   .ns-mobile-swiper-wrapper {display: block;}
   body#index h2 {font-size: 1.6em;text-align: center;margin-bottom: 1rem;}
   #index .featured-products {padding: 0;}
   #products .products, .featured-products .products, .product-accessories .products, #products #js-product-list-top{padding: 0 20px;}
   #products .products-section-title, .featured-products .products-section-title, .product-accessories .products-section-title{margin: 1rem 0;}
  .products.row{margin-left: 0;margin-right: 0;}

  .featured-products.mt-3{margin-top: 0!important;}

   .products .product {width: 50% !important;flex: 0 0 50% !important;max-width: 50% !important;}
	.box-info-product {padding: 15px;}
 .box-info-product #medidas, .box-info-product #refuerzo, .box-info-product #num_ficheros, .box-info-product #revision, .box-info-product #refproducto, .box-info-product #vaina, .box-info-product #emboltorio_diametro_vaina, .box-info-product #seleccion_68, .box-info-product #seleccion_600, .box-info-product #medidas div, .box-info-product #seleccion_252, .box-info-product #embalaje div{display:block!important;}
	#medidas #ancho, #medidas #alto{width:100%!important;max-width:none!important;display:inline-block!important;}
	.box-info-product .select, .box-info-product #medidas{width:95%!important;}
	.box-info-product #medidas label, .box-info-product label {width:100%!important;max-width:none!important;}
	#ContBloquesPago{display:block;}
	#ContBloquesPago div{margin-bottom:5px;}
   .SeoLonas p.descripcion{padding: 1em ;}
  .product-miniature .thumbnail-container{margin-bottom: 0;}
  .product-miniature .product-price-and-shipping{padding: 10px 20px;}
  .product-miniature .thumbnail-container .product-thumbnail{height: 195px;}
  .product-miniature .product-description{padding: 0 5px;height: 50px;}
  .product-miniature .product-price-and-shipping, .thumbnail-container .no-variants{bottom: 80px;left: 10px;}
  .thumbnail-container .psproducthtml-block ul li{font-size: 12px;}
  .category-cover {background-image: none!important;padding: 15px;min-height: fit-content;}
  .category-cover h1{color: #1d1d1b;font-size: 1.8em;}
  .category-custom-title{font-size:1.4rem;padding: 0 20px;}
  #category-description p{margin-bottom: 0!important;color: #848485 !important;;font-size: 14px!important;}

  #category #wrapper{padding: 0 20px;}
  #category .products.row{padding: 0;}
  #product #wrapper, #order-detail #wrapper {padding-left: 30px;padding-right: 30px;padding-top: 0;}
  body#product .product-cover, .product-cover img{height: auto!important;}
  body#product .js-qv-mask{display:none;}
  .box-info-product label, .box-info-product .select, .select, .box-info-product #medidas .select{width: 100%!important;}
  .box-info-product #medidas .select{margin-right: 0;}
  .cont-collapsible .card-block {padding: 20px 15px;}
  .cont-collapsible .card-block img{height: auto!important;}

  .product-cover-swiper{height: auto;}

  #product .owl-carousel{width: 100%;float: none;}

  .cta-section {margin:35px 0;padding: 3rem;}
  .cta-container h2, .SeoLonas h3, .faqs h3 {font-size: 1.6rem;text-align: center;}
  .btn-cta {width: 100%;text-align: center;}
  .cta-container p{text-align: center;}
  .AcabadosBlock, .textos-index{padding: 0 30px;}
  .SeoLonas{padding: 0 15px!important;}
  .block_newsletter{padding: 45px; margin: 45px 0;}
  .AcabadosBlock .AcabadosDestacados{display:grid;}
  .block_newsletter #block-newsletter-label{text-align: center;}
  #footer{padding: 25px;margin-top: 0;}
  .footer-container .container{padding: 0 15px;}
  .footer-container .material-icons{color: white;}
  .footer-container .links ul{background-color: transparent;}
  .footer-container .links ul>li{border: none;margin: 0;}
  .footer-container .links ul>li a{color: white;}
  .footer-container .wrapper{padding: 0!important;}
  .block-social ul{margin-bottom: 0;}
  .block-social ul li{margin-right: 5px!important;}

  .grid-4 {grid-template-columns: repeat(1, 1fr);}
  .faqs{padding: 45px 15px 25px!important;}

  body#product .breadcrumb{display: none;}

  #sticky-box{position:relative;}
  body#my-account #wrapper, 
  body#identity #wrapper, 
  body#addresses #wrapper, 
  body#address #wrapper, 
  body#order-slip #wrapper, 
  body#discount #wrapper,
  body#module-psgdpr-gdpr #wrapper{padding: 30px;}
  .account-sidebar{display:none;}

}

/* 5 productos por fila en escritorio */
@media (min-width: 1200px) {
  .products .product {
    /*width: 20% !important;*/
    flex: 0 0 18% !important;
    max-width: 18% !important;
  }
}

/* Ajustes para tablets: 3 por fila */
@media (min-width: 768px) and (max-width: 1199px) {

#header .header-nav {padding:10px 20px;}
#product #wrapper, #order-detail #wrapper{padding-left: 40px;padding-right: 40px;}
.products .product {width: 33.3333% !important;flex: 0 0 33.3333% !important;max-width: 33.3333% !important;}

}


.box-info-product #medidas.is-hidden, 
.box-info-product #refuerzo.is-hidden,
.box-info-product #vaina.is-hidden,
.box-info-product #emboltorio_bobina.is-hidden,
.box-info-product #num_ficheros.is-hidden,
.box-info-product #emboltorio_posicion_ojal.is-hidden, 
.box-info-product #emboltorio_numero_ojales.is-hidden,
.box-info-product #revision.is-hidden, 
.box-info-product #refproducto.is-hidden, 
.box-info-product #emboltorio_diametro_vaina.is-hidden, 
.box-info-product #seleccion_68.is-hidden,
.box-info-product #seleccion_600.is-hidden, 
.box-info-product #seleccion_84.is-hidden, 
.box-info-product #seleccion_164.is-hidden, 
.box-info-product #quantity_wanted_p.is-hidden, 
.box-info-product #materiales.is-hidden, 
.box-info-product #seleccion_264.is-hidden, 
.box-info-product #seleccion_252.is-hidden, 
.box-info-product #seleccion_363.is-hidden,
.box-info-product #embalaje.is-hidden,
.box-info-product #seleccion_331.is-hidden,
.box-info-product #seleccion_313.is-hidden,
.box-info-product #seleccion_161.is-hidden

 {
  display: none;
}

@media (max-width: 1024px) {

.box-info-product #medidas.is-visible, 
.box-info-product #refuerzo.is-visible,
.box-info-product #vaina.is-visible,
#emboltorio_diametro_vaina.is-visible,
#emboltorio_posicion_ojal.is-visible,
#emboltorio_numero_ojales.is-visible,
.box-info-product #emboltorio_bobina.is-visible,
.box-info-product #num_ficheros.is-visible,
.box-info-product #emboltorio_posicion_ojal.is-visible, 
.box-info-product #emboltorio_numero_ojales.is-visible,
.box-info-product #revision.is-visible, 
.box-info-product #refproducto.is-visible,
.box-info-product #seleccion_68.is-visible,
.box-info-product #seleccion_600.is-visible, 
.box-info-product #seleccion_84.is-visible, 
.box-info-product #seleccion_164.is-visible, 
.box-info-product #quantity_wanted_p, 
.box-info-product #materiales.is-visible, 
.box-info-product #seleccion_264.is-visible, 
.box-info-product #seleccion_252.is-visible, 
.box-info-product #seleccion_363.is-visible, 
.box-info-product #embalaje.is-visible,
.box-info-product #seleccion_331.is-visible,
.box-info-product #seleccion_313.is-visible,
.box-info-product #seleccion_161.is-visible {
    display: block;
  }

.box-info-product label, .box-info-product .select, .select, .box-info-product #medidas .select{width: 100%;}
#medidas div{margin-bottom: 10px;}
#medidas div label{margin: 0;}
.numero, .numero_entero {text-align: left;}
.bootstrap-touchspin, .box-info-product #quantity_wanted_p div{margin-right: 0;}
#quantity_wanted_p input {width: 95%;text-align: left;}
#product .owl-carousel {padding: 25px;}
#sel_entrega .BloqueEstimada div, #sel_entrega .Unds{padding: 10px;}
#sel_entrega span{font-size: 13px;}
#ContBloquesPago{flex-wrap: wrap;gap: 5px;justify-content: center;}
#fecha_entrega, #neto_presupesto, #precio_presupesto, #impuestos_presupesto{ flex: 0 0 calc(50% - 8px);}
#ContBloquesPago .box-cart-bottom, .box-cart-bottom .add-to-cart{width: 100%;}
}