:root{--blue:#045ee8;--navy:#07122f;--purple:#7c3aed;--pink:#ec4899;--cyan:#06b6d4;--yellow:#facc15;--border:#e5e7eb;--text:#111827;--muted:#6b7280;--soft:#f8fbff}*{box-sizing:border-box}html{width:100%;overflow-x:hidden}body{width:100%;color:var(--text);background:#fff;margin:0;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}button,input{font-family:inherit}button{touch-action:manipulation}.page{width:100%;max-width:1280px;margin:0 auto;padding:clamp(16px,3vw,28px)}.header{justify-content:space-between;align-items:center;gap:18px;margin-bottom:clamp(24px,4vw,35px);display:flex}.brand{align-items:center;gap:0;min-width:0;display:flex}.logo{background:linear-gradient(135deg, var(--cyan), var(--pink), var(--yellow), var(--purple));color:#fff;border-radius:15px;flex:none;place-items:center;width:clamp(44px,7vw,52px);height:clamp(44px,7vw,52px);font-size:clamp(22px,4vw,28px);font-weight:700;display:grid}.brand h1{color:var(--navy);white-space:nowrap;margin:0;font-size:clamp(22px,4vw,28px)}.brand h1 span{color:var(--pink)}.brand p{color:var(--muted);margin:3px 0 0;font-size:clamp(12px,2vw,15px)}nav{color:var(--navy);white-space:nowrap;gap:24px;font-weight:600;display:flex}nav a{color:var(--navy);cursor:pointer;text-decoration:none}nav a:hover{color:var(--blue)}.hero{grid-template-columns:minmax(0,1.35fr) minmax(280px,.8fr);align-items:center;gap:clamp(18px,3vw,28px);margin-bottom:24px;display:grid}.hero h2{color:var(--navy);letter-spacing:-.04em;margin:0;font-size:clamp(34px,5.2vw,58px);line-height:1.05}.hero h2:after{content:"";background:linear-gradient(90deg, var(--blue), var(--pink), var(--yellow));width:clamp(110px,20vw,160px);height:5px;margin-top:14px;display:block}.hero p{color:#4b5563;max-width:760px;margin-top:24px;margin-bottom:26px;font-size:clamp(16px,2vw,18px);line-height:1.55}.heroButtons{flex-wrap:wrap;gap:14px;display:flex}.primary,.secondary{cursor:pointer;border-radius:10px;min-height:48px;padding:14px 20px;font-size:16px;font-weight:700}.primary{background:var(--blue);color:#fff;border:0;box-shadow:0 10px 25px #045ee838}.primary:disabled{opacity:.65;cursor:not-allowed}.secondary{color:#4c1d95;background:#fff;border:1px solid #a78bfa}.full{width:100%;margin-top:18px}.heroArt{border:1px solid var(--border);background:linear-gradient(135deg,#eef6ff,#fff);border-radius:24px;justify-content:center;align-items:center;min-height:250px;padding:clamp(18px,3vw,26px);display:flex;position:relative;overflow:hidden}.heroArt:before{content:"";background:radial-gradient(circle,#ec489938,#0000 65%);border-radius:50%;width:180px;height:180px;position:absolute;inset:-80px -40px auto auto}.heroArt:after{content:"";background:radial-gradient(circle,#045ee82e,#0000 65%);border-radius:50%;width:190px;height:190px;position:absolute;bottom:-70px;left:-55px}.preflightCard{z-index:1;border:1px solid var(--border);background:#ffffffeb;border-radius:20px;grid-template-columns:110px minmax(0,1fr);align-items:center;gap:18px;width:100%;max-width:420px;padding:18px;display:grid;position:relative;box-shadow:0 18px 40px #0f172a1f}.filePreview{background:#fff;border:1px solid #dbeafe;border-radius:16px;min-height:145px;overflow:hidden;box-shadow:0 10px 24px #045ee81f}.fileTop{background:linear-gradient(90deg, var(--blue), var(--pink));color:#fff;text-align:center;letter-spacing:.08em;padding:12px;font-weight:900}.fileLines{gap:10px;padding:18px 14px;display:grid}.fileLines span{background:#dbeafe;border-radius:99px;height:9px;display:block}.fileLines span:nth-child(2){background:#fce7f3;width:76%}.fileLines span:nth-child(3){background:#fef3c7;width:56%}.preflightInfo h3{color:var(--navy);margin:10px 0 12px;font-size:clamp(18px,2.3vw,22px);line-height:1.15}.preflightBadge{color:#166534;background:#ecfdf5;border:1px solid #86efac;border-radius:999px;align-items:center;padding:7px 10px;font-size:12px;font-weight:800;display:inline-flex}.preflightInfo ul{color:#374151;gap:8px;margin:0;padding:0;font-weight:700;list-style:none;display:grid}.colorCard,.loupe{display:none}.grid{grid-template-columns:minmax(0,1fr) minmax(360px,.98fr);align-items:start;gap:22px;display:grid}.card{border:1px solid var(--border);background:#fff;border-radius:18px;min-width:0;padding:clamp(16px,3vw,22px);box-shadow:0 12px 35px #0f172a14}.card h3{color:var(--navy);margin:0 0 12px;font-size:clamp(16px,2.2vw,18px)}.clientGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px;display:grid}.input,.textarea{border:1px solid var(--border);width:100%;color:var(--text);background:#fff;border-radius:10px;padding:12px;font-size:15px}.textarea{resize:vertical;min-height:90px;margin-bottom:24px}.products{grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:10px;display:grid}.product{border:1px solid var(--border);cursor:pointer;width:100%;min-height:104px;color:var(--navy);text-align:center;background:#fff;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:12px 10px;display:flex}.product.active{border:2px solid var(--blue);background:#f0f6ff}.product small{color:var(--muted)}.icon{color:var(--blue);font-size:26px}.formRow{grid-template-columns:minmax(0,1fr) minmax(160px,.5fr);gap:22px;margin:24px 0;display:grid}.radioGroup{flex-wrap:wrap;gap:14px;display:flex}label{margin-right:18px}.quantity{border:1px solid var(--border);border-radius:10px;width:100%;max-width:180px;padding:12px;font-size:16px}.upload{text-align:center;cursor:pointer;background:var(--soft);border:2px dashed #93c5fd;border-radius:15px;place-items:center;width:100%;min-height:135px;padding:22px;display:grid}.upload input{display:none}.uploadIcon{color:var(--blue);font-size:42px}.upload strong{overflow-wrap:anywhere;max-width:100%}.upload span{color:var(--muted)}.resultHeader{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.badge{text-align:center;border-radius:8px;flex:none;padding:8px 12px;font-size:12px;font-weight:800}.badge.APTO{color:#166534;background:#dcfce7;border:1px solid #22c55e}.badge.APTO_CON_ADVERTENCIAS{color:#92400e;background:#fef3c7;border:1px solid #f59e0b}.badge.NO_APTO,.badge.ERROR_ARCHIVO{color:#991b1b;background:#fee2e2;border:1px solid #ef4444}.empty{color:var(--muted);margin-top:35px}.checks{overflow-wrap:anywhere;padding:0;line-height:1.9;list-style:none}.box{overflow-wrap:anywhere;border-radius:12px;margin-top:14px;padding:14px}.errorBox{background:#fef2f2;border:1px solid #fecaca}.warnBox{background:#fffbeb;border:1px solid #fde68a}.actions{flex-wrap:wrap;gap:14px;margin-top:18px;display:flex}.checksBar{border:1px solid var(--border);background:#fff;border-radius:18px;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:12px;margin-top:22px;padding:18px;display:grid;box-shadow:0 12px 35px #0f172a0f}.checksBar div{border:1px solid var(--border);text-align:center;color:var(--navy);border-radius:12px;padding:16px;font-weight:700}.infoSection{border:1px solid var(--border);background:#fff;border-radius:18px;margin-top:26px;padding:clamp(18px,3vw,26px);scroll-margin-top:22px;box-shadow:0 12px 35px #0f172a0f}.sectionTitle{max-width:820px;margin-bottom:18px}.sectionTitle span{color:var(--blue);letter-spacing:.08em;margin-bottom:6px;font-weight:900;display:inline-block}.sectionTitle h2{color:var(--navy);letter-spacing:-.03em;margin:0;font-size:clamp(24px,4vw,34px)}.sectionTitle p{color:var(--muted);margin:8px 0 0;line-height:1.55}.infoGrid{gap:14px;display:grid}.infoGrid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.infoCard{background:#f8fbff;border:1px solid #dbeafe;border-radius:14px;padding:18px}.infoCard strong{color:var(--navy);margin-bottom:8px;display:block}.infoCard p{color:var(--muted);margin:0;line-height:1.5}.productInfoGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.productInfoGrid div{border:1px solid var(--border);background:#fff;border-radius:14px;padding:16px}.productInfoGrid strong,.productInfoGrid span{display:block}.productInfoGrid strong{color:var(--navy);margin-bottom:5px}.productInfoGrid span{color:var(--muted);font-size:14px;line-height:1.4}.adaptation{background:linear-gradient(135deg,#f8fbff,#fff)}.adaptationBox{grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);align-items:stretch;gap:18px;display:grid}.adaptationBox h3{color:var(--navy);margin:0 0 10px}.adaptationBox ul{color:#4b5563;margin:0;padding-left:20px;line-height:1.7}.adaptationPrice{background:#fff;border:1px solid #bfdbfe;border-radius:16px;flex-direction:column;justify-content:center;gap:10px;padding:18px;display:flex}.adaptationPrice strong{color:var(--navy);font-size:20px}.adaptationPrice p{color:var(--muted);margin:0;line-height:1.45}.adaptationLink{justify-content:center;align-items:center;margin-top:4px;text-decoration:none;display:inline-flex}.notice{color:#1e3a8a;text-align:center;background:#eaf4ff;border-radius:12px;margin-top:18px;padding:14px;line-height:1.45}footer{color:#4b5563;text-align:center;flex-wrap:wrap;justify-content:space-around;gap:12px;margin-top:22px;padding:20px 0;display:flex}@media (max-width:1050px){nav{display:none}.clientGrid,.hero{grid-template-columns:1fr}.heroArt{min-height:220px}.preflightCard{max-width:100%}.grid,.infoGrid.three,.productInfoGrid,.adaptationBox{grid-template-columns:1fr}}@media (max-width:640px){.page{padding:14px}.header{align-items:flex-start}.brand{gap:0}.brand h1{white-space:normal;line-height:1.05}.brand p{line-height:1.25}.hero{margin-bottom:16px}.hero h2{font-size:34px}.heroButtons{flex-direction:column}.heroButtons button,.actions button{width:100%}.heroArt{display:none}.card{border-radius:14px;padding:15px}.products{grid-template-columns:1fr 1fr}.product{min-height:92px;padding:10px 8px}.formRow{grid-template-columns:1fr;gap:16px}.quantity{max-width:100%}label{align-items:center;gap:6px;margin-bottom:8px;display:inline-flex}.upload{min-height:120px;padding:18px 12px}.resultHeader{flex-direction:column}.badge{width:100%}.checksBar{grid-template-columns:1fr 1fr;padding:12px}.infoSection{border-radius:14px;padding:16px}.checksBar div{padding:13px 8px}footer{flex-direction:column}}@media (max-width:420px){.products,.checksBar{grid-template-columns:1fr}.hero h2{font-size:30px}.primary,.secondary{padding:13px 16px;font-size:15px}}.adminLink{color:#fff;background:#07122f;border-radius:10px;padding:9px 13px;text-decoration:none}.footerAdminLink{color:#045ee8;font-weight:800;text-decoration:none}.header{grid-template-columns:1fr auto 1fr;display:grid}.header nav{justify-self:center}.header .adminLink{justify-self:end}@media (max-width:1050px){.header{display:flex}}.header{grid-template-columns:minmax(280px,1fr) auto minmax(220px,1fr);align-items:start;gap:24px;display:grid}.header .brand{justify-self:start}.header nav{place-self:start center;margin-top:10px}.header .adminLink{place-self:start end;margin-top:-4px}@media (max-width:1050px){.header{align-items:flex-start;display:flex}.header nav{display:none}}.header{justify-content:space-between!important;align-items:flex-start!important;gap:32px!important;display:flex!important}.header .brand{flex:none!important}.header nav{flex:1!important;justify-content:center!important;align-items:center!important;gap:28px!important;margin-top:10px!important;display:flex!important}.header nav .adminLink{align-self:center!important;margin-top:-4px!important;margin-left:auto!important}@media (max-width:1050px){.header{align-items:flex-start!important;display:flex!important}.header nav{display:none!important}}.header nav{transform:translate(70px)}.header nav .adminLink{transform:translate(-70px)}@media (max-width:1050px){.header nav,.header nav .adminLink{transform:none}}
