@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Nunito+Sans:wght@400;600;700;900&display=swap";
*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--navy:#0a1628;--navy2:#0f2040;--red:#c22;--red2:#e63030;--gold:#f5a623;--white:#fff;--gray:#f4f5f7;--text:#1a1a2e;--textmid:#4a5568;--border:#e2e8f0;--font-display:"Bebas Neue", cursive;--font-body:"Nunito Sans", sans-serif}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--text);background:#fff;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}button{cursor:pointer;font-family:var(--font-body)}input,select,textarea{font-family:var(--font-body)}.navbar{background:var(--navy);z-index:999;justify-content:space-between;align-items:center;height:70px;padding:0 2.5rem;display:flex;position:sticky;top:0;box-shadow:0 2px 20px #0006}.navbar-logo img{width:auto;height:40px}.navbar-links{align-items:center;gap:2rem;list-style:none;display:flex}.navbar-links a{color:#fffc;letter-spacing:1px;text-transform:uppercase;font-size:13px;font-weight:700;transition:color .2s}.navbar-links a:hover{color:var(--gold)}.btn-cta{background:var(--red);color:#fff;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;border:none;border-radius:6px;padding:10px 22px;font-size:13px;font-weight:700;transition:background .2s}.btn-cta:hover{background:var(--red2)}.mobile-menu-btn{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:none}.mobile-menu-btn span{background:#fff;border-radius:2px;width:24px;height:2px;transition:all .3s;display:block}.hero{background:linear-gradient(135deg, var(--navy) 0%, var(--navy2) 50%, #1a0a0a 100%);align-items:center;min-height:560px;display:flex;position:relative;overflow:hidden}.hero-bg{object-fit:cover;opacity:.18;width:100%;height:100%;position:absolute;inset:0}.hero-overlay{background:linear-gradient(90deg,#0a1628f2 0%,#0a1628b3 60%,#0a16284d 100%);position:absolute;inset:0}.hero-content{z-index:2;max-width:680px;padding:4rem 2.5rem;position:relative}.hero-badge{color:var(--gold);letter-spacing:2px;text-transform:uppercase;background:#c223;border:1px solid #cc222280;border-radius:20px;margin-bottom:1.2rem;padding:6px 16px;font-size:11px;font-weight:700;display:inline-block}.hero-title{font-family:var(--font-display);color:#fff;letter-spacing:2px;margin-bottom:.8rem;font-size:64px;line-height:1}.hero-title span{color:var(--red2)}.hero-subtitle{text-transform:uppercase;letter-spacing:1px;color:#ffffff8c;margin-bottom:.5rem;font-size:14px;font-weight:700}.hero-desc{color:#ffffffb3;max-width:500px;margin-bottom:2rem;font-size:15px;line-height:1.7}.hero-btns{flex-wrap:wrap;gap:1rem;margin-bottom:2.5rem;display:flex}.btn-primary{background:var(--red);color:#fff;text-transform:uppercase;letter-spacing:1px;border:none;border-radius:6px;padding:14px 30px;font-size:14px;font-weight:700;transition:all .2s}.btn-primary:hover{background:var(--red2);transform:translateY(-2px);box-shadow:0 6px 20px #c226}.btn-outline{color:#fff;text-transform:uppercase;letter-spacing:1px;background:0 0;border:1.5px solid #fff6;border-radius:6px;padding:13px 30px;font-size:14px;font-weight:700;transition:all .2s}.btn-outline:hover{background:#ffffff14;border-color:#fff}.hero-info-bar{color:#ffffff8c;flex-wrap:wrap;align-items:center;gap:.5rem;font-size:13px;display:flex}.hero-info-bar strong{color:var(--gold);font-size:14px}.hero-info-sep{color:#fff3;margin:0 4px}.strip{background:var(--red);flex-wrap:wrap;justify-content:center;gap:2.5rem;padding:1.1rem 2.5rem;display:flex}.strip-item{color:#fff;align-items:center;gap:10px;display:flex}.strip-icon{background:#fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;display:flex}.strip-text{text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:700}.section{padding:5rem 2.5rem}.section-bg-gray{background:var(--gray)}.section-bg-navy{background:var(--navy)}.section-label{letter-spacing:3px;text-transform:uppercase;color:var(--red);margin-bottom:.5rem;font-size:12px;font-weight:700}.section-label-gold{color:var(--gold)}.section-title{font-family:var(--font-display);color:var(--navy);letter-spacing:1px;margin-bottom:1rem;font-size:44px;line-height:1}.section-title-white{color:#fff}.section-desc{color:var(--textmid);max-width:640px;font-size:15px;line-height:1.8}.about-grid{grid-template-columns:1fr 1fr;align-items:center;gap:5rem;display:grid}.about-img-wrap{position:relative}.about-img-wrap img{object-fit:cover;border-radius:16px;width:100%;max-height:480px}.about-badge{background:var(--red);color:#fff;text-align:center;border-radius:12px;padding:1.2rem 1.5rem;position:absolute;bottom:2rem;left:-1.5rem;box-shadow:0 8px 30px #c226}.about-badge-num{font-family:var(--font-display);letter-spacing:1px;font-size:38px;line-height:1}.about-badge-label{text-transform:uppercase;letter-spacing:1px;opacity:.85;margin-top:4px;font-size:12px;font-weight:700}.about-text p{color:var(--textmid);margin-bottom:1rem;font-size:15px;line-height:1.8}.about-features{flex-direction:column;gap:.8rem;margin-top:1.5rem;display:flex}.about-feature{align-items:flex-start;gap:12px;display:flex}.feature-dot{background:var(--red);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}.feature-content h4{color:var(--navy);margin-bottom:2px;font-size:14px;font-weight:700}.feature-content p{color:var(--textmid);margin:0;font-size:13px;line-height:1.5}.services-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:3rem;display:grid}.service-card{border:1px solid var(--border);background:#fff;border-radius:14px;padding:2rem 1.5rem;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.service-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #0000001a}.service-card:before{content:"";background:var(--red);height:4px;position:absolute;top:0;left:0;right:0}.service-icon{background:#cc222214;border-radius:12px;justify-content:center;align-items:center;width:54px;height:54px;margin-bottom:1.2rem;font-size:24px;display:flex}.service-card h3{font-family:var(--font-display);color:var(--navy);letter-spacing:1px;margin-bottom:.6rem;font-size:26px}.service-card p{color:var(--textmid);font-size:14px;line-height:1.6}.service-price{color:var(--red);letter-spacing:.5px;background:#cc222214;border-radius:20px;margin-top:1rem;padding:5px 14px;font-size:12px;font-weight:700;display:inline-block}.sites-intro{text-align:center;max-width:700px;margin:0 auto 3rem}.sites-intro .section-label,.sites-intro .section-title,.sites-intro .section-desc{text-align:center}.sites-intro .section-desc{margin:0 auto}.sites-grid{grid-template-columns:repeat(4,1fr);gap:1.2rem;display:grid}.site-card{border:1px solid var(--border);background:#fff;border-radius:12px;justify-content:center;align-items:center;height:90px;padding:1.5rem 1rem;transition:all .2s;display:flex}.site-card:hover{border-color:var(--red);transform:translateY(-3px);box-shadow:0 4px 20px #cc222226}.site-card img{object-fit:contain;filter:grayscale(20%);width:auto;max-width:120px;max-height:42px;transition:filter .2s}.site-card:hover img{filter:grayscale(0%)}.pobox-wrapper{max-width:1100px;margin:0 auto}.pobox-grid{grid-template-columns:1fr 1.2fr;align-items:start;gap:4rem;margin-top:3rem;display:grid}.pobox-benefits{margin-top:1.5rem}.pobox-benefit{align-items:center;gap:14px;margin-bottom:1.1rem;display:flex}.benefit-icon{background:#c223;border:1px solid #cc222259;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:17px;display:flex}.benefit-text{color:#fffc;font-size:14px;font-weight:600}.pobox-form-card{background:#ffffff0d;border:1px solid #ffffff1f;border-radius:18px;padding:2.2rem}.form-tabs{border:1px solid #ffffff26;border-radius:10px;grid-template-columns:1fr 1fr;gap:0;margin-bottom:2rem;display:grid;overflow:hidden}.form-tab{text-align:center;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:14px;font-size:13px;font-weight:700;transition:all .2s;display:flex}.form-tab.active{background:var(--red);color:#fff}.form-tab.inactive{color:#fff9;background:#ffffff0d}.form-tab.inactive:hover{color:#fff;background:#ffffff1a}.form-section-title{text-transform:uppercase;letter-spacing:2px;color:#ffffff73;border-bottom:1px solid #ffffff1a;margin-bottom:1rem;padding-bottom:.8rem;font-size:11px;font-weight:700}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.form-group{margin-bottom:1rem}.form-group label{text-transform:uppercase;letter-spacing:1px;color:#ffffff73;margin-bottom:6px;font-size:11px;font-weight:700;display:block}.form-group input,.form-group select,.form-group textarea{color:#fff;background:#ffffff12;border:1px solid #ffffff26;border-radius:8px;outline:none;width:100%;padding:11px 14px;font-size:14px;transition:border .2s,background .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--red);background:#ffffff1a}.form-group input::placeholder,.form-group textarea::placeholder{color:#ffffff40}.form-group select option{background:var(--navy);color:#fff}.sucursal-group{grid-template-columns:repeat(3,1fr);gap:.8rem;margin-top:.3rem;display:grid}.sucursal-btn{color:#ffffff8c;cursor:pointer;text-align:center;background:#ffffff0d;border:1px solid #ffffff26;border-radius:8px;padding:12px 8px;font-size:13px;font-weight:700;line-height:1.3;transition:all .2s}.sucursal-btn.active{border-color:var(--red);color:#fff;background:#cc222240}.sucursal-btn:hover:not(.active){color:#fff;border-color:#ffffff4d}.sucursal-code{font-size:18px;font-family:var(--font-display);letter-spacing:1px;display:block}.sucursal-name{opacity:.7;font-size:10px;font-weight:600;display:block}.form-submit{background:var(--red);color:#fff;width:100%;font-family:var(--font-display);letter-spacing:2px;cursor:pointer;border:none;border-radius:8px;margin-top:.5rem;padding:15px;font-size:22px;transition:background .2s,transform .1s}.form-submit:hover{background:var(--red2)}.form-submit:active{transform:scale(.99)}.form-submit:disabled{opacity:.6;cursor:not-allowed}.form-note{color:#ffffff4d;text-align:center;margin-top:.8rem;font-size:11px;line-height:1.5}.alert{border-radius:8px;align-items:center;gap:10px;margin-bottom:1.2rem;padding:14px 18px;font-size:14px;font-weight:600;display:flex}.alert-success{color:#4ade80;background:#22c55e26;border:1px solid #22c55e66}.alert-error{color:#f87171;background:#ef444426;border:1px solid #ef444466}.gallery-grid{grid-template-columns:repeat(4,1fr);gap:1.2rem;margin-top:3rem;display:grid}.gallery-item{aspect-ratio:3/4;background:var(--gray);border-radius:12px;position:relative;overflow:hidden}.gallery-item img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.gallery-item:hover img{transform:scale(1.05)}.contact-grid{grid-template-columns:1fr 1fr;align-items:start;gap:4rem;margin-top:3rem;display:grid}.contact-info-card{background:var(--gray);border-radius:12px;margin-bottom:1rem;padding:1.5rem}.contact-info-label{text-transform:uppercase;letter-spacing:1.5px;color:var(--textmid);margin-bottom:.7rem;font-size:11px;font-weight:700}.contact-info-value{color:var(--navy);font-size:16px;font-weight:700}.contact-info-sub{color:var(--textmid);margin-top:3px;font-size:13px}.contact-phone{color:var(--red);margin-bottom:3px;font-size:18px;font-weight:700;display:block}.contact-form-card{background:var(--navy);border-radius:16px;padding:2.2rem}.contact-form-title{font-family:var(--font-display);color:#fff;letter-spacing:1px;border-bottom:1px solid #ffffff1a;margin-bottom:1.5rem;padding-bottom:1rem;font-size:26px}.footer{background:var(--navy);color:#ffffffa6;border-top:4px solid var(--red);padding:4rem 2.5rem 2rem}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;margin-bottom:3rem;display:grid}.footer-brand img{height:38px;margin-bottom:1.2rem}.footer-brand p{max-width:240px;font-size:13px;line-height:1.7}.footer-col h5{text-transform:uppercase;letter-spacing:2px;color:#ffffff59;margin-bottom:1.2rem;font-size:11px;font-weight:700}.footer-col a,.footer-col span{color:#fff9;cursor:pointer;margin-bottom:.6rem;font-size:13px;transition:color .2s;display:block}.footer-col a:hover{color:var(--gold)}.footer-bar{border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding-top:1.5rem;font-size:12px;display:flex}.footer-bar span{color:#ffffff4d}.tracking-card{background:#ffffff0d;border:1px solid #ffffff1f;border-radius:16px;max-width:600px;margin:3rem auto 0;padding:2rem}.tracking-row{gap:1rem;display:flex}.tracking-input{color:#fff;background:#ffffff14;border:1px solid #fff3;border-radius:8px;outline:none;flex:1;padding:13px 16px;font-size:15px}.tracking-input::placeholder{color:#ffffff4d}.tracking-btn{background:var(--red);color:#fff;letter-spacing:.5px;white-space:nowrap;border:none;border-radius:8px;padding:13px 24px;font-size:14px;font-weight:700;transition:background .2s}.tracking-btn:hover{background:var(--red2)}@media (max-width:1024px){.services-grid{grid-template-columns:repeat(2,1fr)}.sites-grid{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.about-grid{grid-template-columns:1fr;gap:3rem}.about-badge{left:1rem}}@media (max-width:768px){.navbar-links{display:none}.navbar-links.open{background:var(--navy);flex-direction:column;gap:1.2rem;padding:1.5rem 2rem;display:flex;position:fixed;top:70px;left:0;right:0;box-shadow:0 10px 30px #00000080}.mobile-menu-btn{display:flex}.hero-title{font-size:46px}.section{padding:3.5rem 1.5rem}.services-grid{grid-template-columns:1fr}.sites-grid{grid-template-columns:repeat(2,1fr)}.pobox-grid{grid-template-columns:1fr}.gallery-grid{grid-template-columns:repeat(2,1fr)}.contact-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:2rem}.form-row{grid-template-columns:1fr}.strip{gap:1.5rem;padding:1rem 1.5rem}.navbar{padding:0 1.5rem}}