:root{--primary:#00a9e0;--primary-dark:#007bb6;--secondary:#ffea00;--accent:#ff007f;--background-promo:#e0f7fa;--dark:#212529;--light:#fff;--gradient-primary:linear-gradient(135deg,#00ffab,#00e676);--font-display:"Bebas Neue",cursive}html{scroll-behavior:smooth}body{background-color:#f0fdfa;background-image:radial-gradient(#00e67622 1px,transparent 0);background-size:20px 20px;color:var(--dark);font-family:Montserrat,sans-serif;overflow-x:hidden}.countdown-header{background:var(--gradient-primary);border-bottom:4px solid var(--secondary);box-shadow:0 4px 15px rgba(0,230,118,.4);color:#004d40;padding:12px 0;position:sticky;top:0;z-index:1030}.countdown-header-content{align-items:center;display:flex;gap:30px;justify-content:center}.countdown-header-title{align-items:center;color:#fff;display:flex;font-family:var(--font-display);font-size:28px;gap:10px;letter-spacing:2px;text-shadow:2px 2px 0 var(--dark);text-transform:uppercase}.countdown-header-items{display:flex;gap:20px}.countdown-header-item{backdrop-filter:blur(5px);background:hsla(0,0%,100%,.2);border-radius:8px;min-width:60px;padding:4px 8px;text-align:center}.countdown-header-value{color:var(--dark);font-family:var(--font-display);font-size:28px;font-weight:700;line-height:1}.countdown-header-label{color:var(--dark);font-size:11px;font-weight:700;margin-top:4px;opacity:.8;text-transform:uppercase}.navbar{background:#fff;border-bottom:3px solid var(--primary);box-shadow:0 2px 10px rgba(0,0,0,.08)}.navbar-brand img{height:40px;max-height:44px;width:auto}.hero{align-items:center;background:var(--background-promo);border-bottom:5px solid var(--secondary);color:var(--dark);display:flex;position:relative}.section-title{color:var(--primary);display:inline-block;font-family:var(--font-display);font-size:3rem;font-weight:800;letter-spacing:1px;position:relative;text-shadow:2px 2px 0 #eee;text-transform:uppercase;transform:skew(-2deg)}.section-title:after{background:var(--secondary);border-radius:0;bottom:-5px;content:"";height:6px;left:0;position:absolute;transform:skew(2deg);width:100%}.promo-item{border:none;border-radius:16px;height:100%}.promotion-card{background:#fff;border:2px solid #eee;border-bottom:6px solid var(--primary);border-radius:16px;box-shadow:0 8px 24px rgba(0,0,0,.05);display:flex;flex-direction:column;height:100%;overflow:hidden;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.promotion-card:hover{border-color:var(--secondary);border-bottom-color:var(--secondary);box-shadow:0 15px 30px rgba(0,0,0,.1);transform:translateY(-8px) scale(1.01)}.promotion-card .media{border-bottom:1px solid #f1f1f1;overflow:hidden;position:relative;width:100%}.promotion-card .media img{display:block;transition:transform .5s ease;width:100%}.promotion-card:hover .media img{transform:scale(1.05)}.promotion-card .bd{display:flex;flex:1;flex-direction:column;gap:.5rem;padding:24px}.banner-stack{background:#fff;border:2px solid var(--secondary);border-radius:20px;box-shadow:0 18px 40px rgba(0,230,118,.15);overflow:hidden}.banner-card img{display:block;width:100%}.banner-meta{background:#fff;padding:1.5rem 1.75rem}.promo-brand{color:var(--primary);font-size:.85rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.card-title{color:#333;font-size:1.2rem;font-weight:700;line-height:1.2;margin-bottom:.5rem}.card-title a{color:inherit;transition:color .2s}.card-title a:hover{color:var(--accent)}.discount-badge{background:var(--secondary);border-radius:8px;box-shadow:3px 3px 0 var(--dark);color:#000;display:inline-block;font-family:var(--font-display);font-size:1rem;font-weight:700;letter-spacing:1px;padding:6px 12px;transform:rotate(-2deg);z-index:10}.discount-badge.volume{background:var(--primary);box-shadow:3px 3px 0 #005f73;color:#fff}.promo-restrictions{border-top:2px dashed #eee;color:#999;display:block;font-size:.7rem;font-style:italic;margin-top:auto;padding-top:10px}.btn-tvc{background:var(--accent)!important;border:2px solid var(--dark)!important;border-radius:50px!important;box-shadow:4px 4px 0 var(--dark)!important;color:#fff!important;display:inline-block;font-size:.9rem!important;font-weight:800!important;letter-spacing:1px!important;padding:.7rem 1.5rem!important;text-align:center;text-decoration:none;text-transform:uppercase!important;transition:all .2s ease!important}.btn-tvc:hover{background:#fff!important;box-shadow:6px 6px 0 var(--dark)!important;color:var(--accent)!important;transform:translate(-2px,-2px)}.btn-tvc:active{box-shadow:0 0 0 var(--dark)!important;transform:translate(2px,2px)}.filters{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.95);border-bottom:1px solid #eee;box-shadow:0 4px 20px rgba(0,0,0,.05);position:sticky;top:70px;z-index:100}.chip{background:#fff;border:2px solid #eee;border-radius:12px;color:var(--dark);cursor:pointer;font-size:.9rem;font-weight:700;padding:.5rem 1rem;transition:all .2s ease}.chip:hover{color:var(--primary);transform:translateY(-2px)}.chip.active,.chip:hover{border-color:var(--primary)}.chip.active{background:var(--primary);box-shadow:2px 2px 0 var(--dark);color:#fff}.promo-grid{display:flex;flex-direction:column;gap:2rem}.promo-row{display:grid;gap:2rem;grid-template-columns:1fr;width:100%}@media (min-width:992px){.promo-row[data-cols="1"]{grid-template-columns:1fr}.promo-row[data-cols="2"]{grid-template-columns:repeat(2,1fr)}.promo-row[data-cols="3"]{grid-template-columns:repeat(3,1fr)}.promo-row[data-cols="4"]{grid-template-columns:repeat(4,1fr)}}@media (min-width:768px) and (max-width:991px){.promo-row[data-cols="1"]{grid-template-columns:1fr}.promo-row[data-cols="2"]{grid-template-columns:repeat(2,1fr)}.promo-row[data-cols="3"]{grid-template-columns:repeat(3,1fr)}.promo-row[data-cols="4"]{grid-template-columns:repeat(2,1fr)}}.floating-cta{align-items:center;background:#25d366;border:3px solid #fff;border-radius:50%;bottom:22px;box-shadow:0 5px 15px rgba(0,0,0,.2);color:#fff;display:flex;font-size:1.8rem;height:65px;justify-content:center;position:fixed;right:22px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);width:65px;z-index:999}.floating-cta:hover{transform:scale(1.1) rotate(10deg)}.animate-fade{animation:fadeIn .6s cubic-bezier(.2,.8,.2,1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.section-title{font-size:2rem}.countdown-header-content{flex-direction:column;gap:8px}.countdown-header-items{gap:10px}.filters{top:120px}}body>main>.container-fluid{padding:0!important}.base-skip-to-content{height:1px;left:-9999px;overflow:hidden;position:absolute;top:auto;width:1px}.base-skip-to-content:focus{background:#000;border-radius:4px;color:#fff;height:auto;left:16px;padding:8px 16px;top:16px;width:auto;z-index:9999}