/*Vendor CSS (Bootstrap & Icon Font)*/
@import url('assets/css/vendor/bootstrap.min.css');
@import url('assets/css/vendor/font-awesome-pro.min.css');
@import url('assets/css/vendor/themify-icons.css');
@import url('assets/css/vendor/customFonts.css');

 /*Plugins CSS (All Plugins Files)*/
@import url('assets/css/plugins/select2.min.css');
@import url('assets/css/plugins/perfect-scrollbar.css');
@import url('assets/css/plugins/swiper.min.css');
@import url('assets/css/plugins/nice-select.css');
@import url('assets/css/plugins/ion.rangeSlider.min.css');
@import url('assets/css/plugins/photoswipe.css');
@import url('assets/css/plugins/photoswipe-default-skin.css');
@import url('assets/css/plugins/magnific-popup.css');
@import url('assets/css/plugins/slick.css');

/*Main Style CSS*/
@import url('assets/css/style.css');

 /*Use the minified version files listed below for better performance and remove the files listed above */
/*@import url('assets/css/vendor/vendor.min.css');*/
/*@import url('assets/css/plugins/plugins.min.css');*/
/*@import url('assets/css/style.min.css'); */


@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0');
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200');


 /*Terceros Agregado*/
 @import url('assets/css/terceros/sweetalert2.css');

.pm-visible {
    display: block;
}
 .pm-invisible {
     display: none;
 }

 .bg-fuxia { background-color:#FF00FF !important; }
 .bg-fuxia_claro { background-color:#F95EF9 !important; }
 .bg-amarillo { background-color:#FFAF00 !important; }
 .bg-rosado { background-color:#ED76B4 !important;}
 .bg-rosado2 { background-color:#EE4D9B !important;}
 .bg-rosado_pastel { background-color:#F08B8B !important;  }
 .bg-azul { background-color:#6995C2 !important;}
 .bg-verde { background-color:#50FC00 !important; }
 .bg-verde_fluor { background-color:#00FF00 !important; }
 .bg-verde_agua { background-color:#269E96 !important; }
 .bg-marron { background-color:#D96B46 !important; }
 .bg-marron_claro { background-color:#E6AD31 !important; }
 .bg-gris { background-color:#999999 !important; }
 .bg-gris_intermedio { background-color:#C9C9C9 !important; }
 .bg-gris_claro { background-color:#CCCCCC !important; }
 .bg-gris_masclaro { background-color: #f6f6f6 !important; }
 .bg-rojo { background-color: #cc4753 !important; }
 .bg-salmon { background-color: #F8796C !important; }

 .text-fuxia { color:#FF00FF !important; }
 .text-fuxia_claro { color:#F95EF9 !important; }
 .text-amarillo { color:#FFAF00 !important; }
 .text-rosado { color:#ED76B4 !important;}
 .text-rosado2 { color:#EE4D9B !important;}
 .text-rosado_pastel { color:#F08B8B !important;  }
 .text-azul { color:#6995C2 !important;}
 .text-verde { color:#50FC00 !important; }
 .text-verde_fluor { color:#00FF00 !important; }
 .text-verde_agua { color:#269E96 !important; }
 .text-marron { color:#D96B46 !important; }
 .text-marron_claro { color:#E6AD31 !important; }
 .text-gris { color:#999999 !important; }
 .text-gris_intermedio { color:#C9C9C9 !important; }
 .text-gris_claro { color:#CCCCCC !important; }
 .text-rojo { color:#cc4753 !important; }
 .text-salmon { color: #F8796C !important; }


.text-white-hover:hover {
    color: #FFFFFF !important;
}

 .pr-mayorista {
     color: #ed7cb3 !important;
 }
 .pr-mayoristaefectivo {
     color: #ffcc00 !important;
 }
 .pr-minorista {
     color: #9a99ff !important;
 }

 .product-informacion{
     margin-top: 20px;
 }
 .menuCat_active {
     color: #F8796C !important;
     border-color: rgba(248, 121, 108, 0.3)!important;
 }
 .product-column-toggle .referencia_precios {
     margin: 0 10px;
     padding: 0;
     color: #696969;
     border: none;
     background-color: transparent;
     font-size: 14px;
     font-weight: 400;
     line-height: 30px;
 }

 .product-summery .referencia_precios {
     margin: 0 10px;
     padding: 0;
     color: #696969;
     border: none;
     background-color: transparent;
     font-size: 14px;
     font-weight: 400;
     line-height: 30px;
 }
 .product-informacion .title {
     font-family: "Futura";
     font-size: 18px;
     font-weight: 400;
     color: #666666 !important;
 }
 .product-informacion .price {
     font-size: 13.5px;
     font-weight: 600 !important;
 }

 .product-talles a {
     font-size: 24px;
     font-weight: 400;
     line-height: 26px;
     padding: 0px 15px 2px 15px;
     color: #ABABAB;
 }
 .product-talles .talle_disponible{
     color: #ABABAB;
     border: solid 1px #FFFFFF;
     background:none;
     border-radius: 500px;
 }
 .product-talles .talle_disponible:hover{
     background-color: #FFFFFF;
     color: #333333;
     border: solid 1px #333333;
 }
 .product-talles .talle_seleccionado{
     /*color: #F8796C;*/
     background-color: #333333;
     color: #FFFFFF;
     border: solid 1px #333333;
     border-radius: 500px;
 }
 .product-talles .talle_nodisponible{
     color: #e9e9e9;
 }
 .product-talles .talle_nodisponible:hover{
     color: #e9e9e9;
 }
 .product-talles .talle_nodisponible:active{
     color: #e9e9e9;
     pointer-events:none;
 }

 .product-colores a {
     font-size: 18px;
     font-weight: 400;
     color: #ABABAB;
     line-height: 26px;
     padding: 0px 15px 2px 15px;
 }
 .product-colores .color_disponible{
     color: #ABABAB;
     border: solid 1px #FFFFFF;
     background:none;
     border-radius: 500px;
 }
 .product-colores .color_disponible:hover{
     background-color: #FFFFFF;
     color: #333333;
     border: solid 1px #333333;
 }
 .product-colores .color_seleccionado{
     /*color: #F8796C;*/
     background-color: #333333;
     color: #FFFFFF;
     border: solid 1px #333333;
     border-radius: 500px;
 }
 .product-colores .color_nodisponible{
     color: #e9e9e9;
 }
 .product-colores .color_nodisponible:hover{
     color: #e9e9e9;
 }
 .product-colores .color_nodisponible:active{
     color: #e9e9e9;
     pointer-events:none;
 }


 .product-images .youtube{
     width:99%;
     height: 300px;
     float:left;
     margin:10px 0.5%;
 }
 #product-images .video{
     width:99%;
     height: 280px;
     float:left;
     margin:10px 0.5%;
     outline: none;
     overflow: hidden;

 }
#blog .product-images {
    width: 100%;
    overflow: hidden;
    float: left;
    height: auto;
}
 #blog .product-images .image img{
     width: 100%;
     height: auto;
     float: left;

 }
#blog .product-thumb-slider .item {
     margin-bottom: 1px;
     border: 1px solid transparent;
     max-height: 130px;
     overflow: hidden;
 }

 #blog .product-thumb-slider .item img {
     width: 100%;
 }

 .blog .image {
     max-height: 180px; !important;
     overflow: hidden; !important;
 }
 .blog .image2 {
     overflow: hidden; !important;
 }


 .product-thumb .image {
     max-height: 150px !important;
     height: auto !important;
     margin-top: 5%;
     margin-bottom: 5%;
 }

 .product-thumb .image2 {
     position: relative;
     display: block;
     overflow: hidden;
     max-height: 150px;
     height: 150px;
     text-align: center;
 }

 .product-thumb .image2 img {
     z-index: 3;
     width: auto;
     height: 100%;
 }

 #devolucion input[type="checkbox"]{
     width: 25px; !important;
     height: 25px; !important;
     margin-right: 20px; !important;
     float: left;
 }

 #leyenda_legal input[type="checkbox"]{
     width: 25px; !important;
     height: 25px; !important;
     margin-right: 20px; !important;
     float: left;
 }
 #leyenda_legal a {
     text-decoration: underline; !important;
 }

 #pedido_cliente_marca input[type="checkbox"]{
     width: 20px; !important;
     height: 20px; !important;
     margin-right: 10px; !important;
     float: left;
 }

 .select2-container--default .select2-selection--single {
     background: transparent; !important;
 }

 #formas_pagos_disponible .select2-selection {
     font-size: 24px; !important;
     font-weight: 500; !important;
     line-height: 1.675; !important;
 }

 /* Product Filter Toggle */
 .product-download-lista {
     font-size: 16px; !important;
     font-weight: 400;
     line-height: 2;
     position: relative;
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -webkit-align-items: center;
     -ms-flex-align: center;
     align-items: center;
     color: #696969;
 }

 .product-download-lista::before {
     font-family: "Font Awesome 5 Pro";
     font-size: 13px;
     line-height: 1;
     margin-right: 6px;
     margin-bottom: -3px;
     content: "\f56d";
     -webkit-transition: all 0.5s ease 0s;
     -o-transition: all 0.5s ease 0s;
     transition: all 0.5s ease 0s;
 }

 .product-download-lista::after {
     position: absolute;
     right: 0;
     bottom: 0;
     width: 0;
     height: 1px;
     content: "";
     -webkit-transition: all 0.5s ease 0s;
     -o-transition: all 0.5s ease 0s;
     transition: all 0.5s ease 0s;
     background-color: #333333;
 }

 .product-search::after {
     position: absolute;
     right: 0;
     bottom: 0;
     width: 0;
     height: 1px;
     content: "";
     -webkit-transition: all 0.5s ease 0s;
     -o-transition: all 0.5s ease 0s;
     transition: all 0.5s ease 0s;
     background-color: #333333;
 }

 .product-download-lista:hover {
     color: #333333;
 }

 .product-download-lista:hover::after {
     right: auto;
     left: 0;
     width: 100%;
 }

 .product-download-lista.active {
     color: #333333;
 }

 .product-download-lista.active::before {
     -webkit-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     transform: rotate(180deg);
 }

 .product-download-lista.active::after {
     right: auto;
     left: 0;
     width: 100%;
 }

 .product-search-product {
     font-size: 16px; !important;
     font-weight: 400;
     line-height: 2;
     position: relative;
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -webkit-align-items: center;
     -ms-flex-align: center;
     align-items: center;
     color: #696969;
 }

 .product-search-product::before {
     font-family: "Font Awesome 5 Pro";
     font-size: 13px;
     line-height: 1;
     margin-right: 6px;
     margin-bottom: -3px;
     content: "\f02b";
     -webkit-transition: all 0.5s ease 0s;
     -o-transition: all 0.5s ease 0s;
     transition: all 0.5s ease 0s;
 }

 .product-search-product::after {
     position: absolute;
     right: 0;
     bottom: 0;
     width: 0;
     height: 1px;
     content: "";
     -webkit-transition: all 0.5s ease 0s;
     -o-transition: all 0.5s ease 0s;
     transition: all 0.5s ease 0s;
     background-color: #333333;
 }

 .product-search-product:hover {
     color: #333333;
 }

 .product-search-product:hover::after {
     right: auto;
     left: 0;
     width: 100%;
 }

 .product-search-product.active {
     color: #333333;
 }

 .product-search-product.active::before {
     -webkit-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     transform: rotate(180deg);
 }

 .product-search-product.active::after {
     right: auto;
     left: 0;
     width: 100%;
 }


 .product-comobuscar::before {
     font-family: "Font Awesome 5 Pro";
     font-size: 13px;
     line-height: 1;
     margin-right: 6px;
     margin-bottom: -3px;
     content: "";
     -webkit-transition: all 0.5s ease 0s;
     -o-transition: all 0.5s ease 0s;
     transition: all 0.5s ease 0s;
 }

 .product-comobuscar::after {
     position: absolute;
     right: 0;
     bottom: 0;
     width: 0;
     height: 1px;
     content: "";
     -webkit-transition: all 0.5s ease 0s;
     -o-transition: all 0.5s ease 0s;
     transition: all 0.5s ease 0s;
     background-color: #333333;
 }

 .product-badges span {
     font-size: 11px!important;
     font-weight: 500!important;
 }

 .product-etiqueta {
  width: 100%;
  top:0px !important;
  left:0px !important;
  position: absolute;

 }
 .product-etiqueta img{
     width: auto;
     height: auto;
     max-width: 50%;
     max-height: 50%;
 }


 #seccion_registro select{
     font-size: 16px;
     font-weight: 400;
     display: block;
     width: 100%;
     padding: 10px 0;
     color: #333333;
     border: 2px solid transparent;
     border-bottom-color: #EDEDED;
     background-color: transparent;
 }
 #datos_envio select{
     font-size: 16px;
     font-weight: 400;
     display: block;
     width: 100%;
     padding: 10px 0;
     color: #333333;
     border: 2px solid transparent;
     border-bottom-color: #EDEDED;
     background-color: transparent;
 }

 .myaccount-content select{
     font-size: 16px;
     font-weight: 400;
     display: block;
     width: 100%;
     padding: 10px 0;
     color: #333333;
     border: 2px solid transparent;
     border-bottom-color: #EDEDED;
     background-color: transparent;
 }

 #modulo_productos select{
     font-size: 28px;
     font-weight: 400;
     display: block;
     width: 100%;
     padding: 15px 0;
     color: #333333;
     border: 2px solid transparent;
     border-bottom-color: #EDEDED;
     background-color: transparent;
 }

 #modulo_productos input:not([type="checkbox"]):not([type="radio"]), textarea{
     font-size: 28px !important;
     font-weight: 400 !important;

 }


 .swal-wide{
     width:850px !important;
 }

 .btn_filtro {
     font-size: 16px;
     font-weight: 400;
     line-height: 2;
     position: relative;
     color:#696969;
 }

 .btn_descargar_producto{
     margin-top: -150px !important;
     margin-left: calc(50% - 57px) !important;
 }

 .product-description a {
     color:#269E96 !important;
 }

 #menu_sec_mobile .inner {
     height: auto !important;
 }

 #menu_sec_mobile .accordion .card .card-header .btn:not(.collapsed){
     background-color: transparent !important;
 }

 #menu_sec_mobile .card{
     border: none !important;
     background-color: transparent !important;
 }

 #banner_hom_ti .image img{
     width: 100%;
     height: auto;
     min-height: 100%;
 }

 .ff_chekbox {
     width: 30px; !important;
     height: 30px; !important;
     float: right;
 }
#webvideo .blog .image {
    height: auto !important;
    max-height: 300px; !important;
    overflow: hidden; !important;
    margin-bottom: 10px !important;
}

 #webvideo video {
     width: 100%;
     height: auto;
     max-height: 200px !important;
 }

 #webvideo .video_youtube {
     width: 100%;
     height: 200px;
     max-height: 300px !important;
 }

 #webvideo_detalle .blog .image {
     height: auto !important;
     width: 100%;
     overflow: hidden; !important;
     margin-bottom: 10px !important;
 }
 #webvideo_detalle video {
     width: 100%;
     height: auto;
     min-height: 200px !important;
 }

 #webvideo_detalle .video_youtube {
     width: 100%;
     height: auto;
     min-height: 300px !important;
 }



 /* ADAPTACION DE MENU MOBILE*/
 .overlay-menu > ul {
     font-size: 28px !important;
 }
 .overlay-menu > ul > li {
     float: left !important;
     width: 90% !important;
     text-align: left !important;
     border-bottom: 1px solid #C9C9C9 !important;
     padding: 5px 5% !important;
 }

 .overlay-menu > ul .sub-menu {
     font-size: 85%!important;
 }

 #menu_mobile {
     width: 100%;
     height: 100%;
     float: left;
 }
 .categorias-mobile {
     width: 100% !important;
     height: 70%;
     overflow-y: auto;
 }
 .categorias-mobile .item-l {
     width: 48%;
     padding: 20px 15px;
     height: auto;
     overflow: hidden;
     margin: 1%;
     float: left;
     color: #333
 }
 .categorias-mobile .item-l:hover {
     color: #F08B8B;
 }


 .icono-g{
     font-size: 13px;
 }
 .icono-xxl{
     font-size: 95px;
 }

.btn-login-mobile{
    position: fixed;
    z-index: 999;
    bottom: 20px;
}

.grid-item .product{
    min-height: 250px !important;
}


 /* (XS) Extra small devices (portrait phones, less than 576px)*/
 @media (max-width: 575.98px) {
     .col-5 {
         max-width: 43% !important;
     }
     #scrollUp {
         display: none !important;
     }
 }

 /* (SM) Small devices (landscape phones, 576px and up)*/
 @media (min-width: 576px) and (max-width: 767.98px) {

     #scrollUp {
         display: none !important;
     }
 }

 /* (MD) Medium devices (tablets, 768px and up)*/
 @media (min-width: 768px) and (max-width: 991.98px) {

 }

 /* (LG) Large devices (desktops, 992px and up)*/
 @media (min-width: 992px) and (max-width: 1199.98px) {

 }

 /* (XL) Extra large devices (large desktops, 1200px and up)*/
 @media (min-width: 1200px) {

 }