:root{--primary: #7c3aed;--primary-dark: #6d28d9;--primary-light: #a78bfa;--accent: #ec4899;--accent-light: #f472b6;--accent-super-light: #f472b524;--success: #10b981;--background: #ffffff;--background-alt: #f8fafc;--foreground: #0f172a;--foreground-secondary: #64748b;--border: #e2e8f0;--border-light: #f1f5f9;--card-bg: #ffffff;--card-shadow: 0 4px 6px rgba(0, 0, 0, .07);--card-shadow-hover: 0 12px 24px rgba(124, 58, 237, .15);--radius: .75rem;--transition: all .3s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--primary) var(--background-alt)}body{background-color:var(--background);color:var(--foreground);line-height:1.6;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1rem;transition:var(--transition)}.header{position:sticky;top:0;z-index:50;border-bottom:1px solid var(--border-light);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff2;padding:1rem 0}.header-container{display:flex;align-items:center;justify-content:space-between;max-width:1400px;margin:0 auto;padding:1rem 1.5rem;height:auto}.logo-container{display:flex;align-items:center;gap:.5rem}.logo{display:flex;align-items:center;text-decoration:none;color:var(--primary);font-weight:700;font-size:1.5rem;transition:var(--transition)}.logo:hover{transform:translateY(-2px)}.logo i{font-size:1.75rem;margin-right:.5rem}.menu-toggle{background:none;border:none;color:var(--foreground);font-size:1.25rem;cursor:pointer;width:40px;height:40px;border-radius:10em;font-size:medium;transition:all .3s ease}.menu-toggle:hover,.menu-toggle:active,.menu-toggle:focus{color:#fff;background-color:var(--primary)}.header-actions{display:flex;align-items:center;gap:.4rem}.area-actions{display:flex;flex-direction:row;gap:.5rem}.area-actions>div{position:relative;display:flex;gap:.2rem;padding:3px 10px;align-items:center;cursor:pointer;border-radius:var(--radius);transition:all .4s ease}.area-actions>div:nth-child(2){gap:.3rem}.area-actions>div>a>button>i,.area-actions>div>button>i{font-size:larger}.area-actions>div>button{display:flex;gap:.5rem}.area-actions>div:hover,.area-actions>div:active,.area-actions>div:focus{transform:scale(1.1);color:var(--background);background-color:var(--primary)}.area-actions>div>a{color:#000}.area-actions>div:hover>a,.area-actions>div:active>a,.area-actions>div:focus>a,.area-actions>div:hover>button,.area-actions>div:active>button,.area-actions>div:focus>button{color:var(--background)}.area-actions>div:active>a>button>.bi-house:before,.area-actions>div:focus>a>button>.bi-house:before,.area-actions>div:hover>a>button>.bi-house:before{color:var(--background);content:""}.area-actions>div:active>a>button>.bi-heart:before,.area-actions>div:focus>a>button>.bi-heart:before,.area-actions>div:hover>a>button>.bi-heart:before{color:var(--background);content:""}.area-actions>div:active>a>button>.bi-bookmark:before,.area-actions>div:focus>a>button>.bi-bookmark:before,.area-actions>div:hover>a>button>.bi-bookmark:before{color:var(--background);content:""}.area-actions>div:active>button>.bi-upload:before,.area-actions>div:focus>button>.bi-upload:before,.area-actions>div:hover>button>.bi-upload:before{color:var(--background);content:""}.theme-toggle,.icon-button{position:relative;background:none;color:var(--foreground);font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s;border:none;transition:all .4s ease}.theme-toggle:hover,.theme-toggle:active,.theme-toggle:focus,.icon-button:hover,.icon-button:active,.icon-button:focus{scale:.9}.badge{position:absolute;top:-.25rem;right:-.4rem;background-color:var(--primary);color:#fff;font-size:.75rem;width:1.25rem;height:1.25rem;border-radius:50%;display:none;align-items:center;justify-content:center;transition:all .2s ease}.badgeFav{display:flex}.area-actions>div:hover>a>button>span,.area-actions>div:active>a>button>span,.area-actions>div:focus>a>button>span{border:solid var(--background) 1px;top:.1rem}.header-actions .icon-button:nth-child(1){width:max-content}.nameuser{padding-left:5px;padding-right:20px}#usuario{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;cursor:pointer;position:relative}#areaPerfil{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;background-color:var(--background-alt);border-radius:var(--radius);cursor:pointer;transition:var(--transition);position:relative}#areaPerfil:hover{background-color:var(--border-light)}.perfilAro{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);color:#fff;font-weight:700;font-size:.95rem;flex-shrink:0}.perfil{display:none;font-weight:600;color:var(--foreground);font-size:.95rem;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}#areaPerfil .perfil{display:block}#areaPerfil i{font-size:.75rem;color:var(--foreground-secondary);transition:var(--transition);margin-left:.25rem}#areaPerfil:hover i{color:var(--primary);transform:rotate(180deg)}.logout{display:none;position:absolute;top:100%;right:0;background-color:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem 1rem;margin-top:.5rem;cursor:pointer;color:var(--accent);font-weight:600;white-space:nowrap;box-shadow:var(--card-shadow-hover);transition:var(--transition);z-index:100}.logout:hover{background-color:#ec48991a;transform:translateY(-2px)}#usuario:not(#areaPerfil){border:2px solid var(--primary);color:var(--primary);padding:.7rem 1rem;border-radius:2rem;font-weight:500;cursor:pointer;transition:var(--transition);background-color:transparent}#usuario:not(#areaPerfil):hover{background-color:var(--primary);color:#fff}#ingresar{margin:0;font-weight:500}#menuToggle{background:none;border:none;color:var(--foreground);font-size:1.5rem;cursor:pointer;width:2.5rem;height:2.5rem;border-radius:var(--radius);transition:var(--transition);display:none;align-items:center;justify-content:center}#menuToggle:hover{background-color:var(--background-alt);color:var(--primary)}@media(max-width:850px){.header-actions{position:absolute;left:50%;top:30%;transform:translate(-50%,-0%);z-index:100;background-color:var(--background);align-content:center;align-items:center}.header-actions,.header-actions>.area-actions{flex-direction:column;align-content:center;align-items:center}#menuToggle{display:flex}.perfil,#areaPerfil .perfil{display:none!important}#area-actions.oculto{display:none}#area-actions{display:flex}}.search-container{width:100%;max-width:600px;margin:2rem auto;padding:0 1.5rem}.search-form{display:flex;gap:.75rem}.search-input-container{position:relative;flex-grow:1}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--foreground-secondary);font-size:1.25rem;pointer-events:none}.search-input{width:100%;padding:.875rem 1rem .875rem 2.75rem;border:2px solid var(--border);border-radius:var(--radius);background-color:var(--background-alt);color:var(--foreground);font-size:1rem;transition:var(--transition);outline:none}.search-input:focus{border-color:var(--primary);background-color:var(--background);box-shadow:0 0 0 3px #7c3aed1a}.search-input::placeholder{color:var(--foreground-secondary)}.selector{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:2rem;margin:2rem 0;padding:0 1.5rem;flex-wrap:wrap}.selector>div{display:flex;flex-direction:column;gap:.5rem}.selector label{font-weight:600;color:var(--foreground);font-size:.95rem}.category-content,.location-content{position:relative;width:300px;height:2.75rem;border:2px solid var(--border);border-radius:var(--radius);background-color:var(--background);transition:var(--transition);cursor:pointer}.category-content:hover,.location-content:hover{border-color:var(--primary);background-color:var(--background-alt)}.category-content select,.location-content select{width:100%;height:100%;padding:.625rem 2.5rem .625rem 1rem;border:none;background:transparent;color:var(--foreground);cursor:pointer;outline:none;font-weight:500;appearance:none}.category-content select option,.location-content select option{color:var(--foreground)}.category-content i,.location-content i{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:var(--primary);pointer-events:none;font-size:1rem}.container{max-width:1400px;margin:0 auto;padding:0 1.5rem}.featured-coupons{margin:3rem 0}.section-header{display:flex;align-items:center;gap:.75rem;margin-bottom:2rem}.section-header h2{font-size:1.75rem;font-weight:700;color:var(--foreground)}.section-header span{font-size:.95rem;color:var(--foreground-secondary);background-color:var(--background-alt);padding:.25rem .75rem;border-radius:999px}.featured-slider{gap:1rem;display:grid;width:100%;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));justify-content:center;justify-items:center;align-items:center}.featured-slider-download{grid-template-columns:auto}.contendorCupon{display:flex;flex-direction:column;background-color:var(--card-bg);border-radius:1rem;overflow:hidden;box-shadow:var(--card-shadow);transition:var(--transition);border:1px solid var(--border-light);height:100%}.contendorCupon:hover{transform:translateY(-6px);box-shadow:var(--card-shadow-hover)}.imagenCupon{width:100%;height:200px;overflow:hidden;position:relative;background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%)}.imagenCupon img{width:100%;height:100%;object-fit:cover;transition:var(--transition)}.contendorCupon:hover .imagenCupon img{transform:scale(1.05)}.imagenCupon>p{position:absolute;left:.75rem;bottom:.75rem;background:var(--accent);color:#fff;padding:.375rem .875rem;border-radius:.5rem;font-weight:600;font-size:.85rem}.favorito{position:absolute;top:.75rem;right:.75rem;width:2.5rem;height:2.5rem;border-radius:50%;background-color:#fffffff2;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.25rem;transition:var(--transition);color:var(--accent)}.favorito:hover{transform:scale(1.1);background-color:var(--background-alt)}.contendorCupon>div:nth-of-type(2){display:flex;flex-direction:column;gap:.5em;padding:1.25rem;flex:1}.autorCupon{font-size:1rem;font-weight:600;color:var(--foreground);margin:0}.ubicacionCupon{display:flex;align-items:center;color:#555;font-size:medium;margin:.5em}.ubicacionCupon>i{margin:.3em}.descrpicion{width:250px;height:50px;font-size:medium;overflow:hidden;color:#4a5568;text-align:center;text-transform:lowercase}.vencimientoContent{display:flex;flex-direction:row;justify-content:space-between;padding:1em;border-radius:1em}.contendorCupon>div:nth-of-type(2)>button{display:flex;flex-direction:row;gap:1em;justify-content:center;align-items:center;color:#fff;width:100%;padding:1em;border:none;border-radius:1em;font-size:medium;cursor:pointer;margin-top:auto}.alertfavAdd{position:fixed;bottom:0;left:0;width:100%;z-index:9999;background-color:var(--primary);color:#fff;font-size:medium;text-align:center;box-shadow:0 0 10px #0003;margin:0;padding:1em;transform:translateY(100%)}.menu-toggle{display:none}@media(max-width:1024px){.featured-slider{grid-template-columns:repeat(3,1fr)}.contendorCupon{max-width:300px;height:auto}}@media(max-width:900px){.selector{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:1.5rem 0;gap:1rem}.selector>div{display:flex;flex-direction:column;align-items:start}.featured-slider{grid-template-columns:repeat(2,1fr)}.contendorCupon{max-width:340px}}@media(max-width:700px){.featured-slider{min-width:100%;display:flex;flex-direction:column;grid-template-columns:repeat(2,1fr);justify-items:center}.imagenCupon{height:180px}.location-selector{flex-direction:column}.perfilAro{margin:0 1em}.perfil{display:none}.logout{width:150px;padding:1em}.menu-toggle{display:inline;margin-right:0}.perfil,.fa-angle-down{display:none}.containerCupon>section{width:100%!important;padding:0 1rem}.contendorCupon{width:100%!important;margin:0 auto}}@media(max-width:480px){.featured-slider{grid-template-columns:1fr}.contendorCupon{max-width:100%;border-radius:.8em;height:auto}.imagenCupon{height:160px}}.contenedorPaginacion{text-align:center}.buttonPrincipalPaginacion{font-size:medium;margin:1.5em 1px;border:none;background-color:#f1f1f1;color:#999;border-radius:.5em;cursor:not-allowed;font-weight:500;transition:all .3s;padding:8px 12px}.activeBtn{background-color:#6000b4;color:#fff;cursor:pointer}.esActual{color:#fff;background-color:#6000b4;cursor:pointer}.noEsActual{cursor:pointer;border:1px solid rgb(96,0,180);color:#999}.noEsActual:hover{background-color:#f0e4f7}@media(max-width:700px){.buttonPrincipalPaginacion{font-size:small}}.modalFav{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0000004d;display:none;justify-content:center;align-items:center;z-index:99;overflow:hidden}.tituloModalFavoritos{margin-bottom:20px}.modalFav-content{background:#efefef;width:90%;max-width:450px;max-height:70vh;border-radius:14px;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column}.modalFav-content>div:nth-of-type(1){text-align:center;width:100%;position:sticky;top:0;z-index:10;background:#fff;display:flex;flex-direction:row;padding:.5rem 1rem;justify-content:space-between}.titles-top-menu{text-align:left}.modalFav-content>div:nth-of-type(1)>i{font-size:x-large;width:40px;height:40px;align-content:center;color:#545454;cursor:pointer}.modalFav-content>div:nth-of-type(1)>i:hover,.modalFav-content>div:nth-of-type(1)>i:focus,.modalFav-content>div:nth-of-type(1)>i:active{background-color:#efefef;color:#000}.contenidoFavoritos{padding:1em;display:flex;flex-direction:column;gap:1rem;align-items:center}.toggle-top-menu{position:fixed;right:1.5rem;bottom:1.5rem;width:60px;height:60px;border-radius:50%;border:none;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;font-size:1.5rem;cursor:pointer;box-shadow:0 8px 20px #7c3aed4d;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:40}.toggle-top-menu:hover{transform:translateY(-3px);box-shadow:0 12px 30px #7c3aed66}.toggle-top-menu:active{transform:translateY(-1px)}.toggle-top-menu>i{font-size:1.5rem;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;display:none;justify-content:center;align-items:center;z-index:998;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal.show{display:flex}.modal-content{background:#fff;width:90%;max-width:500px;max-height:80vh;border-radius:1.5rem;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #0003;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.top-menu{display:flex;flex-direction:column;height:100%}.top-menu-header{padding:1.5rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-light);background:linear-gradient(135deg,#7c3aed0d,#ec48990d)}.top-menu-header .titles-top-menu{text-align:left}.top-menu-header .titles-top-menu h2{margin-bottom:.25rem;font-weight:700;color:var(--foreground);font-size:1.25rem}.top-menu-header .titles-top-menu p{font-size:.9rem;color:var(--foreground-secondary);font-weight:500}.top-menu-header button{background:none;border:none;color:var(--foreground-secondary);font-size:1.5rem;cursor:pointer;padding:0;transition:all .3s ease;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.top-menu-header button:hover{color:var(--primary);background:var(--background-alt);border-radius:var(--radius)}.top-menu-section{flex:1;overflow-y:auto;padding:1rem 0}.top-menu-list{display:flex;flex-direction:column;gap:.75rem;padding:1rem}.contendorCuponPremium{display:flex;flex-direction:row;width:100%;height:auto;min-height:90px;align-items:center;gap:1rem;border-radius:var(--radius);padding:1rem;border:1px solid var(--border);background:#fff;cursor:pointer;transition:all .3s ease}.contendorCuponPremium:hover{background:var(--background-alt);border-color:var(--primary);transform:translate(4px)}.badge-top{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;border-radius:50%;padding:.5rem;min-width:40px;height:40px;display:flex;justify-content:center;align-items:center;font-weight:700;font-size:.9rem;flex-shrink:0;box-shadow:0 2px 8px #7c3aed33}.contendorCuponPremium .imagenCupon{max-width:100px;height:70px;border-radius:var(--radius);overflow:hidden;flex-shrink:0}.contendorCuponPremium .imagenCupon img{width:100%;height:100%;object-fit:cover}.descripcionPremium{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0}.descripcionPremium .autorCupon{font-size:.95rem;font-weight:600;color:var(--foreground);margin:0}.descripcionPremium .descrpicion{font-size:.85rem;color:var(--foreground-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-content::-webkit-scrollbar,.top-menu-section::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-track,.top-menu-section::-webkit-scrollbar-track{background:var(--background-alt)}.modal-content::-webkit-scrollbar-thumb,.top-menu-section::-webkit-scrollbar-thumb{background:var(--primary);border-radius:10px}.modal-content::-webkit-scrollbar-thumb:hover,.top-menu-section::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}@media(max-width:600px){.toggle-top-menu{right:1rem;bottom:1rem;width:55px;height:55px}.modal-content{width:95%;max-height:90vh}.contendorCuponPremium{gap:.75rem;padding:.75rem;min-height:85px}.contendorCuponPremium .imagenCupon{max-width:80px;height:60px}.badge-top{min-width:35px;height:35px;font-size:.8rem}}.banner-section{width:100%;padding:1.5rem;margin:2rem 0}.banner-slider{width:100%;height:auto;border-radius:1.25rem;overflow:hidden;box-shadow:0 8px 24px #7c3aed26}.banner-slide{position:relative;width:100%;height:350px;cursor:pointer;overflow:hidden;background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%)}.banner-slide img{width:100%;height:100%;object-fit:cover;transition:transform .4s cubic-bezier(.4,0,.2,1)}.banner-slide:hover img{transform:scale(1.08)}.banner-content{position:absolute;bottom:0;left:0;right:0;padding:2rem;background:linear-gradient(to top,rgba(0,0,0,.9),transparent);color:#fff}.banner-title{font-size:1.75rem;font-weight:700;margin-bottom:.75rem;text-shadow:0 2px 8px rgba(0,0,0,.3)}.banner-description{font-size:1.05rem;opacity:.95;text-shadow:0 1px 4px rgba(0,0,0,.3);line-height:1.5}.banner-slider .swiper-pagination-bullet{background:#ffffff80;width:10px;height:10px;transition:all .3s ease}.banner-slider .swiper-pagination-bullet-active{background:#fff;opacity:1}.banner-slider .swiper-button-prev,.banner-slider .swiper-button-next{color:#fff;background:#0006;width:45px;height:45px;border-radius:50%;transition:all .3s ease}.banner-slider .swiper-button-prev:hover,.banner-slider .swiper-button-next:hover{background:#0009;transform:scale(1.1)}.banner-slider .swiper-button-prev:after,.banner-slider .swiper-button-next:after{font-size:20px}@media(max-width:768px){.banner-slide{height:250px}.banner-title{font-size:1.4rem}.banner-description{font-size:.95rem}.banner-slider .swiper-button-prev,.banner-slider .swiper-button-next{width:35px;height:35px}}@media(max-width:480px){.banner-section{padding:1rem;margin:1rem 0}.banner-slide{height:200px}.banner-content{padding:1.5rem}.banner-title{font-size:1.2rem;margin-bottom:.5rem}.banner-description{font-size:.85rem}}.hiddenBanner{height:0px;transition:all 2s ease-out}.icon-button-link{text-decoration:none;display:flex;flex-direction:column;align-items:center;gap:.25rem;cursor:pointer;transition:all .3s ease}.icon-button-link button{background:none;border:none;padding:5px;cursor:pointer;transition:all .3s ease}.icon-button-link:hover,.icon-button-link:focus{text-decoration:none}.icon-button-link p{margin:0;font-size:.875rem;font-weight:500}.sidebar{position:fixed;top:0;right:-100%;width:100%;max-width:500px;height:100vh;background-color:var(--background);border-left:1px solid var(--border);transition:all .3s ease;z-index:40;overflow-y:auto}.sidebar.active{right:0}.sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;opacity:0;pointer-events:none;transition:all .3s ease;z-index:30}.sidebar-overlay.active{opacity:1;pointer-events:auto}.sidebar-content{padding:2rem 1.5rem}@media(max-width:768px){.sidebar{max-width:100%}}