*{margin:0;padding:0;box-sizing:border-box;overflow-x:hidden}body{font-family:Inter,sans-serif;font-style:normal;font-variant-caps:normal;font-variant-east-asian:normal;font-variant-ligatures:normal;font-variant-numeric:normal}nav{height:4.5rem;background-color:#F8FAFC;position:sticky;width:100%}.navbar{display:flex;justify-content:space-between;align-items:center;margin:0.6rem 3rem;padding:0.2rem}.nav1{color:#2563EB;font-size:.85rem}.brand-link{display:flex;align-items:center;gap:8px;text-decoration:none;color:inherit}.brand-logo{width:36px;height:36px;flex:0 0 36px}.brand-text{font-weight:800;font-size:1.05rem;letter-spacing:.6px;background:linear-gradient(90deg,#1d4ed8,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media(max-width:420px){.floating-actions{right:12px;bottom:120px;gap:12px;align-items:flex-end;pointer-events:none}.logo-cta{padding:8px 12px;font-size:14px;max-width:92vw}}@media(max-width:360px){.floating-actions{right:10px;bottom:140px;gap:10px}.logo-cta{padding:8px 10px;font-size:13px}}.nav2{display:flex;justify-content:flex-end;gap:18px;align-items:center}.nav2 a{text-decoration:none;font-size:1rem;color:#374151;font-weight:500}main{}.mainsection{display:flex;flex-direction:column}.pw{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;background-color:#EFF5FF;background-size:24px 24px;background-image:linear-gradient(to right,#8080800a 1px,transparent 1px),linear-gradient(to bottom,#8080800a 1px,transparent 1px);min-height:18rem;padding:28px 12px;text-align:center}@media(max-width:414px){.pw{min-height:auto!important;padding:1.2rem 10px!important;padding-top:1.2rem!important;padding-bottom:1.2rem!important}.pw h1{font-size:1.4rem;line-height:1.08}.pw p{font-size:.95rem;max-width:92%}}@media(max-width:360px){.pw{min-height:auto!important;padding:1.2rem 8px!important;padding-top:1.2rem!important;padding-bottom:1.2rem!important}.pw h1{font-size:1.25rem}.pw p{font-size:.9rem}}.pw h1{font-size:3.75rem;font-family:SF Pro Display,Inter,sans-serif;background:linear-gradient(90deg,#1d4ed8,#3b82f6,#1d4ed8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.pw p{font-size:1.15rem;color:#374151;max-width:720px;margin:.6rem auto 0;text-align:center}.btn{}.button{padding:1rem 2rem;border-radius:10px;border:none;background-color:rgb(37 99 235);color:#EFF5FF;font-weight:500;cursor:pointer;display:flex;align-items:center}.button span{font-size:2rem;padding-right:1rem}.coupon-section{background-color:#F8FAFC}.coupon{margin:auto}.coupon h1{font-family:SF Pro Display,Inter,sans-serif;background:linear-gradient(90deg,#1d4ed8,#3b82f6,#1d4ed8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;margin-top:3.5rem;text-align:center}.coupon p{font-size:1.1rem;color:#374151;width:52%;margin-left:24%;text-align:center;margin-top:2rem}.category{margin-top:2rem;margin-left:13rem;margin-right:13rem;display:flex;gap:.4rem;flex-wrap:wrap;justify-content:center}.category a{border-radius:20px;cursor:pointer;padding:.5rem 1rem;gap:.2rem;border:solid;border-color:#86d3ff;border-width:1px;font-family:Inter,sans-serif;font-size:15px;font-weight:500;line-height:20px;color:#000;background-color:#fff;text-decoration:none}.codesec{display:flex;flex-direction:column;align-items:center;margin-top:2rem}.coupon-container{background:white;padding:15px 20px;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.1);display:flex;align-items:center;width:75%;justify-content:space-between;margin-top:1rem}.coupon-left{display:flex;flex-direction:column;gap:.7rem}.coupon-batch{display:flex;gap:.5rem}.tag{background:#DBEAFE;color:#1E40AF;padding:5px 10px;font-size:12px;border-radius:5px;display:inline-block;font-weight:bold}.validity{font-size:12px;color:#4b5563;margin-top:5px}.coupon-sec{display:flex;align-items:center}.code1{font-size:18px;font-weight:bold;color:#1E40AF;margin-top:5px;display:inline-block;background:#DBEAFE;padding:5px 10px;border-radius:5px}.discount{font-size:18px;color:green;font-weight:bold;margin-left:10px}.info{font-size:14px;color:#374151;margin-top:5px}.copy-button{background:none;border:1px solid #377dff;color:#1d4ed8;padding:2px 8px;border-radius:5px;cursor:pointer;font-weight:bold;display:flex;align-items:center;grid-area:1rem}.copy-button span{margin-left:.5rem}.copy-button:hover{background:#377dff;color:#fff}footer{background-color:#eee}.footer{font-family:Inter,sans-serif;font-size:14px;font-weight:400;line-height:20px;color:#4b5563;display:flex;justify-content:space-between;padding:30px 30px}.whatsapp-unified-btn>span:nth-child(2){color:#111827}@media screen and (max-width:768px){.navbar{display:flex;justify-content:space-between;align-items:center;margin:1.2rem .5rem;padding:.2rem}}@media screen and (max-width:425px){.nav2{opacity:1!important;width:auto!important;display:flex!important;flex-wrap:wrap!important;gap:8px;justify-content:center}.pw{min-height:12rem;padding:18px 12px}.pw div{margin-top:0}.pw h1{font-size:1.6rem;line-height:1.12}.pw p{font-size:.95rem;max-width:520px;margin:.4rem auto 0;padding:0 6px}.coupon h1{margin-top:1rem}.coupon p{font-size:1rem;width:80%;margin-left:10%;margin-top:1rem}.codesec{margin-top:0}.coupon-container{padding:15px 10px;flex-direction:column;align-items:start;width:90%;gap:.75rem}@media (max-width:425px){.coupon-container{width:92%;padding:12px}.copy-button{align-self:center;width:auto}.copy-button span{display:inline-block}}.coupon-left{gap:.5rem}.button{padding:.6rem 1rem}.button span{font-size:1.15rem;padding-right:.6rem}.tag{font-size:10px;border-radius:10px}.validity{font-size:11px}.code1{font-size:15px}.discount{font-size:15px}.info{font-size:12px}.copy-button{padding:1px 4px}.footer{font-family:Inter,sans-serif;font-size:14px;font-weight:400;line-height:25px;color:rgb(107,114,128);flex-direction:column;justify-content:space-between;padding:30px 30px}}.youtube-float{position:fixed;top:20px;right:20px;z-index:1000;display:inline-block;text-decoration:none}.container{max-width:1100px;margin:0 auto;padding:24px}.breadcrumb{font-size:.95rem;color:#6b7280;margin-bottom:12px}.hero h1{font-size:1.75rem;line-height:1.2;margin-bottom:8px}.hero h1,.pw h1{word-break:break-word;hyphens:auto}.lead{color:#4b5563;margin-bottom:14px}.section{margin-top:20px;margin-bottom:20px}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:12px}.offer{padding:14px;border-radius:10px;border:1px solid #fff1f0;background:linear-gradient(180deg,#fff,#fff8f7)}.offer h3{margin:0;color:#1d4ed8;font-size:1rem}.offer p{margin:8px 0;color:#6b7280}.btn-link{display:inline-block;background:#1d4ed8;color:#fff;padding:8px 12px;border-radius:8px;text-decoration:none;font-weight:600}details summary{cursor:pointer;font-weight:600}.menu-overlay.visible,.mobile-menu.open{z-index:2000}.youtube-float,.whatsapp-unified-btn{z-index:1000}@media (max-width:768px){.cards{grid-template-columns:1fr}.container{padding:14px}.hero h1{font-size:1.25rem}.cards{gap:10px}.coupon-container{width:100%}}@media (max-width:414px){.breadcrumb{font-size:.9rem}.hero h1{font-size:1.1rem}.lead{font-size:.95rem}.btn-link{padding:8px 10px}}@media (max-width:414px){.container .hero{padding:10px 8px}.container .hero p,.container .hero .lead{font-size:.95rem}.container .hero h1{word-break:break-word;hyphens:auto;font-size:1.15rem}.coupon-container{width:94%!important;max-width:560px;box-sizing:border-box}.coupon-container{padding:10px 12px}}@media (max-width:360px){.container{padding-left:10px;padding-right:10px}.container .hero{padding:8px 6px}.container .hero h1{font-size:1.05rem;line-height:1.12}.container .hero p,.container .hero .lead{font-size:.95rem;line-height:1.45}.cards{grid-template-columns:1fr!important;gap:10px}.offer{padding:10px}.coupon-container{width:100%!important;max-width:100%!important;margin:10px auto;padding:10px;flex-direction:column;align-items:flex-start}.coupon-container .copy-button{width:auto;align-self:flex-start}}@media (min-width:361px)and(max-width:414px){.container{padding-left:12px;padding-right:12px}.cards{grid-template-columns:1fr!important;gap:12px}.offer{padding:12px}.container .hero h1{font-size:1.15rem}.coupon-container{width:96%!important;margin:12px auto}.container .hero p{max-width:100%}.cards{align-items:start}.offer{width:100%}}@media (min-width:415px)and(max-width:768px){.container{padding-left:14px;padding-right:14px}.cards{grid-template-columns:repeat(2,1fr);gap:14px}.offer{padding:14px}.container .hero{padding:14px 12px}.container .hero h1{font-size:1.6rem}.coupon-container{width:92%!important;max-width:640px;margin:12px auto}.cards{align-items:start}.offer{width:100%}}.coupon-container,.offer{box-sizing:border-box;overflow:hidden}.cards,.coupon-container{width:100%}.hero h1,.pw h1,.coupon h1{word-break:break-word;hyphens:auto}.youtube-logo{width:48px;height:auto;transition:transform .3s ease}.youtube-icon{width:26px;height:26px;fill:#ff0000;vertical-align:middle;margin-right:6px}:root{--muted:#6b7280;--accent:#2563EB}.muted{color:var(--muted)}.mt-0{margin-top:0!important}.text-center{text-align:center}.last-updated{color:var(--muted);font-size:.95rem;margin-top:6px}.container{max-width:1100px;margin:0 auto;padding:0 16px}.hero{padding:28px 0}.hero h1{font-size:2rem;margin-bottom:8px}.lead{color:#374151;line-height:1.6}.cards{display:grid;grid-template-columns:1fr;gap:14px}.offer{padding:14px;border-radius:10px;background:#fff;box-shadow:0 1px 6px rgba(0,0,0,.04)}.coupon,.coupon>#coupon,.coupon h1,.coupon h2{text-align:center!important;display:block!important;margin-left:auto!important;margin-right:auto!important}.floating-actions{position:fixed;right:0;bottom:0;display:block;z-index:1200;pointer-events:none}.floating-actions{display:flex;flex-direction:column;align-items:flex-end;gap:12px;pointer-events:none}.logo-cta{pointer-events:auto;display:inline-flex;align-items:center;gap:12px;padding:10px 14px;border-radius:8px;min-height:44px;color:#fff;text-decoration:none;box-shadow:0 6px 18px rgba(16,24,40,.12);font-weight:600;font-size:15px;line-height:1;z-index:2000}.logo-cta img.icon{width:20px;height:20px;display:block}.cta-whatsapp{background:#25D366;justify-content:flex-start}.cta-telegram{background:#0088CC;justify-content:flex-start}.floating-actions{position:fixed;right:20px;bottom:20px;z-index:1200;display:flex;flex-direction:column;gap:12px;align-items:flex-end;pointer-events:none}.floating-actions .logo-cta{pointer-events:auto;width:auto;max-width:min(360px,92vw)}.floating-actions .cta-whatsapp{margin-bottom:0}.floating-actions .cta-telegram{margin-bottom:0}.tg-mini,.social-link.tg-mini{display:none!important}@media(max-width:600px){.floating-actions{right:12px;bottom:12px;gap:12px;align-items:flex-end}.whatsapp-unified-btn{left:12px!important;bottom:96px!important}}@media(max-width:420px){.floating-actions{bottom:18px;right:10px}.whatsapp-unified-btn{left:10px!important;bottom:110px!important}}@media(max-width:600px){.floating-actions{right:12px;bottom:12px;gap:8px}.floating-actions .wa-text{display:none}.whatsapp-unified-btn{bottom:84px!important;left:12px!important}}@media(max-width:414px){.pw p,.lead{font-size:.95rem;margin-top:8px}.pw{padding:12px 8px}.whatsapp-unified-btn{bottom:110px!important;left:10px!important}}.breadcrumb{font-size:.95rem;margin:12px 0}.breadcrumb a{color:var(--accent);text-decoration:none;font-weight:600}.coupon-container{padding:18px 20px}.how-to{background:#F8FAFC;padding:20px 12px;margin-top:20px}.how-to .container{max-width:900px;padding:0}.how-to ol{margin-top:12px;line-height:1.6;color:#374151}.how-to .tip{color:var(--muted);margin-top:10px}.faq-list{margin-top:12px;color:#374151}.faq-list details{margin-bottom:8px}.faq-list summary{cursor:pointer;font-weight:600}.faq-p{padding:8px 12px;color:#374151;margin:0}.hamburger{display:none;background:transparent;border:none;font-size:1.5rem;cursor:pointer;padding:8px;align-items:center}.hamburger .bar{display:block;width:22px;height:2px;background:#111827;margin:4px 0;transition:transform .2s ease,opacity .2s ease}.mobile-menu{position:fixed;top:0;right:-320px;width:300px;height:100vh;background:#fff;box-shadow:-8px 0 24px rgba(0,0,0,.12);z-index:1500;padding:24px;display:flex;flex-direction:column;gap:12px;transition:transform 260ms cubic-bezier(.2,.9,.2,1),opacity 180ms ease;transform:translateX(100%);opacity:0}.mobile-menu.open{right:0}.mobile-menu.open{right:0;transform:translateX(0);opacity:1}.mobile-menu a{color:#111827;text-decoration:none;font-weight:600;padding:8px 0}.menu-overlay{position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:1400;opacity:0;pointer-events:none;transition:opacity 200ms ease}.menu-overlay.visible{opacity:1;pointer-events:auto}@media screen and (max-width:768px){.hamburger{display:flex}.nav2{display:none}.nav1{display:flex;align-items:center;gap:12px}.brand a{text-decoration:none;color:inherit;font-weight:700}}@media screen and (max-width:480px){.youtube-float{top:72px;right:12px}}
/* Regenerated minified asset — imports canonical CSS to avoid duplication.
   This wrapper ensures pages referencing style.min.css will load the canonical
   `style.css`. If you prefer a fully inlined minified file, I can regenerate
   one instead. */
@import url("style.css");
* { margin: 0; padding: 0; box-sizing: border-box; overflow-x: hidden; } body { font-family: Inter, sans-serif; font-style: normal; font-variant-caps: normal; font-variant-east-asian: normal; font-variant-ligatures: normal; font-variant-numeric: normal; } nav { height: 4.5rem; background-color: #F8FAFC; position: sticky; width: 100%; } .navbar { display: flex; justify-content: space-between; align-items: center; margin: 0.6rem 3rem; padding: 0.2rem ; } .nav1 { color: #2563EB; font-size: 0.85rem; } .brand-link { display:flex; align-items:center; gap:8px; text-decoration:none; color:inherit } .brand-logo { width:36px; height:36px; flex:0 0 36px } .brand-text { font-weight:800; font-size:1.05rem; letter-spacing:0.6px; background: linear-gradient(90deg,#1d4ed8,#3b82f6); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } @media (max-width:420px){ .floating-actions{right:12px;bottom:120px;gap:12px;align-items:flex-end;pointer-events:none} .logo-cta{padding:8px 12px;font-size:14px;max-width:92vw} } @media (max-width:360px){ .floating-actions{right:10px;bottom:140px;gap:10px} .logo-cta{padding:8px 10px;font-size:13px} } .nav2 { display: flex; justify-content: flex-end; gap: 18px; align-items: center; } .nav2 a { text-decoration: none; font-size: 1rem; color: #374151; font-weight: 500; } main { } .mainsection { display: flex; flex-direction: column; } .pw { display: flex; flex-direction: column; justify-content: space-evenly; align-items: center; background-color: #EFF5FF; background-size: 24px 24px; background-image: linear-gradient(to right, #8080800a 1px, transparent 1px), linear-gradient(to bottom, #8080800a 1px, transparent 1px); min-height: 18rem; padding: 28px 12px; text-align: center; } @media (max-width: 414px) { .pw { min-height: calc(100vh - 4.5rem); padding: 14px 10px; } .pw h1 { font-size: 1.4rem; line-height: 1.08; } .pw p { font-size: 0.95rem; max-width: 92%; } } @media (max-width: 360px) { .pw { min-height: calc(100vh - 4.5rem); padding: 12px 8px; } .pw h1 { font-size: 1.25rem; } .pw p { font-size: 0.9rem; } } .pw h1 { font-size: 3.75rem; font-family: SF Pro Display, Inter, sans-serif; background: linear-gradient(90deg, #1d4ed8, #3b82f6, #1d4ed8); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent; } .pw p { font-size: 1.15rem; color: #374151; max-width: 720px; margin: 0.6rem auto 0; text-align: center; } .btn { } .button { padding: 1rem 2rem; border-radius: 10px; border: none; background-color: rgb(37 99 235 ); color: #EFF5FF; font-weight: 500; cursor: pointer; display: flex; align-items: center; } .button span { font-size: 2rem; padding-right: 1rem; } .coupon-section { background-color: #F8FAFC; } .coupon { margin: auto; } .coupon h1 { font-family: SF Pro Display, Inter, sans-serif; background: linear-gradient(90deg, #1d4ed8, #3b82f6, #1d4ed8); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent; margin-top: 3.5rem; text-align: center; } .coupon p { font-size: 1.1rem; color: #374151; width: 52%; margin-left: 24%; text-align: center; margin-top: 2rem; } .category { margin-top: 2rem; margin-left: 13rem; margin-right: 13rem; display: flex; gap: 0.4rem; flex-wrap: wrap; justify-content: center; } .category a { border-radius: 20px; cursor: pointer; padding: 0.5rem 1rem; gap: 0.2rem; border: solid; border-color: #86d3ff; border-width: 1px; font-family: Inter, sans-serif; font-size: 15px; font-weight: 500; line-height: 20px; color: #000; background-color: #fff; text-decoration: none; } .codesec { display: flex; flex-direction: column; align-items: center; margin-top: 2rem; } .coupon-container { background: white; padding: 15px 20px; border-radius: 10px; box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1); display: flex; align-items: center; width: 75%; justify-content: space-between; margin-top: 1rem; } .coupon-left { display: flex; flex-direction: column; gap: 0.7rem; } .coupon-batch { display: flex; gap: 0.5rem; } .tag { background: #DBEAFE; color: #1E40AF; padding: 5px 10px; font-size: 12px; border-radius: 5px; display: inline-block; font-weight: bold; } .validity { font-size: 12px; color: #4b5563; margin-top: 5px; } .coupon-sec { display: flex; align-items: center; } .code1 { font-size: 18px; font-weight: bold; color: #1E40AF; margin-top: 5px; display: inline-block; background: #DBEAFE; padding: 5px 10px; border-radius: 5px; } .discount { font-size: 18px; color: green; font-weight: bold; margin-left: 10px; } .info { font-size: 14px; color: #374151; margin-top: 5px; } .copy-button { background: none; border: 1px solid #377dff; color: #1d4ed8; padding: 2px 8px; border-radius: 5px; cursor: pointer; font-weight: bold; display: flex; align-items: center; grid-area: 1rem; } .copy-button span { margin-left: 0.5rem; } .copy-button:hover { background: #377dff; color: white; } footer { background-color: #eeeeee; } .footer { font-family: Inter, sans-serif; font-size: 14px; font-weight: 400; line-height: 20px; color: #4b5563; display: flex; justify-content: space-between; padding: 30px 30px; } .whatsapp-unified-btn > span:nth-child(2) { color: #111827; } @media screen and (max-width: 768px) { .navbar { display: flex; justify-content: space-between; align-items: center; margin: 1.2rem 0.5rem; padding: 0.2rem ; } } @media screen and (max-width: 425px) { .nav2 { opacity: 1 !important; width: auto !important; display: flex !important; flex-wrap: wrap !important; gap: 8px; justify-content: center; } .pw { min-height: 12rem; padding: 18px 12px; } .pw div { margin-top: 0rem; } .pw h1 { font-size: 1.6rem; line-height: 1.12; } .pw p { font-size: 0.95rem; max-width: 520px; margin: 0.4rem auto 0; padding: 0 6px; } .coupon h1 { margin-top: 1rem; } .coupon p { font-size: 1rem; width: 80%; margin-left: 10%; margin-top: 1rem; } .codesec { margin-top: 0rem; } .coupon-container { padding: 15px 10px; flex-direction: column; align-items: start; width: 90%; gap: 0.75rem; } @media (max-width: 425px) { .coupon-container { width: 92%; padding: 12px; } .copy-button { align-self: center; width: auto; } .copy-button span { display:inline-block } } .coupon-left { gap: 0.5rem; } .button { padding: 0.6rem 1rem; } .button span { font-size: 1.15rem; padding-right: 0.6rem } .tag { font-size: 10px; border-radius: 10px; } .validity { font-size: 11px; } .code1 { font-size: 15px; } .discount { font-size: 15px; } .info { font-size: 12px; } .copy-button { padding: 1px 4px; } .footer { font-family: Inter, sans-serif; font-size: 14px; font-weight: 400; line-height: 25px; color: rgb(107, 114, 128); flex-direction: column; justify-content: space-between; padding: 30px 30px; } } .youtube-float { position: fixed; top: 20px; right: 20px; z-index: 1000; display: inline-block; text-decoration: none; } .container { max-width: 1100px; margin: 0 auto; padding: 24px; } .breadcrumb { font-size: 0.95rem; color: #6b7280; margin-bottom: 12px; } .hero h1 { font-size: 1.75rem; line-height: 1.2; margin-bottom: 8px; } .hero h1, .pw h1 { word-break: break-word; hyphens: auto; } .lead { color: #4b5563; margin-bottom: 14px; } .section { margin-top: 20px; margin-bottom: 20px; } .cards{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin-top: 12px; } .offer{ padding: 14px; border-radius: 10px; border: 1px solid #fff1f0; background: linear-gradient(180deg,#fff,#fff8f7); } .offer h3{margin:0;color:#1d4ed8;font-size:1rem} .offer p{margin:8px 0;color:#6b7280} .btn-link{display:inline-block;background:#1d4ed8;color:#fff;padding:8px 12px;border-radius:8px;text-decoration:none;font-weight:600} details summary{cursor:pointer;font-weight:600} .menu-overlay.visible, .mobile-menu.open { z-index: 2000; } .youtube-float, .whatsapp-unified-btn { z-index: 1000; } @media (max-width: 768px){ .cards{grid-template-columns:1fr} .container{padding:14px} .hero h1{font-size:1.25rem} .cards { gap: 10px } .coupon-container { width: 100% } } @media (max-width: 414px){ .breadcrumb { font-size: 0.9rem } .hero h1 { font-size: 1.1rem } .lead { font-size: 0.95rem } .btn-link { padding: 8px 10px } } @media (max-width: 414px) { .container .hero { padding: 10px 8px; } .container .hero p, .container .hero .lead { font-size: 0.95rem; } .container .hero h1 { word-break: break-word; hyphens: auto; font-size: 1.15rem; } .coupon-container { width: 94% !important; max-width: 560px; box-sizing: border-box; } .coupon-container { padding: 10px 12px; } } @media (max-width: 360px) { .container { padding-left: 10px; padding-right: 10px; } .container .hero { padding: 8px 6px; } .container .hero h1 { font-size: 1.05rem; line-height: 1.12; } .container .hero p, .container .hero .lead { font-size: 0.95rem; line-height: 1.45; } .cards { grid-template-columns: 1fr !important; gap: 10px; } .offer { padding: 10px; } .coupon-container { width: 100% !important; max-width: 100% !important; margin: 10px auto; padding: 10px; flex-direction: column; align-items: flex-start; } .coupon-container .copy-button { width: auto; align-self: flex-start; } } @media (min-width: 361px) and (max-width: 414px) { .container { padding-left: 12px; padding-right: 12px; } .cards { grid-template-columns: 1fr !important; gap: 12px; } .offer { padding: 12px; } .container .hero h1 { font-size: 1.15rem; } .coupon-container { width: 96% !important; margin: 12px auto; } .container .hero p { max-width: 100%; } .cards { align-items: start; } .offer { width: 100%; } } @media (min-width: 415px) and (max-width: 768px) { .container { padding-left: 14px; padding-right: 14px; } .cards { grid-template-columns: repeat(2, 1fr); gap: 14px; } .offer { padding: 14px; } .container .hero { padding: 14px 12px; } .container .hero h1 { font-size: 1.6rem; } .coupon-container { width: 92% !important; max-width: 640px; margin: 12px auto; } .cards { align-items: start; } .offer { width: 100%; } } .coupon-container, .offer { box-sizing: border-box; overflow: hidden; } .cards, .coupon-container { width: 100%; } .hero h1, .pw h1, .coupon h1 { word-break: break-word; hyphens: auto; } .youtube-logo { width: 48px; height: auto; transition: transform 0.3s ease; } .youtube-icon { width: 26px; height: 26px; fill: #ff0000; vertical-align: middle; margin-right: 6px; } :root { --muted: #6b7280; --accent: #2563EB; } .muted { color: var(--muted); } .mt-0 { margin-top: 0 !important; } .text-center { text-align: center; } .last-updated { color: var(--muted); font-size: 0.95rem; margin-top: 6px; } .container { max-width: 1100px; margin: 0 auto; padding: 0 16px; } .hero { padding: 28px 0; } .hero h1 { font-size: 2rem; margin-bottom: 8px; } .lead { color: #374151; line-height: 1.6; } .cards { display: grid; grid-template-columns: 1fr; gap: 14px; } .offer { padding: 14px; border-radius: 10px; background: #fff; box-shadow: 0 1px 6px rgba(0,0,0,0.04); } .coupon, .coupon > #coupon, .coupon h1, .coupon h2 { text-align: center !important; display: block !important; margin-left: auto !important; margin-right: auto !important; } .floating-actions { position: fixed; right: 0; bottom: 0; display: block; z-index: 1200; pointer-events: none; } .floating-actions { display:flex; flex-direction:column; align-items:flex-end; gap:12px; pointer-events:none } .logo-cta { pointer-events: auto; display: inline-flex; align-items: center; gap: 12px; padding: 10px 14px; border-radius: 8px; min-height: 44px; color: #ffffff; text-decoration: none; box-shadow: 0 6px 18px rgba(16,24,40,.12); font-weight: 600; font-size: 15px; line-height: 1; z-index: 2000; } .logo-cta img.icon { width: 20px; height: 20px; display:block } .cta-whatsapp { background: #25D366; justify-content:flex-start } .cta-telegram { background: #0088CC; justify-content:flex-start } .floating-actions { position: fixed; right: 20px; bottom: 20px; z-index: 1200; display:flex; flex-direction:column; gap:12px; align-items:flex-end; pointer-events:none } .floating-actions .logo-cta { pointer-events:auto; width: auto; max-width: min(360px, 92vw); } .floating-actions .cta-whatsapp { margin-bottom: 0 } .floating-actions .cta-telegram { margin-bottom: 0 } .tg-mini, .social-link.tg-mini { display: none !important } @media (max-width: 600px){ .floating-actions { right: 12px; bottom: 12px; gap: 12px; align-items: flex-end } .whatsapp-unified-btn { left: 12px !important; bottom: 96px !important } } @media (max-width: 420px){ .floating-actions { bottom: 18px; right: 10px; } .whatsapp-unified-btn { left: 10px !important; bottom: 110px !important } } @media (max-width:600px){ .floating-actions { right: 12px; bottom: 12px; gap:8px } .floating-actions .wa-text { display:none } .whatsapp-unified-btn { bottom: 84px !important; left: 12px !important; } } @media (max-width:414px){ .pw p, .lead { font-size:0.95rem; margin-top:8px } .pw { padding: 12px 8px } .whatsapp-unified-btn { bottom: 110px !important; left: 10px !important; } } .breadcrumb { font-size: 0.95rem; margin: 12px 0; } .breadcrumb a { color: var(--accent); text-decoration: none; font-weight: 600; } .coupon-container { padding: 18px 20px; } .how-to { background: #F8FAFC; padding: 20px 12px; margin-top: 20px; } .how-to .container { max-width: 900px; padding: 0; } .how-to ol { margin-top: 12px; line-height: 1.6; color: #374151; } .how-to .tip { color: var(--muted); margin-top: 10px; } .faq-list { margin-top: 12px; color: #374151; } .faq-list details { margin-bottom: 8px; } .faq-list summary { cursor: pointer; font-weight: 600; } .faq-p { padding: 8px 12px; color: #374151; margin: 0; } .hamburger { display: none; background: transparent; border: none; font-size: 1.5rem; cursor: pointer; padding: 8px; align-items: center; } .hamburger .bar { display: block; width: 22px; height: 2px; background: #111827; margin: 4px 0; transition: transform 0.2s ease, opacity 0.2s ease; } .mobile-menu { position: fixed; top: 0; right: -320px; width: 300px; height: 100vh; background: #ffffff; box-shadow: -8px 0 24px rgba(0,0,0,0.12); z-index: 1500; padding: 24px; display: flex; flex-direction: column; gap: 12px; transition: transform 260ms cubic-bezier(.2,.9,.2,1), opacity 180ms ease; transform: translateX(100%); opacity: 0; } .mobile-menu.open { right: 0; } .mobile-menu.open { right: 0; transform: translateX(0); opacity: 1; } .mobile-menu a { color: #111827; text-decoration: none; font-weight:600; padding:8px 0; } .menu-overlay { position: fixed; inset: 0; background: rgba(0,0,0,0.35); z-index: 1400; opacity: 0; pointer-events: none; transition: opacity 200ms ease; } .menu-overlay.visible { opacity: 1; pointer-events: auto; } @media screen and (max-width: 768px) { .hamburger { display: flex; } .nav2 { display: none; } .nav1 { display:flex; align-items:center; gap:12px; } .brand a { text-decoration:none; color:inherit; font-weight:700; } } @media screen and (max-width: 480px) { .youtube-float { top: 72px; right: 12px; } } .hamburger { position: relative; z-index: 1001; } .hamburger .bar { display: block; width: 24px; height: 3px; margin: 4px 0; background: #000; border-radius: 2px; } .navbar { align-items: center; } .hamburger { align-items: center; justify-content: center; } .floating-telegrams { position: fixed; right: 16px; bottom: 84px; display: flex; gap: 8px; align-items: center; z-index: 1203; } .floating-telegrams a.tg-mini { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; background: #ffffff; border-radius: 50%; box-shadow: 0 6px 18px rgba(0,0,0,0.12); text-decoration: none; } .whatsapp-unified-btn { position: fixed; left: 20px; bottom: 20px; z-index: 1202 } .youtube-float:hover .youtube-logo { transform: scale(1.1); } .lucide, .icon, .svg-icon, svg[role="img"] { width: 18px !important; height: 18px !important; } .code { display: inline-block; color: #1E40AF; font-weight: 700; } .hero .icon { width: 20px !important; height: 20px !important; } .whatsapp-unified-btn { position: fixed; bottom: 20px; left: 20px; background-color: #25D366; color: white; font-weight: 600; font-size: 14px; border-radius: 12px; padding: 10px 14px; display: flex; align-items: center; gap: 10px; text-decoration: none; z-index: 1000; box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2); animation: pulse 2s infinite; } .whatsapp-unified-btn img { width: 28px; height: 28px; } } .youtube-icon { width:18px; height:18px; vertical-align:middle; margin-right:8px; fill: #FF0000; } .mobile-menu a:focus, .mobile-menu button:focus, .hamburger:focus { outline: 3px solid rgba(37,99,235,0.15); outline-offset: 2px; } .mobile-menu a { padding: 12px 8px; border-radius: 8px; } :root{--bg:#f7fbff;--card:#ffffff;--muted:#6b7280;--accent:#1d4ed8;--accent-2:#2563eb} body{background:var(--bg);color:#0f172a} .container{max-width:980px;margin:28px auto;padding:18px} nav.breadcrumb{font-size:14px;color:var(--muted);margin-bottom:14px} .hero{background:linear-gradient(90deg,var(--accent),var(--accent-2));color:white;padding:28px;border-radius:12px} .hero h1{margin:0;font-size:1.6rem;display:flex;align-items:center;gap:10px} .hero p{margin-top:8px;color:#e6eefc} .icon{width:16px;height:16px;vertical-align:middle;fill:currentColor} .content{margin-top:18px} .section{background:var(--card);padding:18px;border-radius:10px;box-shadow:0 6px 18px rgba(15,23,42,0.06);margin-bottom:16px} .cards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px} .offer{padding:14px;border-radius:10px;border:1px solid #eef2ff;background:linear-gradient(180deg,#fff,#fbfdff)} .offer h3{margin:0;font-size:1rem;color:var(--accent);display:flex;align-items:center;gap:8px} .offer p{margin:8px 0;color:var(--muted);font-size:0.95rem} .meta{font-weight:600;color:#065f46} .btn-link{display:inline-block;background:var(--accent);color:#fff;padding:10px 16px;border-radius:8px;text-decoration:none;font-weight:600;margin-top:8px} .svg-icon{width:18px;height:18px;vertical-align:middle;fill:#fff;margin-right:8px} .how-to{display:grid;grid-template-columns:1fr;gap:12px} details summary{cursor:pointer;font-weight:600} ul{padding-left:1.1rem} .lead{color:var(--muted);font-size:1rem} @media (max-width:768px){.cards{grid-template-columns:1fr}.container{padding:14px}.hero{padding:20px}.hero h1{font-size:1.25rem}} @media (max-width:420px){ .btn-link{padding:12px 18px} } @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.07); } 100% { transform: scale(1); } } .button-timer { background: #1e40af; color: white; padding: 4px 8px; margin-left: 8px; font-size: 12px; border-radius: 8px; font-weight: 500; } @media (max-width: 600px) { .whatsapp-unified-btn { bottom: 80px; left: 16px; padding: 8px 10px; font-size: 13px; } .whatsapp-unified-btn img { width: 24px; height: 24px; } } .popup-form-backdrop { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); justify-content: center; align-items: center; z-index: 2000; } .popup-card { background: #ffffff; border-radius: 18px; max-width: 420px; width: 90%; padding: 25px; box-shadow: 0 10px 30px rgba(0,0,0,0.25); position: relative; } .popup-title { font-size:20px; font-weight:700; margin-bottom:12px; color:#1e3a8a } .popup-card input { width:100%; padding:12px; margin:10px 0; border:1px solid #cbd5e1; border-radius:10px } .popup-submit { width:100%; background:#22c55e; color:white; font-size:16px; font-weight:700; padding:12px; border:none; border-radius:10px } .close-popup-btn { position:absolute; top:12px; right:20px; font-size:24px; color:#888; cursor:pointer } .skip-link{ position:absolute; left:-9999px; top:auto; width:1px; height:1px; overflow:hidden; } .skip-link:focus{ position:static; width:auto; height:auto; margin:8px; padding:8px 12px; background:#1d4ed8; color:#fff; border-radius:6px; z-index:10000; } @media screen and (max-width: 480px) { .pw { height: 12.5rem; padding: 10px 8px; } .pw h1 { font-size: 1.5rem; line-height: 1.15; margin: 0.15rem 0; } .pw p { font-size: 1.05rem; line-height: 1.18; width: 92%; margin: 0.25rem auto 0; padding: 0 8px; } .coupon-container { width: 85%; padding: 10px 12px; } .code1 { font-size: 14px; padding: 4px 8px; } .copy-button { padding: 4px 8px; } .brand-text { font-size: 0.95rem; } } @media screen and (max-width: 360px) { .pw { height: 11.5rem; padding: 8px 6px; } .pw h1 { font-size: 1.35rem; line-height: 1.1; } .pw p, .lead { font-size: 1.0rem; line-height: 1.15; width: 94%; margin: 0 auto; padding: 0 6px; } .coupon-container { width: 80%; padding: 8px 10px; } .brand-text { font-size: 0.92rem } } @media screen and (max-width: 480px) { .hero h1 { font-size: 1.5rem; line-height: 1.12; } .hero p { font-size: 1.05rem; line-height: 1.18; } .button span { font-size: 1.4rem; } } @media screen and (max-width: 360px) { .hero h1 { font-size: 1.35rem; line-height: 1.08; } .hero p { font-size: 1.0rem; line-height: 1.12; } .button span { font-size: 1.25rem; } } .coupon-section h2, .coupon h1, .section h2, .container > h1, .container h2, .coupon-container .coupon-batch .tag { text-align: center; margin-left: 0; } #coupon h2 { text-align: center; } .brand-text { font-weight: 800; letter-spacing: 0.4px; text-transform: none; } .mobile-menu.open { z-index: 2600; } .menu-overlay.visible { z-index: 2550; } .floating-actions { z-index: 1200; }

/* Accessibility fixes - WCAG 2.1 AA compliance */ .footer{color:#374151!important}.footer a{color:#374151!important}.logo-cta{color:#ffffff!important}.logo-cta span{pointer-events:none!important;user-select:none!important;overflow:visible!important;height:auto!important;max-height:none!important;min-height:auto!important;overflow-x:visible!important;overflow-y:visible!important;line-height:normal!important;display:inline!important}.logo-cta:focus{outline:3px solid rgba(255,255,255,0.5);outline-offset:2px}.cta-whatsapp{background:#0B6B35!important}.cta-telegram{background:#0077B5!important}