@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');


[data-bs-theme=light]{
    --bs-primary-active: #d6552d;
    --bs-primary: #d6552d;
    --bs-text-primary: #d6552d;
    
    --bs-body-color: #060606;
    --bs-heading-color: #060606;

    --bs-text-gray-800: #060606;

    --bs-gray-600: #54585b;
    --bs-menu-link-bg-color-active: transparent;
    --bs-app-header-base-menu-link-bg-color-active: transparent;

}
.pagination{
    --bs-pagination-active-bg:#a96f37;
    --bs-pagination-hover-color:#a96f37;
}



*{
        font-family: Montserrat;
}
.inicio #tns1 .tns-item img{
    border-radius: 0;
}
.inicio #tns1 .tns-item {
    padding: 0 !important;
}
.inicio #tns1 > .tns-item a img {
    width: 100%;
}

.inicio .toolbar{
    display: none;
}

section.block3{
    padding: 0 !important;
}
section.block3 a.btn.btn-light:hover{
    background: #fff !important;
    color: #000 !important;
}
section.block3 a{
    background: var(--bs-primary) !important;
    border-radius: 0 !important;
    color: #fff !important;
    /* padding: 1rem 3rem !important; */
    font-size: 1.15rem !important;
    font-weight: bold;
}

section.block3 section .justify-content-evenly {
    justify-content: start !important;
}
section.block3 section{
    display: flex;
    justify-content: center;
    align-items: center;
}
section.block3 .text-center {
    text-align: left !important;
}

@media(min-width: 767px){
    section.block3 section{
    	min-height: 600px;
    }


	section.block3 h1{
	    font-size: 4.5rem;
	    letter-spacing: -1px;
	    width: 18%;	    
        line-height: 4.5rem;
	}
}


@media(min-width: 992px){
    section.block3 h1{
        font-size: 3rem;
        line-height: 3rem;
    }
}

@media(min-width: 1200px){
	section.block3 section{
	    min-height: 800px;
	}
}



.block-top-bar {
    padding: .25rem 0;
    font-weight: 500;
    font-size: 1rem;
    background: #fff;
    border: 1px solid #e5e5e5;
}


/* Nav  */
.app-header-menu .menu .menu-item .menu-link .menu-title{
    font-size: 1rem;
    font-weight: 600;
    color: #060606;

}

/* Header */
.app-header {
    padding: 2rem 0 !important;
    height: auto;
}


/* Main Sections */
#kt_app_content_container .card .card-body{
    padding: 0 !important;
}
#kt_app_content_container section{
    background: #eee;
    padding: 4rem 0 !important;
}
#kt_app_content_container section:nth-child(odd){
    background: #fff;
} 





/* Categories tns */
.categorias_destacadas .tns-nav {
    display: none;
}
.block h3{
    text-align: center;
    font-weight: normal;
    font-size: 2rem;
}
.block h3 .word1{
    font-weight: bold;
}
.categorias_destacadas .tns{
    overflow: visible !important;
}
.tns-item {
    padding: 0 1rem;
    position:relative;
}
.tns-item .text-container{
    position: absolute;
        bottom: 1rem;
        left: 0;
        right: 0;
        padding: 2rem;
}
.tns-item .text-container span{
    padding: .5rem 3rem;
    background: #fff;     
    display: inline-block !important;
        font-weight: 500;
}
@media(max-width: 767px){

    .tns-item .text-container span{
        padding: .5rem 2rem;
    }
}

.tns .tns-controls button{
    padding: 0;
    height: 4rem;
    width: 4rem;
    border-radius: 10rem;

    background-color: #ffffff;
    color: #000000;
    box-shadow: var(--bs-app-header-base-box-shadow);

    box-shadow: 4px 0 58px rgba(0, 0, 0, .11);
}
.tns .tns-controls {
    position: absolute;
    z-index: 10;
    width: 100%;
    /* top: calc(50% - 25px); */
    top: 50%;
}
button[data-controls="next"] i,
button[data-controls="prev"] i{
    color: #060606;
}
.tns .tns-controls button{
    cursor: pointer;
  transition: background-color 0.3s ease, transform 0.6s ease, opacity 0.6s ease;

}

button[data-controls="next"]:hover i,
button[data-controls="prev"]:hover i{
    color: #fff;
}
button[data-controls="prev"]{
    left: -2.25rem;
    position: absolute;
}
button[data-controls="next"]{
    right: -2.25rem;
    position: absolute;
}



/* Estado inicial del botón */
button[data-controls="prev"],
button[data-controls="next"]{
  opacity: 0;
  transition: 
    background-color 0.3s ease,
    transform 0.75s ease,
    opacity 0.75s ease;
}
button[data-controls="prev"]{
  transform: translateX(15px); /* hacia adentro desde la derecha */
}
button[data-controls="next"]{
  transform: translateX(-15px); /* hacia adentro desde la derecha */
}
/* Al hacer hover sobre el contenedor .tns */
.tns:hover button {
  opacity: 1;
  transform: translateX(0); /* vuelve a su lugar */
}

/* Transición de background en hover del botón */
.tns button:hover {
  background: var(--bs-primary);
}




/* Aplica el shake solo cuando el .item tiene hover */
.categorias_destacadas .item:hover {
  animation: shake 0.5s ease-in-out;
}

@keyframes shake {
  0% { transform: translateX(0); }
  20% { transform: translateX(-5px); }
  40% { transform: translateX(5px); }
  60% { transform: translateX(-5px); }
  80% { transform: translateX(5px); }
  100% { transform: translateX(0); }
}

@media (min-width: 992px) {
    .p-lg-10 {
        padding: 1.5rem !important;
    }
}
@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        
    }
}


/* Product Box */
.products .product_buttons,
.inicio .product_buttons{
    display: none;
} 

.products_arrivals,
.products_offers,
.products_featured{
    text-align: center;
} 


.buttons_info  {
    justify-content: center !important;

    margin-top: .5rem !important;
} 

.products .product_title{
    text-align: center;
    width: 100%;
    display: inline-block;
}

.product_title{
    font-size: 1.1rem !important;
    font-weight: 500 !important;
}
.products .short_description,
.product_description {
    font-weight: normal !important;
    margin: 0.5rem !important;
    display: none;
}
.products_offers .buttons_info{
    margin: 0.5rem !important;
}
.buttons_info span {
    font-size: 1.2rem !important;
    font-weight: normal !important;
    letter-spacing: 1px;
    color: var(--bs-primary) !important;
}



/* Img Hover 2 imgs */
.img-hover {
  position: relative;
  /* width: 300px; */
  height: 300px;
  overflow: hidden;
}

.img-hover img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: opacity 0.5s ease;
  object-fit: contain;
}

.img2 {
  opacity: 0;
}

.img-hover:hover .img2 {
  opacity: 1;
}

.img-hover:hover .img1 {
  opacity: 0;
}





/* images_boxes_2 */
.images_boxes_2 h3{
    text-align: left;
    font-size: 2rem !important;
    font-weight: 600 !important;
    text-transform: none;
    margin-top: 1rem;
}

.images_boxes_2 .block_subtitle{
    color: #000000 !important;
    font-size: 1.1rem !important;
    text-transform: capitalize;
    margin: 0 !important;
}


.images_boxes_2 .block_image_container{
  overflow: hidden; /* evita que la imagen se salga del contenedor */
}

.images_boxes_2  .block_image_container img {
  transition: transform 0.5s ease;
}

.images_boxes_2 .block_image_container:hover img {
  transform: scale(1.1); /* hace zoom al 110% */
}


/* Blog */ 
.app_blog_posts_arrivals .item{
    padding: 0 1rem !important;
}



.app_blog_posts_arrivals .tns-nav{
    display: none;
}
.app_blog_posts_arrivals .item{
    cursor: pointer;
}
.app_blog_posts_arrivals .block_image_container{
  overflow: hidden; /* evita que la imagen se salga del contenedor */
}

.app_blog_posts_arrivals  .block_image_container img {
  transition: transform 0.5s ease;
}

.app_blog_posts_arrivals .block_image_container:hover img {
  transform: scale(1.1); /* hace zoom al 110% */
}


/*Deal of the day*/

.deal_of_the_day h3{    
    font-size: 2rem !important;
    font-weight: 600 !important;
    text-transform: none;
    margin-top: 1rem;
    margin-bottom: 0;
}

.deal_of_the_day .block_subtitle{
    color: #000000 !important;
    font-size: 1.1rem !important;
    margin: 0 !important;
}

.countdown-amount {
    font-size: 2rem;
}
.countdown-text {
    color: #060606 !important;
}

.deal_of_the_day .promotional_price{
    text-decoration: line-through;
}

.deal_of_the_day .promotional_price,
.deal_of_the_day .promotional_price span{
    color: #919191 !important;
    text-decoration: line-through;
}




/* icons_features_4 */
.block25 {
    background: #fff !important;
    border-top: 1px solid #eee;

}
.icons_features_4 .block_texts_container{
    display: none;
}

.icons_features_4 .block_item_image{
  width: 40px;
}


.icons_features_4 .block_item_image:hover{
  animation: shake 0.75s ease-in-out;
}



/* Generales */
[data-kt-app-toolbar-enabled=true]:not([data-kt-app-toolbar-fixed-mobile=true]) .app-content{
    background: #fff;
    padding-bottom: 0 !important;
}


/* Generales */
.block-footernav .card{
    background: #f4f4f4;
}
@media(min-width: 767px){
    .block-footernav .card{
        padding: 5rem  1.5rem !important;
    }   
}
@media(max-width: 767px){
    .block-footernav .card{
    padding: 3rem 0rem !important;
    }  
    .block-footernav .column_newsletter{
    margin-bottom: 2rem !important;
    }   
}


.block-footernav .menu-link,
.block-footernav .menu-item {
    color: var(--bs-gray-600);
}
.block-footernav .menu-item {
    line-height: 2rem;
}

.block-footernav h3 {
    text-align: left;
    font-weight: 600;
    font-size: 1.25rem;
    margin-bottom: 1rem;
}

.btn {
    border-radius: 0;
}

.column_newsletter .btn{
    padding: 1.25rem 2.25rem !important;
}



a {
    color: var(--bs-gray-600);
    
}

a:hover {
    color: var(--bs-primary);
}


.column_newsletter input{
    background: none;
    border:none;
    border-bottom: 1px solid #c4c4c4;
    border-radius: 0;
}
.column_newsletter input:focus {
    color: #000 !important;
    background-color: transparent;
}
.column_newsletter input::placeholder {
    color: #000 !important;
}

.column_newsletter h3 {
    font-size: 2rem;
    margin-bottom: 1rem !important;
}
.column_newsletter .word1 {
    font-weight: normal !important;
    display: block;
    width: 100%;
}
.column_newsletter .word2 {
    font-weight: bold;
    display: block;
    width: 100%;
}

.column_newsletter .block_subtitle  {
    display: none;
}



.column_newsletter .block_text  {
    color: #54585b !important;
}

.column_newsletter a  {
        color: var(--bs-primary);
}



.block-footernav i{
    font-size: 1.5rem;
    color: #54585b !important;
    display: flex;
    justify-content: center;
    align-items: center;
}


/* block23 */
.block23{
    background: #fff !important;
}
.block23 .block_image{
    padding: 0 !important;
}

.block23 .container{
    background: #f9f9f9 !important;
    padding: 0   !important;

}

.block23 .countdown-text{
    display:   none;
}
.block23 .countdown-section{
    background: transparent !important;
    padding: 0   !important;

}


.block23 .item-countdown{
    padding: 0   !important;

}

/* otros detalles */
.app-navbar-item-theme{
    display: none;
}


.badge.badge-circle {
    background: var(--bs-primary);
    color: #fff;
}
i.fa:hover {
    color: #54585b;
}


.app-navbar-item-cart h3 {
    text-align: left;    
    font-size: 1.15rem !important;
    text-transform: uppercase;
}




.app-navbar-item-cart h3 span{
    text-transform: none;
}


.side_column  .menu-title {
    font-weight: 400 !important;
}
.side_column  h4{
    margin-bottom: 20px;
    border-bottom: 1px solid #e7e7e7;
    color: var(--gray-dark, #000);
    padding: 6px 0 6px 14px;
    background: transparent;
    font-weight: 600;
    font-size: calc(var(--font-size-body, 14px) + 1px);
    margin: 0 0 15px;
    position: relative;
    line-height: calc(var(--font-size-heading, 25px) - 5px);
    text-transform: uppercase;
    border-bottom: 1px solid #e7e7e7;
}
.side_column  .menu-bullet{    
    display: none !important;
}
.side_column  h4:before{    
    content: "";
    border-left: 3px solid var(--gray-dark, #000);
    position: absolute;
    bottom: 0;
    left: 0;
    height: 100%;
}
.side_column .menu-link{    
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}    

.menu-item .menu-link .menu-arrow{
    margin-left: 0 !important;
    right: 10px;
}
#kt_app_widget_categories{
    width: 100%;
}





.side_column  .mb-16 {
    margin-bottom: 3rem !important;
}
.side_column  .buttons_info {
    margin-top: 0!important;
}

.side_column  .product_title{
    text-align: left;
}
.side_column  .product_title,
.side_column  .buttons_info span{
    font-size: .9rem !important;

}
.session_filters button,
.session_filters input{
    color: #060606;
    font-weight: 600;
}

.products .card-header {
    border-bottom: none !important;
}

/* Sorting */
.products .card-header .card-title {
    display: none !important;
}
.products .form-select.form-select-solid {
    background-color: transparent !important;
    border: 1px solid #ccc  !important;
    border-radius: 0 !important;
    padding: .5rem 3rem .5rem .5rem !important;
}
.flex-row-fluid{
    flex: none !important;
}



/* paginaciòn */
.page-item .page-link{
    border-radius: 0 !important;
}
.pagination {
    margin-top: 2rem;
}


.gallery .thumbs .thumb{
  transition: all 0.1s ease;
  cursor: pointer;
    border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
}


.gallery .thumbs .thumb:hover,
.gallery .thumbs .thumb.active{
  padding: .75rem !important; /* p-3 */
    border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important;/* border-dark */
}

@media(max-width: 767px){

    .gallery .thumbs {
        flex-direction: row !important;
    }
    .gallery {
        flex-direction: column !important;
    }
}

.app_blog_posts_arrivals button[data-controls="prev"], .app_blog_posts_arrivals button[data-controls="next"],
.products_arrivals button[data-controls="prev"], .products_arrivals button[data-controls="next"],
.moreinfo button[data-controls="prev"], .moreinfo button[data-controls="next"] {
    opacity: 1;
    transform: none !important;
}
.app_blog_posts_arrivals button[data-controls="prev"],
.products_arrivals button[data-controls="prev"],
.moreinfo button[data-controls="prev"] {
    left: 1.5rem;
}

.app_blog_posts_arrivals button[data-controls="next"],
.products_arrivals button[data-controls="next"],
.moreinfo button[data-controls="next"] {
    right: 1.5rem;
}

.moreinfo .tns-item {
    padding: 0 !important;
}
.moreinfo .product_title {
    font-size: 2rem !important;
}

.moreinfo .category1 {
    display: none;
}


.fa-star{
    color: #ffb60f !important;
}



.moreinfo .column_price span{
    color: var(--bs-text-primary) !important;
    font-weight: normal !important;
    font-size: 1.5rem !important;
}


.moreinfo .top_area{
    
}


.moreinfo .top_area .nav-link{
    
    padding-top: 0.5rem !important;
}
.moreinfo label,
.moreinfo .form-select {
    border-radius: 0 !important;
    color: #060606 !important;
    font-size: 1rem !important;
        margin: 0 !important;
}


.moreinfo .form-select {
    padding: .5rem 3rem .5rem .5rem;
}

.moreinfo .btn.btn-icon.btn-sm {
    height: 1.5rem !important;
    width: 2rem !important;
}


.moreinfo .column_variants {
    margin-bottom: 1rem;
}

.moreinfo .column_price {
    
}
.moreinfo .column_variants {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.moreinfo .product_main_details .mb-7 {
    
}


.moreinfo .column_payment,
.moreinfo .column_shipping {
    display: none;
}

@media(max-width:767px){
    .icons_features_4 {
        padding: 1rem !important;
    }
    .icons_features_4 .items .item{
        border-bottom: 1px solid #eee;
        padding: 2rem !important;
    }
    .icons_features_4 .items{
        flex-direction: column;
        border: 1px solid #eee;
    }
    .icons_features_4 .items .item:last-child {
        border: none;
    }


    /**/
    .tns .slide-caption{
        left: 1rem !important;
    }
    .tns .slide-caption p{
        font-size: 1rem !important; 
        margin-bottom: .5rem !important;
    }
    .tns .slide-caption h1{
        width: 50% !important;
        margin-bottom: 1rem !important;
    }

    .tns-item .text-container {
        
    }


    #kt_app_content_container section {
        padding: 2rem 0 !important;
    }
    .mb-15{
        margin-bottom: .75rem !important;
    }.block h3 {
        font-size: 1.5rem;
    }


    .images_boxes_2 .col-6{
        padding: 0 2rem !important;
    }
    .products_arrivals .tns-nav{
        display: none;
    }

    .products .g-10,.products .gx-10 {
        margin: 0rem !important;
    }
    .img-hover {
        width: 100%;
        height: 200px;
    }
    
    .moreinfo .container{
        --bs-gutter-x: 2.5rem;
    }
}