/**
 * Styles for mcashop.mx
 *
 * Description: Defines visual styles for mcashop.mx, including layout, typography,
 * and color schemes.
 *
 * Property of: mcashop.mx
 * Developed by: @gabinosarmiento
 * Last Updated: March 7, 2026
 */
.content,.content-mca,.sidebar-mca,.wave-effect{box-sizing:border-box}.img-cover,.product-text{display:block}:root{--mca-main-color:#066AC4;--mca-hover-color:#054F9D;--mca-inactive-color:#1676bf}.no-scroll,body,html{height:100%}a,a:focus,a:hover{text-decoration:none}body{font-size:16px;font-weight:400;font-family:Roboto,sans-serif;background-color:#fff}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:Nunito,sans-serif;line-height:1.3;color:inherit}a{color:var(--mca-main-color)}a:hover{color:var(--mca-hover-color)}a:focus,button:focus,input:focus,select:focus,textarea:focus{outline:0;box-shadow:none}.content{min-height:100%;position:relative;padding-bottom:430px}.content footer{bottom:0;left:0;width:100%;height:430px;font-weight:300;position:absolute}.no-scroll{overflow:hidden}.badge-cart{content:"0";font-size:10px;line-height:15px;width:20px;height:20px;left:0;top:-6px;border-radius:50%;position:absolute}.badge-stock{color:#fff;background-color:#dc3545}.img-cover{width:100%;height:100%;max-width:100%;object-fit:cover}.teamwork{color:#fff;bottom:0;padding:40px;background:linear-gradient(to top,rgba(0,0,0,.8),rgba(0,0,0,0));width:100%}.card-inventory,.card-sku{color:var(--mca-main-color)}.navbar-mca{background-color:var(--mca-hover-color)}.navbar-mca .navbar-toggler{font-size:1rem;padding:.375rem .5rem;color:#d9d9d9;border-color:#d9d9d9}.navbar-mca .navbar-toggler:hover{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.nav-mca .nav-item{margin-left:1rem;position:relative;display:flex;align-items:center;padding:.25rem 0}.nav-mca .nav-link{padding:0;color:#d9d9d9}.list-footer a:hover,.nav-mca .nav-link:hover{color:#fff}.custom-search{width:400px;margin-left:auto}.navbar-bottom{padding-top:.5rem;padding-bottom:.5rem;box-shadow:0 2px 10px #00000033}.wrapper{padding:50px 0}.wrapper-middle{padding:25px 0}.wrapper-bottom{padding-bottom:50px}.info-wrap{padding-bottom:20px}.product-prize{margin-bottom:10px}.grid-products{grid-template-columns:repeat(5,1fr)}.grid-categories{grid-template-columns:repeat(8,1fr)}.grid-searching{grid-template-columns:repeat(4,1fr)}.grid-categories a{color:#646d75}.grid-categories a:hover{color:#343a40}.card-inner{height:120px;cursor:default;position:relative}.card-caption{top:0;left:0;right:0;padding:.75rem .75rem 0;position:absolute;border-radius:.625rem;transition:transform .4s;background:linear-gradient(to bottom,#fff,#ffffff99)}.card-caption:hover{transform:translateY(calc(-100% + 120px))}.card-inventory{margin-bottom:4px}.card-sku{font-size:.725rem}.card-brand{top:10px;right:10px;position:absolute;z-index:3}.brand-sm{width:50px}.brand-md{width:60px}.card-store{padding-inline:1rem;padding-top:.75rem}.card-site{padding-inline:0.75rem;padding-top:.625rem}.bg-gray{background-color:#e9ecef!important}.card-product-wrap{overflow:hidden;padding:.625rem}.card-hover{transition:box-shadow .1s}.card-hover:hover{box-shadow:0 -2px 0 0 #e23621}.card-product-text{color:#6d6d6d}.card-product-title{font-weight:500;font-size:.875rem;line-height:1rem;margin-block:6px}.card-taxonomy{padding:0;color:#6c757d;font-size:14px;list-style:none;margin-block:6px}.card-rated,.card-rated-product,.quantity{color:#054f9d}.card-rated{font-size:12px}.card-rated-product{margin-block:0.5rem}.card-footer{border:none;text-align:center;position:relative;overflow:hidden;background-color:#fff}.card-showcase{bottom:0;width:100%;font-size:.75rem;position:absolute;white-space:nowrap;text-overflow:ellipsis;background-color:#e9ecef}.quantity,.shipping-brand{width:80px}.cart-message-warning,.footer,.quantity{font-size:.875rem}.rating-stars{display:inline-block;vertical-align:middle;list-style:none;margin:0;padding:0;position:relative;white-space:nowrap;clear:both}.rating-stars li.stars-active{position:absolute;top:0;left:0;overflow:hidden;z-index:2}.rating-stars li{display:block;text-overflow:clip;white-space:nowrap;z-index:1}.accordion>.card:not(:last-of-type){border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.quantity{background:#fff;display:flex;align-items:center;justify-content:center;border-radius:.375rem;padding:.25rem .5rem;border:1px solid #054f9d}.quantity span{width:100%;text-align:center;cursor:pointer;user-select:none;line-height:1rem}.cart-message,.section-subtitle,.text-wrapper{margin-bottom:1rem}.footer h5{margin-bottom:.25rem}.payment-buttons{padding-block:1rem}.list-rounded{overflow:hidden;border-radius:.625rem}.list-footer a{color:rgba(255,255,255,.75)}.list-footer,.list-payment{margin-bottom:2rem}.list-social .list-inline-item a{width:40px;height:40px;border-radius:50%;text-align:center;display:inline-flex;border:1px solid #fff;align-items:center;justify-content:center;text-decoration:none;background-color:transparent;color:rgba(255,255,255,.75)}.list-social .list-inline-item a:hover{color:#343a40;background-color:#fff}.list-footer .list-inline-item{line-height:1.5rem}.list-social .list-inline-item:not(:last-child){margin-right:.375rem}.list-payment i{width:2rem}.list-payment .fa-cc-mercado{height:1.75rem;vertical-align:text-bottom}.list-item-thumbnail{width:65px;height:65px;padding:0;margin:auto;text-align:center;overflow:hidden;display:inline-block;border-radius:.625rem;border:1px solid #ebebeb}.hr-footer{border-top:1px solid rgba(255,255,255,.2)}.multiline-truncate{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis}.brands-container,.categories-container{width:100%;margin-bottom:60px;position:relative}.brands-letter{margin:0;line-height:1;text-align:center;padding:20px 0}.brand-logo,.category-logo{width:90px;height:90px;flex:0 0 auto;overflow:hidden;border-radius:10px}.section-subtitle{font-size:1.125rem}.brands-row,.categories-row{gap:10px;display:flex;flex-wrap:wrap;justify-content:space-between}.brands-row::after,.categories-row::after{content:"";flex:1 1 auto}.alphabet-nav{position:sticky;top:0;display:flex;justify-content:space-between;padding-top:25px;margin-bottom:30px;background:#fff;z-index:10}.alphabet-nav::after{content:"";position:absolute;left:0;right:0;bottom:-30px;height:30px;background:linear-gradient(to bottom,#fff,rgba(255,255,255,0));pointer-events:none}.alphabet-letter{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;text-align:center;border-radius:.625rem;background-color:#fff;color:var(--mca-main-color);border:1px solid var(--mca-main-color)}.alphabet-active,.alphabet-letter:hover{color:#fff;border-color:var(--mca-hover-color);background-color:var(--mca-hover-color)}.item-scale,.item-up{transition:transform .2s}.item-scale:hover{transform:scale(1.2)}.item-up:hover{transform:translateY(-8px)}.item-gayscale{filter:grayscale(100%);transition:filter .2s}.item-gayscale:hover{filter:grayscale(0%)}.text-wrapper{width:100%;padding:8px 10px;border:1px dashed #d2d6de;border-radius:.625rem}.text-loading{background:linear-gradient(90deg,#fff 0,#5a5a5a 50%,#fff 100%);background-size:200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:2s linear infinite text-reveal}.carousel-item{min-height:400px;background-color:#f8f8f8}@keyframes text-reveal{0%{background-position:200% 0}100%{background-position:-200% 0}}.layout-mca{display:grid;position:relative;grid-template-columns:25% 75%}.content-mca{padding-left:30px}#content{width:100%;min-width:100%;min-height:100vh;transition:.3s}.dropdown-menu{box-shadow:0 10px 14px rgba(0,0,0,.4)}.navbar-bottom .dropdown-menu li:not(:last-child),.sidebar-item:not(:last-child){border-bottom:1px solid #ebebeb}.section-title:has(+.section-subtitle){margin-bottom:0}@media (min-width:576px){.banner-title{font-size:1.125rem}}@media (min-width:768px){.banner-title{font-size:1.5rem}}@media (min-width:992px){.banner-title{font-size:2rem}.dropdown-menu .dropdown-toggle:after{border-top:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid}.dropdown-menu .dropdown-menu{margin-left:0;margin-right:0}.dropdown-menu>.dropdown-node{position:relative}.submenu::before{content:"";position:absolute;inset:-20px;background:0 0}.submenu{top:0;opacity:0;display:block;position:absolute;left:calc(100% - 14px);visibility:hidden;pointer-events:none;transition:opacity .2s,visibility .2s}.dropdown-menu>.dropdown-node:hover>.submenu{visibility:visible;opacity:1;pointer-events:auto}.submenu-left{right:100%;left:auto}.dropdown-item:focus,.dropdown-item:hover{background-color:#f1f1f1}}.section-pagination{margin-top:2rem}@media (max-width:575.98px){.banner-subtitle{font-size:14px}}@media (max-width:767.98px){.sidebar-content{width:100%;border-radius:0}.section-title{font-size:1.125rem;line-height:1.3}.card-rated,.section-message{display:none}.grid{grid-template-columns:repeat(2,1fr)}.grid-categories{grid-template-columns:repeat(4,1fr)}}@media (max-width:991.98px){.navbar-bottom,.sidebar-mca{display:none}.wrapper-bottom{padding-bottom:20px}.wrapper{padding:20px 0}.card-text{font-size:.875rem}.card-product-title{font-size:.75rem;line-height:1rem}.card-product-thumbnail{padding:6px;height:160px}.content-mca{padding-left:0}.layout-mca{grid-template-columns:100%}.container-wrap{padding:30px 0}.custom-search{width:100%;margin-top:15px;margin-right:0}.teamwork{padding:10px;font-size:14px}}.navbar-bottom .dropdown-menu .dropdown-toggle:not(.nav-link)::after{display:inline-block;width:0;height:0;margin-left:.5em;vertical-align:0;border-bottom:.3em solid transparent;border-top:.3em solid transparent;border-left:.3em solid}.img-footer{font-size:.625rem;text-align:center;padding:6px 8px;width:100%;bottom:0;left:0;z-index:999;overflow:hidden;position:absolute;white-space:nowrap;text-overflow:ellipsis;background-color:#e9ecef}.btn-chat button,.wave{width:50px;height:50px}.btn-chat{position:fixed;bottom:50px;right:50px;z-index:1000}.btn-chat button{border-radius:50%;background:#066ac4;color:#fff;border:none;position:relative;z-index:2;overflow:visible}.wave{position:absolute;top:50%;left:50%;border-radius:50%;pointer-events:none;border:1px solid #066ac4;transform:translate(-50%,-50%) scale(0);animation:2.5s ease-out forwards wave;z-index:1}@keyframes wave{0%{transform:translate(-50%,-50%) scale(0);opacity:1}50%{transform:translate(-50%,-50%) scale(1);opacity:.5}100%{transform:translate(-50%,-50%) scale(2);opacity:0}}