/* ====================== CONSIFURACIONES ===================== */
 .clsImagenCard {
   width: 27rem;
   height: 38rem;
 }

 .clsTitleSlider {
   align-items: start;
   margin-left: 6rem;
 }

 .clsFontSize_Slider {
   font-size: 5rem;
 }

 .clsFontSizeLogo {
   color: white;
   font-size: 2rem;
   font-weight: 600;
 }

 .clsFontSizeLogo:hover {
   color: white;
 }


 .clsImagenPrincipal {
   overflow: hidden;
   border-radius: 4%;

 }

 .clsImagenPrincipal img {
   -webkit-transition: transform 0.8s;
   transition: transform 0.8s;
   height: 38rem;
   object-fit: cover;
   border-radius: 12px;
 }


 .clsImagenOpcion {
   position: absolute;
   top: 23rem;
   text-align: -webkit-center;
   width: 27rem;
 }

 .clsBotomSelectProduct {
   font-size: 13px;
   width: 25rem;
   background-color: #fbfcff !important;
   color: #000 !important;
   border-radius: 5px;

 }

 .clsDescripcionTitle {
   position: relative;
   text-align: start;
   /* left: 22px;
 margin-right: 3rem; */

   & h4 {
     margin-left: 2rem;
     margin-right: 2rem;
   }

   & h4>a {
     color: white;
   }

   & p {
     color: white;
     margin-left: 2rem;
     margin-right: 2rem;
   }
 }

 /* ===================== */
 .fix-menu-desktop *>.clsMenuBlackScroll {
   color: rgb(0, 0, 0) !important;
 }

 .clsDetalleCardProcesar {
   border: 1px solid #c7c7c7 !important;
   border-radius: 0.5rem;
 }

 .clsMarginTop {
   margin-top: 1rem;
 }


 ::-webkit-scrollbar {
   width: 10px;
 }

 /* Track */
 ::-webkit-scrollbar-track {
   background: #f1f1f1;
 }

 /* Handle */
 ::-webkit-scrollbar-thumb {
   background: #888;
 }

 /* Handle on hover */
 ::-webkit-scrollbar-thumb:hover {
   background: #555;
 }


 body::-webkit-scrollbar {
   width: 12px;
   /* width of the entire scrollbar */
 }

 body::-webkit-scrollbar-track {
   background: #686868;
   /* color of the tracking area */
 }

 body::-webkit-scrollbar-thumb {
   background-color: #000000;
   /* color of the scroll thumb */
   border-radius: 20px;
   /* roundness of the scroll thumb */
   border: 3px solid #686868;
   /* creates padding around scroll thumb */
 }


 label {
   cursor: pointer;
 }

 /* .menu ul li>label {
     background: url(../assets/images/mayor.png) 95% 50%/16px 16px no-repeat;
   } */

 .menu ul li a,
 .menu ul li label {
   display: block;
   /* text-align: center; */
   padding: 0 20px;
   line-height: 60px;
   text-decoration: none;
   color: #000;
 }



 span {
   cursor: pointer;
 }

 .menu ul li>span {
   /* background: url(../assets/images/mayor.png) 95% 50%/16px 16px no-repeat; */
 }

 .menu ul li a,
 .menu ul li span {
   display: block;
   /* text-align: center; */
   padding: 0 20px;
   line-height: 38px;
   text-decoration: none;
   color: #000;
 }








 .menu {
   position: absolute;
   top: 0;
   left: 0;
   background: #fff;
   width: 20rem;
   height: 100%;
   /* transform: translate3d(-240px, 0, 0); */
   transition: transform 0.35s;
 }

 .clsMenuSpan {
   position: relative;
   top: -4px;
   font-size: 16px;
 }

 .clsBotonDetalles {
   height: 3rem;
   padding-top: 1em;
   /* margin-left: 1rem; */
   color: rgb(255, 255, 255);
   border: 1px solid;
   border-radius: 5px;
   font-size: 13px;
 }

 .clsBotonGuardar {
   height: 3rem;
   padding-top: 1em;
   /* margin-left: 1rem; */
   background: #ebebeb;
   color: black;
   border: 1px solid;
   border-radius: 5px;
   font-size: 13px;
 }

 .clsCheckBox {
   width: 26px;
   margin-right: 1rem;
 }

 .clsFontSizeDetalle {
   font-size: 12px;
 }

 .clsContenidoDetalle {
   display: flex;
   justify-content: space-between;

 }

 .clsColumnaDetalle {
   display: flex;
   /* justify-content: space-around; */

   border-bottom: 0.5px solid #9d9d9d;
   /* width: 13rem; */
 }

 .clsImagenDetalle {
   width: 38px;
   /* height: 37px; */
   margin-top: 5px;
   margin-right: 1rem;
   margin-bottom: 1rem;
 }

 .clsContainer {
   margin-left: 7rem;
   margin-right: 5rem;
   margin-top: 5rem;
 }



 .clsSiderShow {
   display: flex;
 }

 .clsSideHide {
   display: unset;
   left: auto !important;
 }



























 .wrapper {
   display: flex;
   flex-direction: row;
   justify-content: center;
   align-items: center;
   margin: 3rem auto;
 }

 .text {
   order: -1;
   flex-basis: 47rem;
   font-size: 3rem;
   text-align: center;
   line-height: 3rem;
   padding-right: 5rem;
 }

 .images {
   position: relative;
   flex-basis: 45rem;
   display: ruby;
 }

 .images img {
   position: relative;
   width: 21.75rem;
   height: 15.5rem;
   border: 1px solid #111;
   filter: grayscale(100%);
   opacity: 0.5;
   transition: 0.4s ease;
   margin-bottom: 0.4rem;
 }

 .images img:hover {
   cursor: pointer;
   filter: grayscale(0%);
   opacity: 1;
 }

 .images img.zoom {
   transform: scale(1.2);
   filter: grayscale(0%);
   border: 1px solid transparent;
   z-index: 99;
 }


 .clsFontSizeLogoMovil {
   color: black;
   font-size: 2rem;
   font-weight: 600;
 }


 .clsBotomAllProduct {
   font-size: 13px;
   width: 23rem;
   border-radius: 5px;
   /* color: #000; */
   border: 1px solid white;
 }

 @media (max-width: 767px) {
   .clsFontSize_Slider {
     font-size: 1.5rem;
   }

   .clsImagenCard {
     width: auto;
     height: auto;
   }

   .clsBotomAllProduct {
     font-size: 13px;
     width: 19rem;
     border-radius: 5px;
     color: #fff;
     border: 1px solid white;
   }

   .clsBotomSelectProduct {
     font-size: 13px;
     width: 70%;
     background-color: #fbfcff !important;
     color: #000 !important;
     border-radius: 5px;

   }

   .clsImagenOpcion {
     position: absolute;
     top: 20rem;
     text-align: -webkit-center;
     width: 22rem;
   }

   .clsMovilImagenContainer {
     display: flex;
   }

   .clsMovilImagen {
     width: 8rem;
   }

   .clsBotonDetalles {
     height: 3rem;
     color: rgb(255, 255, 255);
     border: 1px solid;
     border-radius: 5px;
     font-size: 11px;
     padding: 1.05rem 1.5rem;
   }

   .clsTitleSlider {
     align-items: start;
     margin-left: unset;
   }

 }
 .clsColorAmarillo {
   background-image: url(/img/utils_web/exclusivity_botones.png);
   /* background-size: contain; */
   /* border: unset; */
   background-color: #ae7d25;
   height: 4rem;
 }