*{box-sizing:border-box} :root{--navy:#10243e;--blue:#086bd8;--blue2:#1688ef;--ink:#17263b;--muted:#65758a;--line:#e1e7ef;--bg:#f5f7fa}body{margin:0;font:14px/1.5 Inter,Segoe UI,Arial,sans-serif;color:var(--ink);background:#fff}a{color:inherit;text-decoration:none}.container{width:min(1440px,calc(100% - 48px));margin:auto}.topbar{background:#091421;color:#c7d3e2;font-size:12px}.topinner{display:flex;justify-content:space-between;padding:8px 0}.site-header{background:white;box-shadow:0 3px 14px #10243e0c;position:relative;z-index:2}.headinner{height:86px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:11px;min-width:230px}.brandmark{display:grid;place-items:center;background:linear-gradient(135deg,#086bd8,#2da8ff);color:white;font-size:20px;font-weight:900;letter-spacing:-1px;width:52px;height:52px;border-radius:14px}.brand b{display:block;font-size:21px;letter-spacing:-.7px;color:#122b49}.brand em{font-style:normal;color:var(--blue)}.brand small{display:block;font-size:9px;letter-spacing:2px;color:#78879a}.search{display:flex;flex:1;max-width:650px;height:44px;border:1px solid #dce4ee;border-radius:8px;overflow:hidden;background:#f8fafc}.search input{border:0;outline:0;background:transparent;padding:0 15px;min-width:0;flex:1;font:inherit}.search button{border:0;background:var(--blue);color:#fff;width:52px;font-size:24px;cursor:pointer}.contact{background:var(--blue);color:#fff;padding:12px 17px;border-radius:7px;font-weight:700;white-space:nowrap}.nav{border-top:1px solid #eef1f5;border-bottom:1px solid var(--line)}.navinner{display:flex;gap:28px;align-items:center;overflow:auto;white-space:nowrap}.nav a{padding:13px 0;font-weight:600;font-size:13px}.nav a:hover{color:var(--blue)}main{min-height:60vh}.hero{background:linear-gradient(115deg,#0b2441,#0d4e89 70%,#0879d4);color:#fff;padding:48px 0}.hero-inner{display:flex;justify-content:space-between;align-items:center;gap:28px}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:11px;font-weight:800;color:#8dcaff}.hero h1{font-size:clamp(28px,3vw,42px);line-height:1.15;max-width:720px;margin:10px 0}.hero p{font-size:16px;color:#d6e7f9;max-width:650px;margin:12px 0 0}.hero-chip{border:1px solid #ffffff42;border-radius:12px;padding:18px 22px;min-width:200px;background:#ffffff0b}.hero-chip strong{display:block;font-size:28px}.content{padding:30px 0 60px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:20px}.section-head h2{font-size:24px;margin:0;color:var(--navy)}.section-head p{margin:4px 0 0;color:var(--muted)}.layout{display:grid;grid-template-columns:235px minmax(0,1fr);gap:26px}.sidebar{border:1px solid var(--line);border-radius:10px;padding:18px;height:max-content}.sidebar h3{font-size:14px;margin:0 0 12px}.catlist{display:grid;gap:4px}.catlist a{padding:9px 10px;border-radius:6px;color:#42536a}.catlist a:hover,.catlist a.active{background:#eaf3ff;color:#075fbe;font-weight:700}.filter-label{display:block;font-size:11px;text-transform:uppercase;color:#78879a;font-weight:800;margin:20px 0 8px}.filter-select{width:100%;padding:10px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--ink)}.toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:16px;color:var(--muted);font-size:13px}.toolbar select{padding:9px;border:1px solid var(--line);border-radius:7px;background:white}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.product-card{border:1px solid #dfe5ed;border-radius:12px;overflow:hidden;background:#fff;transition:transform .18s,box-shadow .18s;min-width:0}.product-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #18395e12}.product-img{height:205px;background:#f6f8fa;display:block;padding:12px;position:relative}.product-img img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.tag{position:absolute;top:12px;left:12px;background:#e7f5ec;color:#147b42;padding:4px 8px;border-radius:4px;font-size:10px;font-weight:800;text-transform:uppercase}.card-body{padding:14px}.brandline{font-size:10px;font-weight:800;color:#66778c;text-transform:uppercase;letter-spacing:.5px}.product-card h3{font-size:14px;line-height:1.4;margin:5px 0 7px;min-height:40px;color:#172a43}.sku{font-size:11px;color:#8290a2;margin-bottom:10px}.price{font-size:20px;font-weight:800;color:#14253b}.price small{font-size:11px;font-weight:500;color:#6c7a8c}.stock{font-size:11px;color:#25804e;margin-top:8px}.stock.low{color:#bd6b00}.card-actions{display:flex;gap:8px;margin-top:13px}.btn{border:0;border-radius:7px;background:var(--blue);color:#fff;display:inline-flex;align-items:center;justify-content:center;padding:10px 13px;font:inherit;font-weight:700;cursor:pointer}.btn:hover{background:#0756ad}.btn-outline{background:#fff;color:var(--blue);border:1px solid #b8d5f7}.btn-small{font-size:12px;padding:8px 10px}.empty{padding:50px 20px;text-align:center;background:#f7f9fc;border-radius:10px;color:var(--muted)}.breadcrumb{font-size:12px;color:#7b8ba0;padding:20px 0}.breadcrumb a{color:var(--blue)}.detail{display:grid;grid-template-columns:minmax(300px,1fr) minmax(340px,.95fr);gap:44px;padding-bottom:45px}.gallery-main{background:#f6f8fa;border:1px solid var(--line);border-radius:12px;height:450px;padding:25px}.gallery-main img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.detail h1{font-size:30px;line-height:1.2;color:var(--navy);margin:8px 0 14px}.detail-desc{color:#53647a;font-size:15px}.detail-price{font-size:30px;font-weight:850;margin:20px 0 3px}.taxnote{color:#77869a;font-size:12px}.stockbox{background:#f2f8ff;border:1px solid #dcecff;border-radius:8px;padding:12px;margin:18px 0;color:#215b91}.detail-actions{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.specs{border-top:1px solid var(--line);padding:24px 0 40px}.specs h2{font-size:22px}.spec-table{width:100%;border-collapse:collapse;max-width:900px}.spec-table td{padding:12px;border-bottom:1px solid var(--line)}.spec-table td:first-child{width:35%;font-weight:700;background:#f8fafc}.footer{background:#0b1b2e;color:#c7d3e2;padding:38px 0 0}.footgrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:35px;padding-bottom:32px}.footgrid>div{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.footgrid p,.footgrid span{font-size:12px;color:#a4b4c7}.footgrid b{color:white}.footbrand b{color:white}.copyright{text-align:center;border-top:1px solid #ffffff18;padding:14px;font-size:11px;color:#92a3b7}.wa-float{position:fixed;bottom:22px;right:22px;width:54px;height:54px;border-radius:50%;background:#16bd69;color:white;display:grid;place-items:center;font-size:27px;box-shadow:0 5px 18px #0002;z-index:10}.mobilemenu{display:none}.admin-body{background:#f4f7fb}.admin-top{background:#0c2038;color:white;padding:18px 0}.admin-top .container{display:flex;align-items:center;justify-content:space-between}.admin-wrap{width:min(1400px,calc(100% - 36px));margin:28px auto}.admin-nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.admin-nav a{background:#fff;border:1px solid var(--line);border-radius:7px;padding:10px 13px;font-weight:700;font-size:13px}.admin-nav a:hover{border-color:#8abdf5;color:var(--blue)}.panel{background:white;border:1px solid var(--line);border-radius:12px;padding:22px;margin-bottom:20px;box-shadow:0 4px 15px #17395e05}.panel h1,.panel h2{margin-top:0;color:var(--navy)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.stat{background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px}.stat span{font-size:12px;color:var(--muted)}.stat strong{display:block;font-size:27px;margin-top:5px;color:var(--navy)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}.field label{font-weight:700;font-size:12px;color:#45566b}.field input,.field select,.field textarea{width:100%;border:1px solid #d5dee9;border-radius:7px;padding:11px 12px;font:inherit;background:#fff}.field textarea{min-height:100px;resize:vertical}.field small{font-size:11px;color:#718197}.checkrow{display:flex;gap:9px;align-items:center}.table-wrap{overflow:auto}table.data{width:100%;border-collapse:collapse;font-size:13px}table.data th,table.data td{text-align:left;padding:12px;border-bottom:1px solid var(--line);vertical-align:middle}table.data th{background:#f7f9fc;color:#56677d;font-size:11px;text-transform:uppercase;letter-spacing:.4px}table.data td img{width:48px;height:44px;object-fit:contain;background:#f5f7fa;border-radius:5px}.badge{display:inline-block;padding:4px 8px;border-radius:20px;background:#e8f6ed;color:#167743;font-size:11px;font-weight:800}.badge.warn{background:#fff1d9;color:#995900}.badge.off{background:#edf0f4;color:#6b7787}.notice{padding:12px 15px;border-radius:8px;background:#e9f6ed;color:#176a3b;margin-bottom:15px}.notice.error{background:#fff0f0;color:#a12b2b}.inline{display:inline}.loginbox{max-width:430px;margin:8vh auto}.loginbox .panel{padding:30px}.muted{color:var(--muted)}.admin-actions{display:flex;gap:6px;flex-wrap:wrap}.danger{background:#b42332}.danger:hover{background:#891a25}.upload-preview{max-width:150px;max-height:120px;object-fit:contain;background:#f5f7fa;border-radius:8px}
@media(max-width:1200px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.navinner{gap:20px}.brand{min-width:200px}}@media(max-width:850px){.container{width:calc(100% - 30px)}.headinner{height:auto;min-height:76px;flex-wrap:wrap;padding:12px 0;gap:12px}.brand{min-width:0;flex:1}.brandmark{width:44px;height:44px}.brand b{font-size:18px}.search{order:3;flex-basis:100%;max-width:none}.contact{font-size:12px;padding:10px}.mobilemenu{display:block;border:1px solid var(--line);background:white;border-radius:7px;padding:8px}.navinner{display:none;flex-direction:column;align-items:stretch;gap:0;padding:8px 0}.nav-open .navinner{display:flex}.nav a{padding:10px}.hero{padding:32px 0}.hero-inner{align-items:flex-start;flex-direction:column}.hero-chip{min-width:0}.layout{grid-template-columns:1fr}.sidebar{order:2}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-img{height:175px}.detail{grid-template-columns:1fr;gap:25px}.gallery-main{height:350px}.footgrid{grid-template-columns:1fr 1fr}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){.topinner span:last-child{display:none}.contact{display:none}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.product-img{height:140px;padding:7px}.card-body{padding:10px}.product-card h3{font-size:12px;min-height:50px}.price{font-size:17px}.card-actions .btn{padding:8px 6px;font-size:11px}.hero h1{font-size:29px}.section-head{align-items:flex-start;flex-direction:column}.detail h1{font-size:25px}.gallery-main{height:280px}.footgrid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.stats{grid-template-columns:1fr 1fr}.admin-wrap{width:calc(100% - 20px);margin:15px auto}.panel{padding:15px}}

/* SFC SEGURIDAD — visual refinement */
:root{--navy:#0b1d33;--blue:#0868c9;--blue2:#1686e8;--ink:#17283d;--muted:#66768a;--line:#e4e9f0;--bg:#f5f7fa;--radius:14px}
html{scroll-behavior:smooth}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#17283d;background:#fff;letter-spacing:-.01em}a{transition:color .18s ease,background .18s ease,border-color .18s ease}.container{width:min(1480px,calc(100% - 64px))}.topbar{background:#071321;color:#d2dce8;font-size:11px;letter-spacing:.025em}.topinner{padding:9px 0}.site-header{box-shadow:0 6px 24px rgba(15,35,60,.055)}.headinner{height:88px;gap:34px}.brand{min-width:248px;gap:13px}.brandmark{width:49px;height:49px;border-radius:13px;background:#0868c9;box-shadow:0 7px 16px #0868c92a;font-size:17px;letter-spacing:-.6px}.brand b{font-size:22px;letter-spacing:-.8px}.brand small{font-size:9px;letter-spacing:1.8px;margin-top:3px}.search{height:46px;border-radius:9px;background:#f7f9fc;border-color:#e1e7ef;max-width:690px}.search:focus-within{border-color:#82b7ec;box-shadow:0 0 0 3px #1686e812}.search input{font-size:13px}.search button{width:50px;background:#0868c9;font-size:22px}.contact{padding:12px 17px;border-radius:8px;background:#0868c9;font-size:12px;box-shadow:0 4px 10px #0868c91c}.contact:hover,.btn:hover{background:#0755a6}.nav{border-top:1px solid #edf0f4;border-bottom:1px solid #e7ebf1;background:#fff}.navinner{gap:30px}.nav a{font-size:12px;color:#46576b;padding:14px 0;position:relative}.nav a:hover{color:#0868c9}.nav a:hover:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:#0868c9;border-radius:2px}.hero{padding:58px 0;background:radial-gradient(ellipse at 88% 15%,#1a6bb0 0,transparent 34%),linear-gradient(115deg,#0a1b30 0%,#0d3157 60%,#0d4779 100%);position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:370px;height:370px;border:1px solid #ffffff13;border-radius:50%;right:8%;top:-180px;box-shadow:0 0 0 38px #ffffff08,0 0 0 78px #ffffff05;pointer-events:none}.hero-inner{position:relative;z-index:1;gap:40px}.eyebrow{color:#9bcfff;letter-spacing:1.8px;font-size:10px}.hero h1{font-size:clamp(32px,3.4vw,48px);line-height:1.12;letter-spacing:-1.5px;max-width:740px;margin:13px 0 15px}.hero p{font-size:15px;line-height:1.75;color:#d3e2f2;max-width:640px}.hero-chip{border:1px solid #ffffff2b;border-radius:14px;padding:20px 24px;min-width:205px;background:#ffffff0c;backdrop-filter:blur(6px)}.hero-chip strong{font-size:31px;letter-spacing:-1px}.hero-chip span{font-size:12px;color:#d3e2f2}.content{padding:38px 0 76px;background:#fff}.section-head{margin-bottom:23px}.section-head h2{font-size:25px;letter-spacing:-.7px}.section-head p{font-size:13px;color:#718096}.layout{grid-template-columns:242px minmax(0,1fr);gap:24px}.sidebar{border:1px solid #e7ebf1;border-radius:13px;padding:19px;background:#fff;box-shadow:0 5px 20px #17283d05}.sidebar h3{font-size:13px;letter-spacing:.01em;margin-bottom:14px}.catlist{gap:4px}.catlist a{padding:10px 11px;border-radius:7px;font-size:12px;color:#526176}.catlist a:hover,.catlist a.active{background:#edf5ff;color:#075fba}.filter-label{margin:22px 0 8px;font-size:10px;letter-spacing:1px}.filter-select,.toolbar select{border-color:#dfe5ed;border-radius:8px;padding:10px;font-size:12px;outline:none}.filter-select:focus,.toolbar select:focus{border-color:#7eb4eb;box-shadow:0 0 0 3px #1686e812}.toolbar{margin-bottom:17px;font-size:11px;color:#748197}.product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.product-card{border:1px solid #e1e6ed;border-radius:13px;box-shadow:0 2px 7px #12243b04;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.product-card:hover{transform:translateY(-4px);border-color:#cbd9e8;box-shadow:0 14px 32px #10243e12}.product-img{height:215px;background:linear-gradient(180deg,#f9fafc,#f3f6f9);padding:16px}.product-img img{mix-blend-mode:multiply;transition:transform .3s ease}.product-card:hover .product-img img{transform:scale(1.035)}.tag{top:13px;left:13px;border-radius:5px;padding:5px 8px;background:#e7f2ff;color:#075db4;font-size:9px;letter-spacing:.35px}.card-body{padding:15px 15px 16px}.brandline{font-size:9px;letter-spacing:1px;color:#718096}.product-card h3{font-size:13px;line-height:1.5;letter-spacing:-.15px;margin:7px 0;min-height:58px;color:#142a44}.sku{font-size:10px;color:#8995a5;margin-bottom:12px}.price{font-size:20px;letter-spacing:-.55px;color:#10243d}.price small{display:block;margin-top:2px;font-size:10px;letter-spacing:0;color:#8a95a4}.stock{font-size:10px;margin-top:9px;color:#25804e}.stock.low{color:#b56b08}.card-actions{margin-top:14px;gap:7px}.btn{border-radius:8px;padding:10px 12px;font-size:11px;letter-spacing:.05px;background:#0868c9;transition:background .18s,transform .18s}.btn:active{transform:translateY(1px)}.btn-outline{background:white;color:#0868c9;border-color:#c9d9ec}.btn-outline:hover{background:#f0f7ff;border-color:#8bb9e8;color:#0755a6}.btn-small{font-size:10px;padding:9px 10px}.breadcrumb{font-size:11px;color:#8793a3;padding:23px 0}.detail{grid-template-columns:minmax(300px,1.05fr) minmax(340px,.95fr);gap:52px;padding-bottom:52px}.gallery-main{height:470px;border:1px solid #e6eaf0;border-radius:15px;background:linear-gradient(145deg,#fafbfc,#f1f4f7);padding:32px}.detail h1{font-size:32px;letter-spacing:-1px;line-height:1.18;margin:9px 0 16px}.detail-desc{font-size:14px;line-height:1.8;color:#5c6c80}.detail-price{font-size:32px;letter-spacing:-1px;color:#0c2038}.stockbox{border-radius:10px;background:#f3f8fe;border-color:#e0edfb;font-size:12px;padding:14px}.detail-actions .btn{font-size:12px;padding:12px 16px}.specs{padding:27px 0 48px}.specs h2{font-size:22px;letter-spacing:-.5px}.spec-table{font-size:13px}.spec-table td{padding:14px}.spec-table td:first-child{background:#f7f9fc;color:#40536b}.footer{padding:45px 0 0;background:#08182a}.footgrid{gap:50px}.footgrid b{font-size:13px}.footgrid p,.footgrid span{line-height:1.8}.copyright{padding:17px;font-size:10px}.wa-float{width:52px;height:52px;bottom:24px;right:24px;box-shadow:0 7px 20px #0002;border:3px solid #fff}.admin-top{background:#081a2e;padding:20px 0}.admin-wrap{width:min(1420px,calc(100% - 56px));margin:30px auto}.admin-nav{gap:9px}.admin-nav a{border-radius:8px;padding:11px 15px;font-size:12px;box-shadow:0 2px 6px #10243e04}.panel{border-color:#e5eaf1;border-radius:14px;padding:25px;box-shadow:0 7px 24px #10243e06}.panel h1{font-size:25px;letter-spacing:-.6px}.panel h2{font-size:18px;letter-spacing:-.3px}.stats{gap:16px}.stat{border-radius:12px;padding:20px;border-color:#e5eaf1}.stat span{font-size:11px}.stat strong{font-size:30px;letter-spacing:-1px}.field input,.field select,.field textarea{border-color:#dbe3ec;border-radius:8px;padding:12px;font-size:13px}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:#7eb4eb;box-shadow:0 0 0 3px #1686e812}.field label{font-size:11px;letter-spacing:.15px}.table-wrap{border:1px solid #e7ebf1;border-radius:9px}table.data th{background:#f6f8fb}table.data th,table.data td{padding:13px 14px}table.data td{color:#35475c}.badge{border-radius:6px}.loginbox .panel{padding:32px}.notice{border-radius:9px;font-size:13px}
@media(max-width:1350px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.brand{min-width:220px}.headinner{gap:22px}}
@media(max-width:1000px){.container{width:calc(100% - 40px)}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.layout{grid-template-columns:220px minmax(0,1fr);gap:18px}.product-img{height:185px}.detail{gap:30px}.gallery-main{height:390px}}
@media(max-width:850px){.container{width:calc(100% - 30px)}.headinner{gap:12px}.brand{min-width:0}.brandmark{width:43px;height:43px}.brand b{font-size:18px}.hero{padding:38px 0}.hero h1{letter-spacing:-.8px}.layout{grid-template-columns:1fr}.sidebar{order:0}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-img{height:185px}.detail{grid-template-columns:1fr;gap:24px}.gallery-main{height:350px}.admin-wrap{width:calc(100% - 28px)}}
@media(max-width:500px){.topinner span:last-child{display:none}.brand small{font-size:8px;letter-spacing:1.2px}.hero h1{font-size:30px}.hero p{font-size:13px}.hero-chip{width:100%;padding:15px 18px}.content{padding:28px 0 52px}.section-head h2{font-size:22px}.product-grid{gap:9px}.product-img{height:145px;padding:8px}.card-body{padding:11px}.product-card h3{font-size:12px;min-height:55px}.price{font-size:17px}.card-actions{flex-direction:column}.card-actions .btn{width:100%;font-size:10px;padding:9px 5px}.sku{font-size:9px}.stock{font-size:9px}.detail h1{font-size:26px}.gallery-main{height:275px;padding:18px}.detail-price{font-size:27px}.footgrid{gap:25px}.stats{gap:9px}.stat{padding:13px}.stat strong{font-size:24px}.panel{padding:16px}.admin-wrap{width:calc(100% - 20px);margin:16px auto}.admin-nav a{font-size:11px;padding:9px 10px}}