/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

body,p,a,li,span,h1,h2,h3,h4,h5,h6,button,label{font-family:"Montserrat",sans-serif!important;}

.menu-link{text-transform:uppercase;font-weight:400!important;font-size:13px!important;letter-spacing:2px!important;}

#header-wrap #logo img{height:110px!important;}

input,textarea{font-family:"Montserrat",sans-serif!important;font-size:16px!important;border-color:#000!important;}

/*==========================================
=          COLORES Y TIPOGRAFÍA            =
==========================================*/

.fcblack{color:#000!important;}
.fcwhite{color:#fff!important;}
.fcgreen{color:#8acf9a!important;}

.fs90{font-size:90px!important;}
.fs75{font-size:75px!important;}
.fs72{font-size:72px!important;}
.fs60{font-size:60px!important;}
.fs45{font-size:45px!important;}
.fs42{font-size:42px!important;}
.fs36{font-size:36px!important;}
.fs30{font-size:30px!important;}
.fs27{font-size:27px!important;}
.fs24{font-size:24px!important;}
.fs21{font-size:21px!important;}
.fs18{font-size:18px!important;}
.fs16{font-size:16px!important;}
.fs15{font-size:15px!important;}
.fs13{font-size:13px!important;}
.fs12{font-size:12px!important;}

.fw200{font-weight:200!important;}
.fw300{font-weight:300!important;}
.fw400{font-weight:400!important;}
.fw500{font-weight:500!important;}
.fw600{font-weight:600!important;}
.fw700{font-weight:700!important;}
.fw800{font-weight:800!important;}
.fw900{font-weight:900!important;}

.lh100{line-height:100%!important;}
.lh110{line-height:110%!important;}
.lh120{line-height:120%!important;}
.lh130{line-height:130%!important;}
.lh150{line-height:150%!important;}

/*==========================================
=          TAMAÑOS Y ESPACIADOS            =
==========================================*/

.w20{width:20%!important;}
.w25m{width:25%!important;}
.w25{width:25%!important;}
.w30{width:30%!important;}
.w33{width:33.33%!important;}
.w50{width:50%!important;}
.w100{width:100%!important;}

.marg0{margin:0!important;}

.padd0{padding:0!important;}
.padd1{padding:1%!important;}
.padd2{padding:2%!important;}
.padd3{padding:3%!important;}
.padd5{padding:5%!important;}
.padd10{padding:10%!important;}

.paddbtntitles{padding:20px 30px!important;}

.secpadd0{padding:0!important;}
.secpadd5{padding:5%!important;}

.object-cover{object-fit:cover;object-position:center;}
.aspect-tall-2-3{aspect-ratio:2/3;}
.aspect-tall-4-5{aspect-ratio:4/5;}

/*==========================================
=             PRELOADER                    =
==========================================*/

#preloader{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;background:rgba(250,247,238,.96);z-index:999999;transition:opacity .5s ease,visibility .5s ease;animation:loaderFade .25s ease;}
#preloader.hide{opacity:0;visibility:hidden;pointer-events:none;}
.preloader-content{display:flex;flex-direction:column;align-items:center;}
.preloader-content img{width:120px;margin-bottom:20px;animation:filetePulse 2s ease-in-out infinite;}
.loader-dots{display:flex;gap:8px;}
.loader-dots span{width:8px;height:8px;border-radius:50%;background:#9A8664;opacity:.2;animation:loaderDots 1.4s infinite;}
.loader-dots span:nth-child(2){animation-delay:.2s;}
.loader-dots span:nth-child(3){animation-delay:.4s;}

@keyframes loaderFade{
	from{opacity:0;}
	to{opacity:1;}
}

@keyframes filetePulse{
	0%,100%{transform:scale(1);}
	50%{transform:scale(1.03);}
}

@keyframes loaderDots{
	0%,80%,100%{opacity:.2;transform:scale(1);}
	40%{opacity:1;transform:scale(1.4);}
}

/*==========================================
=          ANIMACIÓN PRODUCTOS             =
==========================================*/

.product{transition:width .35s ease;}
.product.anim-out{opacity:0;transform:translateY(25px);transition:opacity .2s ease,transform .2s ease;}
.product.anim-in{opacity:1;transform:translateY(0);transition:opacity .35s ease,transform .35s ease;}

/*==========================================
=          RATING TARJETAS                 =
==========================================*/

.product-card-rating{display:flex;align-items:center;justify-content:center;gap:7px;color:#222;text-decoration:none;}
.product-card-rating:hover{color:#222;}
.product-card-rating .product-rating{display:flex;align-items:center;gap:2px;}
.product-card-rating .product-rating i{font-size:11px;}
.product-card-rating span{font-size:11px;font-weight:400;white-space:nowrap;}

/*==========================================
=          PRODUCTOS ADMIN                 =
==========================================*/

.admin-products-wrapper{width:100%;}
.product-mobile-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;gap:20px;padding:0;border:0;background:transparent;text-align:left;cursor:pointer;}
.product-mobile-toggle i{font-size:16px;transition:transform .3s ease;}

/*==========================================
=              PRODUCT RATING              =
==========================================*/

.product-rating-link{display:flex;align-items:center;gap:8px;color:#222;text-decoration:none;}
.product-rating-link:hover{color:#222;}
.product-rating{display:flex;align-items:center;gap:2px;}
.product-rating i{font-size:16px;color:#222;}
.product-rating-text{font-size:12px;font-weight:400;white-space:nowrap;}

/*==========================================
=         VARIANTES DE PRODUCTO            =
==========================================*/

.product-variants{margin-bottom:35px;}
.variant-title{display:block;margin-bottom:15px;font-size:20px;font-weight:600;color:#222;}
.variant-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:20px;}
.variant-option{display:block;margin:0;cursor:pointer;}
.variant-option input{position:absolute;opacity:0;pointer-events:none;}
.variant-option-card{display:flex;flex-direction:column;align-items:center;height:100%;padding:12px;background:#fff;border:2px solid #e5e5e5;border-radius:14px;transition:.3s ease;}
.variant-option-image{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px;margin-bottom:12px;transition:.3s ease;}
.variant-option-name{font-size:14px;font-weight:500;line-height:1.35;text-align:center;color:#222;}
.variant-option-stock{margin-top:6px;font-size:12px;font-weight:600;color:#b30000;}
.variant-option:hover .variant-option-card{border-color:#9A8664;transform:translateY(-3px);box-shadow:0 10px 25px rgba(0,0,0,.08);}
.variant-option:hover .variant-option-image{transform:scale(1.04);}
.variant-option input:checked + .variant-option-card{background:#faf7f0;border-color:#9A8664;box-shadow:0 12px 30px rgba(154,134,100,.18);}
.variant-option input:checked + .variant-option-card .variant-option-image{transform:scale(1.04);}
.purchase-box{display:flex;flex-direction:column;align-items:flex-start;gap:15px;padding-top:25px;border-top:1px solid #ececec;}
.purchase-label{margin:0;font-size:18px;font-weight:600;color:#222;}
.purchase-box .quantity{margin:0;}
.purchase-box .button{width:100%;margin:0;}

/*==========================================
=              TABLET 991PX                =
==========================================*/

@media(max-width:991px){

	.fs36{font-size:30px!important;}
	.fs24{font-size:21px!important;}
	.fs21{font-size:18px!important;}
	.fs18{font-size:17px!important;}

	#logo{margin-right:auto!important;}

	.slidermob{background-size:cover!important;}
	.sliderheghtmob{height:auto!important;}
	.paddmobtitle{padding:30% 10% 15% 25%!important;}

	.flexwrapmob{justify-content:space-around!important;flex-wrap:wrap!important;}

	.w30{min-width:40%!important;margin-bottom:30px;}
	.w100mob{width:100%!important;}

	.paddbtnmob{padding:12px 15px!important;}
	.allcentermob991{text-align:center!important;justify-content:center!important;padding:10px 5px 5px!important;margin:0 auto!important;}
	.juscentermob{justify-content:center!important;}
	.row{--bs-gutter-x:0!important;--bs-gutter-y:0!important;}
	.heightotrosmob{height:300px!important;}
	.variant-options{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:18px;}
	.variant-title{font-size:18px;}
	.purchase-label{font-size:17px;}

}

/*==========================================
=              MÓVIL 767PX                 =
==========================================*/

@media(max-width:767px){

	.fs36{font-size:27px!important;}
	.fs24{font-size:18px!important;}
	.fs21{font-size:17px!important;}
	.fs18{font-size:16px!important;}
	.fs16{font-size:15px!important;}

	.w20{width:50%!important;}
	.w25m{width:40%!important;}
	.w25{width:100%!important;}
	.w30{min-width:100%!important;}
	
	.flexwrapmob{gap:0!important;}
	.paddmob5{padding:5%!important;}
	.allcentermob{text-align:center!important;justify-content:space-around!important;padding:5%!important;}

	/*==========================================
	=            PRODUCTOS ADMIN              =
	==========================================*/

	.admin-products-table,
	.admin-products-table tbody,
	.admin-products-table tr,
	.admin-products-table td{display:block;width:100%;}
	.admin-products-table thead{display:none;}
	.admin-products-table tbody{display:grid;grid-template-columns:1fr;gap:20px;}
	.admin-products-table tbody tr{position:relative;padding:20px;border:1px solid #ddd;background:#fff;}
	.admin-products-table tbody td{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 0!important;border:0;border-bottom:1px solid #eee;text-align:right!important;}
	.admin-products-table tbody td::before{content:attr(data-label);flex-shrink:0;font-weight:600;text-align:left;}
	.admin-products-table .product-image-cell{justify-content:center;padding:0 0 15px!important;}
	.admin-products-table .product-image-cell::before{display:none;}
	.admin-products-table .product-image-cell img,
	.admin-products-table .product-image-cell>div{width:100px!important;height:100px!important;}
	.admin-products-table .product-name-cell{font-size:17px;padding:15px 0 0!important;border-bottom:0;}
	.admin-products-table .product-name-cell::before{display:none;}
	.admin-products-table .product-mobile-detail{display:none;}
	.admin-products-table tr.product-open .product-mobile-detail{display:flex;}
	.admin-products-table tr.product-open .product-name-cell{padding-bottom:15px!important;border-bottom:1px solid #eee;}
	.admin-products-table tr.product-open .product-mobile-toggle i{transform:rotate(180deg);}
	.admin-products-table .product-actions{justify-content:flex-end;border-bottom:0;padding-top:15px!important;}
	.admin-products-table .product-actions::before{margin-right:auto;}
	.admin-products-table .empty-products-row{padding:0;}
	.admin-products-table .empty-products-row td{display:block;text-align:center!important;border:0;}
	.admin-products-table .empty-products-row td::before{display:none;}

	/*==========================================
	=         VARIANTES RESPONSIVE            =
	==========================================*/

	.product-variants{margin-bottom:25px;}
	.variant-options{grid-template-columns:repeat(2,1fr);gap:16px;}
	.variant-option-card{padding:10px;}
	.variant-option-image{margin-bottom:10px;}
	.variant-option-name{font-size:13px;}
	.variant-title,.purchase-label{font-size:17px;}
	.purchase-box{gap:12px;padding-top:20px;}
	.purchase-box .button{font-size:15px;}
	
}

/*==========================================
=              MÓVIL 480PX                 =
==========================================*/

@media(max-width:480px){

	.variant-options{grid-template-columns:1fr;gap:15px;}
	.variant-option-card{padding:12px;}
	.variant-title,.purchase-label{text-align:center;}
	.purchase-box{align-items:center;}
	.purchase-box .quantity{justify-content:center;}
}