:root{--navy:#101b48;--blue:#087bd2;--gold:#dca91f;--ink:#14203b;--muted:#69748b;--line:#dfe6ef;--paper:#f5f7fb}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select,textarea{font:inherit}.gold-line{height:6px;background:linear-gradient(90deg,#ba8211,var(--gold),#ffda66,var(--gold),#ba8211)}
.site-header{position:sticky;z-index:30;top:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;max-width:1400px;margin:auto;padding:14px 5vw;border-bottom:1px solid rgba(223,230,239,.85);background:rgba(255,255,255,.92);backdrop-filter:blur(18px)}.brand img{display:block;width:155px;height:52px;object-fit:contain;mix-blend-mode:multiply}.site-header nav{display:flex;gap:2rem}.site-header nav a{color:#48536b;font-size:.9rem;font-weight:700;text-decoration:none}.site-header nav a:hover{color:var(--blue)}.cart-button{justify-self:end;display:flex;align-items:center;gap:.55rem;min-height:45px;border:0;border-radius:999px;padding:0 .75rem 0 1rem;color:white;background:var(--navy);cursor:pointer;font-weight:800}.cart-button b{display:grid;place-items:center;min-width:27px;height:27px;border-radius:50%;color:var(--navy);background:var(--gold)}
.hero{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;min-height:610px;max-width:1400px;margin:auto;padding:66px 6vw 76px;overflow:hidden;background:radial-gradient(circle at 82% 34%,rgba(35,163,224,.12),transparent 28%)}.hero-copy{position:relative;z-index:2;max-width:760px}.eyebrow{margin:0;color:var(--blue);font-size:.78rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.hero h1{margin:14px 0 22px;max-width:720px;color:var(--navy);font-size:clamp(3.7rem,7vw,7.4rem);line-height:.87;letter-spacing:-.068em}.hero-lead{max-width:690px;margin:0;color:var(--muted);font-size:clamp(1.05rem,1.7vw,1.3rem);line-height:1.65}.hero-cta{display:inline-flex;align-items:center;gap:.6rem;margin-top:28px;border-radius:13px;padding:15px 21px;color:white;background:var(--navy);box-shadow:0 16px 35px rgba(16,27,72,.2);font-weight:850;text-decoration:none}.hero-trust{display:flex;flex-wrap:wrap;gap:1.4rem;margin-top:34px;color:#59647c;font-size:.88rem;font-weight:750}.hero-trust span{display:flex;align-items:center;gap:.45rem}.hero-trust svg{color:var(--blue)}.hero-visual{position:relative;display:grid;place-items:center;min-height:460px}.hero-visual:before{content:"";position:absolute;width:440px;height:440px;border-radius:50%;background:var(--navy);box-shadow:0 50px 110px rgba(16,27,72,.28)}.hero-visual:after{content:"";position:absolute;right:3%;bottom:4%;width:150px;height:150px;border-radius:50%;background:var(--gold)}.hero-card{position:relative;z-index:2;width:min(390px,82vw);min-height:410px;border:1px solid rgba(255,255,255,.8);border-radius:28px;padding:34px;background:rgba(255,255,255,.94);box-shadow:0 35px 85px rgba(0,0,0,.22);transform:rotate(2deg)}.hero-card img{width:105px;height:90px;object-fit:contain;mix-blend-mode:multiply}.hero-card>span{display:block;margin-top:38px;color:var(--blue);font-size:.77rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.hero-card>strong{display:block;margin-top:8px;color:var(--navy);font-size:2.5rem;line-height:1;letter-spacing:-.045em}.hero-card>div{display:flex;align-items:center;gap:.65rem;margin-top:32px;border:1px solid var(--line);border-radius:12px;padding:14px;color:#788197;background:#f7f9fc;font-size:.86rem}
.catalog-section{max-width:1400px;margin:auto;padding:76px 5vw}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:2rem}.section-heading h2{margin:8px 0 0;color:var(--navy);font-size:clamp(2.4rem,4vw,4.4rem);letter-spacing:-.05em}.section-heading>p{color:var(--muted);font-size:.82rem}.search-panel{position:sticky;z-index:20;top:86px;display:grid;grid-template-columns:1fr minmax(210px,280px);gap:12px;margin:30px 0 20px;border:1px solid var(--line);border-radius:20px;padding:12px;background:rgba(255,255,255,.94);box-shadow:0 14px 40px rgba(16,27,72,.08);backdrop-filter:blur(16px)}.search-box{display:flex;align-items:center;gap:.75rem;min-height:54px;border-radius:12px;padding:0 16px;color:var(--blue);background:#f4f7fb}.search-box input{width:100%;border:0;outline:0;color:var(--ink);background:transparent}.search-box input::placeholder{color:#8992a5}.search-box button{display:grid;place-items:center;border:0;color:var(--muted);background:transparent;cursor:pointer}.select-box{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.6rem;min-height:54px;border-left:1px solid var(--line);padding:0 10px 0 20px;color:var(--muted);font-size:.78rem;font-weight:800}.select-box select{min-width:0;border:0;outline:0;color:var(--navy);background:white;font-weight:800}.results-line{display:flex;gap:.4rem;margin:20px 2px;color:var(--muted);font-size:.88rem}.results-line strong{color:var(--navy)}
.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.product-card{overflow:hidden;border:1px solid var(--line);border-radius:20px;background:white;box-shadow:0 10px 30px rgba(16,27,72,.045);transition:.18s}.product-card:hover{transform:translateY(-4px);box-shadow:0 20px 44px rgba(16,27,72,.11)}.product-image{position:relative;display:grid;place-items:center;aspect-ratio:1.45;padding:18px;background:linear-gradient(145deg,#f5f8fb,#fff)}.product-image img{width:100%;height:100%;object-fit:contain}.product-image img.fallback-image,.product-image img[src="/disant-icon.jpeg"]{max-width:48%;mix-blend-mode:multiply;opacity:.7}.product-image small{position:absolute;right:10px;bottom:8px;border-radius:999px;padding:4px 8px;color:#7c8495;background:rgba(255,255,255,.9);font-size:.62rem;font-weight:800}.product-body{padding:17px}.product-meta{display:flex;justify-content:space-between;gap:.7rem;color:var(--blue);font-size:.65rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.product-meta span:last-child{color:#8a93a5;white-space:nowrap}.product-card h3{min-height:3.7em;margin:10px 0 9px;color:var(--navy);font-size:.94rem;line-height:1.25}.product-card p{min-height:3.2em;margin:0;color:var(--muted);font-size:.77rem;line-height:1.45}.product-card p b{color:#4e5970}.product-bottom{display:flex;align-items:center;justify-content:space-between;gap:.7rem;margin-top:15px;padding-top:14px;border-top:1px solid #edf0f5}.product-bottom>strong{color:var(--navy);font-size:1.05rem}.product-bottom button{display:flex;align-items:center;gap:.3rem;border:0;border-radius:10px;padding:10px 12px;color:white;background:var(--blue);cursor:pointer;font-size:.77rem;font-weight:850}.load-more{display:block;margin:34px auto 0;border:1px solid var(--navy);border-radius:12px;padding:14px 24px;color:var(--navy);background:white;cursor:pointer;font-weight:850}.empty-state{margin:30px 0;border:1px dashed #ccd5e2;border-radius:18px;padding:42px;color:var(--muted);background:white;text-align:center}
.steps{display:grid;grid-template-columns:repeat(3,1fr);max-width:1250px;margin:0 auto 80px;overflow:hidden;border-radius:28px;color:white;background:var(--navy);box-shadow:0 30px 65px rgba(16,27,72,.2)}.steps>div{padding:34px;border-right:1px solid rgba(255,255,255,.13)}.steps>div:last-child{border:0}.steps span{color:var(--gold);font-size:.75rem;font-weight:900;letter-spacing:.1em}.steps h3{margin:9px 0 6px;font-size:1.5rem}.steps p{margin:0;color:#b9c3dc;line-height:1.55}.site-footer{display:grid;grid-template-columns:auto 1fr 1fr;align-items:center;gap:2rem;padding:35px 5vw;border-top:1px solid var(--line);color:var(--muted);background:white;font-size:.8rem}.site-footer img{width:125px;height:55px;object-fit:contain;mix-blend-mode:multiply}.site-footer a{color:var(--navy);font-weight:850}
.scrim{position:fixed;z-index:50;inset:0;background:rgba(8,15,42,.52);backdrop-filter:blur(4px)}.cart-drawer{position:fixed;z-index:60;top:0;right:0;display:flex;flex-direction:column;width:min(470px,100vw);height:100dvh;background:white;box-shadow:-30px 0 80px rgba(8,15,42,.25);transform:translateX(105%);transition:transform .25s}.cart-drawer.open{transform:none}.drawer-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid var(--line)}.drawer-header p{margin:0;color:var(--blue);font-size:.72rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.drawer-header h2{margin:4px 0 0;color:var(--navy);font-size:1.65rem}.drawer-header button,.modal-close{display:grid;place-items:center;border:0;border-radius:50%;width:42px;height:42px;color:var(--navy);background:#f1f4f8;cursor:pointer}.cart-items{flex:1;overflow:auto;padding:12px 22px}.cart-empty{display:grid;place-items:center;gap:9px;padding:80px 20px;color:var(--muted);text-align:center}.cart-empty strong{color:var(--navy);font-size:1.15rem}.cart-empty p{margin:0}.cart-item{position:relative;display:grid;grid-template-columns:75px 1fr auto;gap:14px;padding:15px 0;border-bottom:1px solid #edf0f5}.cart-item>img{width:75px;height:75px;border-radius:12px;object-fit:contain;background:#f6f8fb}.cart-item>div>strong{display:block;padding-right:22px;color:var(--navy);font-size:.82rem;line-height:1.3}.cart-item small{display:block;margin:5px 0;color:var(--muted);font-size:.68rem}.cart-item b{color:var(--navy);font-size:.9rem}.quantity{display:inline-flex;align-items:center;gap:.65rem;margin-top:9px;border:1px solid var(--line);border-radius:9px;padding:3px}.quantity button{display:grid;place-items:center;border:0;width:25px;height:25px;color:var(--navy);background:#f0f4f8;cursor:pointer}.quantity span{min-width:18px;text-align:center;font-size:.78rem;font-weight:800}.remove{position:absolute;top:14px;right:0;border:0;color:#a0a7b5;background:transparent;cursor:pointer}.cart-summary{padding:22px;border-top:1px solid var(--line);background:#fbfcfe}.cart-summary>div,.checkout-total{display:flex;align-items:center;justify-content:space-between}.cart-summary>div span,.checkout-total span{color:var(--muted)}.cart-summary>div strong,.checkout-total strong{color:var(--navy);font-size:1.55rem}.cart-summary small{display:block;margin:8px 0 16px;color:var(--muted)}.cart-summary>button,.whatsapp-button{width:100%;min-height:52px;border:0;border-radius:12px;color:white;background:var(--navy);cursor:pointer;font-weight:900}
.modal-wrap{position:fixed;z-index:70;inset:0;display:grid;place-items:center;padding:20px}.modal-wrap .scrim{z-index:0}.checkout{position:relative;z-index:1;width:min(660px,100%);max-height:92dvh;overflow:auto;border-radius:24px;padding:30px;background:white;box-shadow:0 45px 100px rgba(8,15,42,.35)}.modal-close{position:absolute;top:18px;right:18px}.checkout h2{margin:8px 0;color:var(--navy);font-size:2rem;letter-spacing:-.035em}.checkout-intro{max-width:510px;margin:0 0 24px;color:var(--muted);line-height:1.55}.checkout fieldset{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 20px;border:0;padding:0}.checkout legend{width:100%;margin-bottom:9px;color:var(--navy);font-size:.82rem;font-weight:850}.checkout fieldset label{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:14px;cursor:pointer}.checkout fieldset label.selected{border-color:var(--blue);box-shadow:0 0 0 2px rgba(8,123,210,.1)}.checkout fieldset input{position:absolute;opacity:0}.checkout fieldset label>svg{color:var(--blue)}.checkout fieldset label>span strong,.checkout fieldset label>span small{display:block}.checkout fieldset label>span strong{color:var(--navy);font-size:.85rem}.checkout fieldset label>span small{margin-top:3px;color:var(--muted);font-size:.7rem;line-height:1.35}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid label{display:grid;gap:6px}.form-grid label.full{grid-column:1/-1}.form-grid label>span{color:#59647c;font-size:.76rem;font-weight:800}.form-grid input,.form-grid textarea{width:100%;border:1px solid var(--line);border-radius:11px;outline:0;padding:12px;color:var(--ink);background:#fafbfd}.form-grid input:focus,.form-grid textarea:focus{border-color:var(--blue)}.form-grid textarea{min-height:75px;resize:vertical}.checkout-total{margin:20px 0 12px;padding-top:17px;border-top:1px solid var(--line)}.whatsapp-button{background:#138c4d}.legal{display:block;margin-top:10px;color:var(--muted);text-align:center}
@media(max-width:1050px){.site-header{grid-template-columns:1fr auto}.site-header nav{display:none}.hero{grid-template-columns:1fr}.hero-visual{min-height:520px}.product-grid{grid-template-columns:repeat(3,1fr)}.steps{margin-inline:4vw}.site-footer{grid-template-columns:auto 1fr}.site-footer p:last-child{grid-column:1/-1}.search-panel{top:83px}}
@media(max-width:760px){.site-header{padding-inline:16px}.brand img{width:125px;height:45px}.cart-button span{display:none}.hero{padding:48px 22px}.hero h1{font-size:4rem}.hero-visual{min-height:430px}.hero-visual:before{width:350px;height:350px}.hero-card{min-height:360px;padding:26px}.hero-card>strong{font-size:2rem}.catalog-section{padding:60px 18px}.section-heading{align-items:start;flex-direction:column;gap:.5rem}.search-panel{top:75px;grid-template-columns:1fr}.select-box{border-left:0;border-top:1px solid var(--line);padding:10px 8px 0}.product-grid{grid-template-columns:repeat(2,1fr);gap:11px}.product-body{padding:13px}.product-meta{display:grid}.product-card h3{font-size:.82rem}.product-bottom{align-items:stretch;flex-direction:column}.product-bottom button{justify-content:center}.steps{grid-template-columns:1fr;margin-inline:18px}.steps>div{border-right:0;border-bottom:1px solid rgba(255,255,255,.13);padding:25px}.site-footer{grid-template-columns:1fr;gap:8px}.site-footer p:last-child{grid-column:auto}.checkout fieldset,.form-grid{grid-template-columns:1fr}.form-grid label.full{grid-column:auto}}
@media(max-width:420px){.hero h1{font-size:3.35rem}.hero-trust{gap:.8rem}.product-image{aspect-ratio:1.12}.checkout{padding:26px 18px}.checkout h2{font-size:1.65rem}}