@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;700&family=Roboto:wght@300;400;500;700;900&family=Nunito:wght@200;300;400&family=PT+Sans+Narrow&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
@import url('webfonts/font-awesome-all.css');
html {
  scrollbar-color: #2C2E32 #000000;
}
html, body { 
	-ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;	
	box-sizing: border-box;	
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
	margin: 0;
	padding: 0;	
    min-width: 315px!important;
    overflow-x: hidden;
	width: 100%;
	height: 100%;    
}
body {
	font-family: 'Libre Baskerville', 'Roboto', 'Montserrat', sans-serif;	
	font-size: 1rem;
    font-weight: 400;
}
/* GLOBAL */
h1, .h1 {font-size: 250%;}
h2, .h2 {font-size: 200%;}
h3, .h3 {font-size: 175%;}
h4, .h4 {font-size: 150%;}
h5, .h5 {font-size: 125%;}
h6, .h6 {font-size: 105%;}
.fs-85 {font-size: 85%;}
.btn {font-size: 105%;}
li {list-style: none;}
a {text-decoration: none;}
.row {margin: 0; padding: 0;}
.logo-top {max-width: 170px;}
/* NAVBAR */
#navbar-icon {
    padding: 1rem 0 0.5rem 0;
    min-height: 70px;
}
#navbar-icon span {
    font-size: 75%;
}
#navbar,#navbar .offcanvas, #dr {
    padding: 0.4rem 1rem; 
}

#navbar .nav-item, #navbar .dropdown-menu, #navbar-icon .form-control {font-size: 102%;}
.titulo-categoria {
    border-top: 1px dotted #8F8A8C;
    width: 100%;
    font-size: 80%;
    margin: 1.563rem auto;
    text-transform:capitalize!important;
}
.titulo-categoria span {
    margin: 0 0.25rem;
}
#container-central {
    margin: auto;
    min-height: 39rem;
    position: relative;
    padding: 1rem;
}
/* BG COLORS */
body {background-color: #262627;}
.fondo-textura {
    background-color: #262627;
    background-image: url('../images/bk-texture2.webp');
    background-repeat: repeat;
    background-size: cover;   
    opacity: 0.45;
    position: absolute;
    height: 100%;
    width: 100%;
    overflow: hidden;
    top: 0;
    left: 0;
    z-index: -1;
}
#navbar,#navbar .offcanvas, #dr {
    background: #262627;
    background: -webkit-linear-gradient(90deg,rgba(115, 115, 115, 1) 5%, rgba(38, 38, 39, 1) 90%);
    background: -moz-linear-gradient(90deg,rgba(115, 115, 115, 1) 5%, rgba(38, 38, 39, 1) 90%);
    background: linear-gradient(90deg,rgba(115, 115, 115, 1) 5%, rgba(38, 38, 39, 1) 90%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#262627", endColorstr="rgba(115,115,115,1.00)", GradientType=1);
}
#navbar-icon {background-color: #414142;}
#top-banner {background-color: #737373;}
#news-letter {background-color: #262627;}
#container-central {background-colors: #F7F7F7;}
#container-categorias .card-category-container {background-color: #F7F7F7;}
#producto-detalle #container-producto, #response_cart0 {background-color: #F7F7F7;}   
.carousel-control-prev-icon, .carousel-control-next-icon {background-color: #F3F3F3;}
.Categorias-f{background-colors: #C35456;}
/* TEXT COLORS */
#container-central {color: #F3F3F3;}
.titulo-categoria, .Categorias-f, .titulo-categoria a, .Categorias-f a  {color: #5C95EF;}
#producto-detalle .titulo-producto {color: #131313;}  
#submit-search, #navbar-icon .btn-ico, #navbar-icon span, #navbar-icon #search, #navbar-cart span, #navbar-cart .btn-ico {color: #F8E1C7;}
#producto-detalle .detalle-precio {color: #732424;}
#producto-detalle .descripcion-producto, #producto-detalle .col-detalle, #response_cart0 {color: #4D4D4D;}
#news-letter, #news-letter button { color: #F8F8F8;}
#news-letter label {color: #1D1D1D;}
#dr .dr{color: #878787;}
/* TOP BANNER */
#top-banner {
    margin: 0;
    min-height: 20rem;
    display: grid;
    width: 100%;
    padding: 10px 0;
}
/* HOME */
#home {
    margin: auto;
    min-height: 39rem;
    display: grid;
    max-width: 1400px;
    padding: 6px;
}
#home h1{
    margin: auto;
}
#home p {line-height: 110%; margin-top: 20px;}
/* NEWS LETTER */
#news-letter {
    width: 100%;
    margin: 0;
    min-height: 13rem;
    padding: 10px;
    display: grid;
    border-top: 1px solid #B1B1B1;
}
#news-letter .content-news-letter {
    width: 100%;
    margin: auto;
    display: grid;
    max-width: 1400px;
    padding: 6px;
}
#news-letter .form-floating {
    width: 100%;
    display: inline-flex;
}
#news-letter .form-control {
    width: 95%!important;
}
/* CARDS CATEGORY */
#categorias {
    margin: auto;
    min-height: 39rem;
    display: grid;
    max-width: 1400px;
}

#container-categorias {
    padding-bottom: 45px;
}
#container-categorias .separador {
    margin: 1.5rem 0;
    text-align: center;
}
#container-categorias .card-category-container {
    width: 100%;
    margin: 1rem 0.5rem;
    display: flex;
    padding: 0rem;
    border-radius: 5px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    max-width: 16.35rem;
    min-height: 17rem;
}
#container-categorias .card-category {
    border-radius: 5px;
    padding: 0;
    cursor: pointer;
    margin:0;
    display: inline-block;
    background-color: transparent;
}
#container-categorias .card-category .card-body {
    text-align: center;
    margin: 0;
}
#container-categorias .card-category .card-title {
    margin: auto;
}
#container-categorias .card-category .card-text {
    margin: auto;
    font-size: 80%;
    color: #213E66;
    font-weight: 600;
}
#container-categorias .card-category .card-img-top{
    width: 100%;
    aspect-ratio: 1/1;
    padding: 0;
    margin: 0;
    transition: transform 0.25s ease;
    object-fit: contain;
    border-radius: 5px;
}
#container-categorias .card-category .card-img-container {
    overflow: hidden;
    padding: 0;
    margin: 0;
}
#container-categorias .card-category:hover .card-img-top {
transform: scale(1.1);
}
#carouselCategorias .card-title, #container-categorias .card-title { 
    margin: auto;
    font-size:107%; 
    line-height: 120%; 
    margin-top: 0.95rem;
} 
/* PRODUCT-DETALLE */ 
#producto-detalle {
    margin: auto;
    min-height: 39rem;
    display: grid;
    max-width: 1400px;
}
#producto-detalle .rank i {
    margin-left: 1px;
    font-size: 13px;
    color: #E0AE00;
} 
#producto-detalle #container-producto {
    margin: auto;
    border: 1px solid #E9D9D9;
    border-radius: 0.85rem;
    padding: 1rem 0.25rem;
}      
#producto-detalle .titulo-producto {
    margin: auto;
    text-align: center;
    padding-bottom: 0.45rem;
    flex-wrap: wrap;
    word-break:normal;
}         
#producto-detalle .img-container {
    display: grid;
    margin: auto;
    padding: 0.65rem;
}   
#producto-detalle .col-detalle {
    margin: auto;
    display: grid;
    font-size: 95%;
}  
#producto-detalle .detalle-precio {
    font-family: 'Nunito', 'Roboto', 'serif';
    font-size: 150%;
} 
#producto-detalle .detalle-precio-oferta {
    font-size: 115%;
    text-decoration: line-through;
    color: #979595;
    margin-bottom: 1rem;
}    
#producto-detalle .detalles {
    line-height: 110%;
    margin-bottom: 1rem;
}
#producto-detalle .btn-buy {
    margin-top: 0.35rem;
    text-align: center;
}       
#producto-detalle .btn-alcarrito  {
    margin: auto;
    margin-top: 1rem;
    font-size: 120%;
    font-family: 'Roboto', 'Nunito', 'serif';
    text-align: center;
    max-width: 350px;
    width: 100%;
    background-color: #F14912;
    padding: 8px 1px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}     
#producto-detalle .no-stock  {
    width: 80%;
    margin: 0.5rem auto;
    font-size: 120%;
    color: #700506;
    text-align: center;
    border: 1px solid #EFE1E2;
    border-radius: 0.65rem;
    padding: 5px;
}  
#producto-detalle .descripcion-producto {
    margin: auto;
    padding: 1.5rem 1rem;
    font-size: 92%;
} 
#producto-detalle .descripcion-producto li {list-style:outside;}
#producto-detalle .rank i {
    color: #FFAD38;
    display: inline;
    flex-wrap: nowrap;
}
/* FOOTER DR */
#dr {
    border-top: 1px solid #373333;
    padding: 1.25rem 0.625rem;
    bottom: 0;
}
#dr .dr{
    font-size: 75%;
    text-align: center;
}
/* CART */
#cart-detalle {
    margin: auto;
    min-height: 39rem;
    display: grid;
    max-width: 1400px;
}
#response_cart0 {
    border-radius: 15px;
    background-color: #EFEFEF;
    color: #171717;
    padding: 25px 1px;
    margin: 1px auto;
    display: grid;
    width: 100%;
    min-height: 400px;
}
#response_cart0 .producto-item {
    margin: 0;
    padding: 5px 0;
    border-bottom: 1px solid #CFCFCF;
    width: 100%;
}
#response_cart0 .item-img {margin: auto; text-align: center;}
#response_cart0 .img-tumb{width: 100%; max-width:90px;}  

#response_cart0 h2 {
    text-align: center;
}      
#response_cart0 .price-item {
    font-size: 98%;
    text-align: end;
    padding: 10px 0;
}
#response_cart0 .detalle-precio {font-size: 115%; text-align: end;}
#response_cart0 .item-trash, #response_cart0 .item-cant, #response_cart0 .item-name {
    display: grid;
    text-align: center;
}
#response_cart0 .item-name {
    margin: auto;
    flex-wrap: wrap;
    word-break:normal;
}
#response_cart0 .item-cantidad {
    border-radius: 8px;
    font-size: 93%;
    margin-right: 10px;
    border: 1px solid #E85356;
    padding:0;
}
#response_cart0 .item-cantidad .cantidad {
    padding:1px 10px;
}
#response_cart0 .btn-decrease {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    margin: 0;
}
#response_cart0 .btn-increase {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    margin: 0;
}
#btn-navbar-cart {
  position: relative;
}

#cantidad-carrito, #cantidad-carrito1 {
  position: absolute;
  top: -6px;
  right: -6px;
  background-color: #D40003;
  color: white;
  font-size: 12px;
  border-radius: 50%;
  padding: 2px 6px;
  min-width: 20px;
  text-align: center;
}
/* BUSCADOR */
#navbar-icon .navbar-form {
    font-size: 75%;
    align-content: center;
    width: 100%;
    max-width: 390px;
    margin: auto;
    padding: 0;
}
#result_busca {
    border-radius: 5px;
    width: 99%;
    max-width: 380px;
    margin-top: 1px;
    margin-left: 5%;
    position: absolute;
    z-index: 1000000;
    background-color: #f0f0f0;
}
#result_busca .item-busca {
    display: block;
    padding: 8px;
    text-decoration: none;
    color: #333;
    font-size: 88%;
    border-radius: 5px;
}
#result_busca .item-busca:hover {
    background-color: #E4BF8F;
    color: #000;
    border-radius: 5px;
}
/* TOP VIDEO */
#top-video{
    margin: auto;
    width: 100%;
    min-height: 600px;
    display: grid;
}
#top-video .embed-responsive {
    max-width: 780px;
    margin: auto;
    height: 100%;
}
/* RESPONSIVE */
/* LG */
@media (max-width: 991.98px) {  
#navbar .offcanvas-body .form {margin-top: 2.188rem;}      
#navbar,#navbar .offcanvas, #dr {background: #262627;}      
.fondo-textura {background: #262627;}
}
/* MD */
@media (max-width: 767.98px) {    
#home p {text-align: justify;} 
#cart-detalle, #container-central { min-height: 20rem;}     
#top-video{width: 95%; min-height: 310px; margin: 0 auto;}     
}    

/* SM */
@media (max-width: 575.98px) {
#container-central {padding: 0.65rem; }    
#container-categorias .card-category-container {
    max-width: 10.4rem;
    min-height: 12rem;
}
#carouselCategorias .card-title, #container-categorias .card-title { font-size:110%; }     
#top-banner { min-height: 7.5rem; }
#response_cart0 .detalle-precio {text-align: center;}  
#result_busca {margin-left: 0.1%;width: 90%;}    
#response_cart0 .price-item {text-align: center;}    
}
/* XSM */
@media (max-width: 400px) {
#container-categorias .card-category-container {
    max-width: 19rem;
    min-height: 19rem;
}
#response_cart0 .item-name {
    flex-wrap: wrap;
    word-break: break-all;
}
#producto-detalle .titulo-producto {
    font-size: 95%;
    flex-wrap: wrap;
    word-break: break-all;
}     
}