/* Vista pe/pago-express.blade.php (la sube al el armazón: data-gk-head). */ .gk-px{background:#f6f8f9;padding:56px 18px 66px;font-family:'Poppins',sans-serif;color:#212121} .gk-px__wrap{max-width:880px;margin:0 auto} .gk-px__head{text-align:center;margin:0 0 30px} .gk-px__head h1{display:inline-flex;align-items:center;gap:14px;font-size:clamp(26px,3.4vw,36px);font-weight:700;line-height:1.2;margin:0 0 12px;color:#111} .gk-px__h1-ic{width:52px;height:52px;flex:none;border-radius:16px;background:#eafaf5;border:1px solid #cdeee4;display:inline-flex;align-items:center;justify-content:center} .gk-px__h1-ic svg{width:27px;height:27px;color:#16a085} @media(max-width:520px){.gk-px__h1-ic{width:42px;height:42px;border-radius:13px}.gk-px__h1-ic svg{width:22px;height:22px}} .gk-px__head p{font-size:17.5px;line-height:1.65;color:#4b5563;margin:0 auto;max-width:620px} .gk-px__card{background:#fff;border:1px solid #e6e9ec;border-radius:18px;padding:26px 24px;box-shadow:0 20px 40px -32px rgba(15,23,34,.4)} /* ---- Buscador ---- */ .gk-px__label{display:block;font-size:14.5px;font-weight:600;color:#374151;margin:0 0 8px} .gk-px__search{display:flex;gap:10px} .gk-px__search input{flex:1;min-width:0;border:1px solid #d7dde3;border-radius:12px;padding:15px 16px;font-size:17px;font-family:inherit;color:#111;background:#fff;transition:border-color .15s,box-shadow .15s} .gk-px__search input:focus{outline:none;border-color:#1abc9c;box-shadow:0 0 0 3px rgba(26,188,156,.18)} .gk-px__btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:#1abc9c;color:#fff;border:0;border-radius:12px;padding:15px 26px;font:600 16px/1 'Poppins',sans-serif;cursor:pointer;transition:background .18s,transform .18s;white-space:nowrap;text-decoration:none} .gk-px__btn:hover{background:#149a80;transform:translateY(-1px);color:#fff} .gk-px__btn svg{width:17px;height:17px} .gk-px__tipos{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 0;align-items:center} .gk-px__tipos>span{font-size:13.5px;color:#8a939c;margin-right:2px} .gk-px__tipos input{position:absolute;opacity:0;width:0;height:0;pointer-events:none} .gk-px__tipo{display:inline-flex;align-items:center;gap:6px;border:1px solid #e2e7eb;background:#f8fafb;border-radius:999px;padding:6px 11px;font-size:13px;color:#5b6570;cursor:pointer;transition:border-color .15s,background .15s,color .15s} .gk-px__tipo:hover{border-color:#bfe6da} .gk-px__tipo svg{width:13px;height:13px;color:#16a085} .gk-px__tipos input:checked+.gk-px__tipo{border-color:#1abc9c;background:#eafaf5;color:#12806b;font-weight:600} .gk-px__tipos input:focus-visible+.gk-px__tipo{outline:2px solid #1abc9c;outline-offset:2px} /* Desambiguación cuando el número existe como orden Y como cotización */ .gk-px__elegir{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 0} .gk-px__elegir form{flex:1;min-width:220px} .gk-px__elegir .gk-px__pdf{width:100%;box-sizing:border-box;padding:14px 18px;font-size:14px} .gk-px__hint{display:flex;gap:10px;align-items:flex-start;margin:18px 0 0;padding:13px 15px;background:#f2fbf8;border:1px solid #cdeee4;border-left:3px solid #1abc9c;border-radius:12px;font-size:14.5px;line-height:1.6;color:#3f5d57} .gk-px__hint svg{width:17px;height:17px;flex:none;margin-top:2px;color:#16a085} .gk-px__err{margin:0 0 18px;padding:13px 15px;background:#fdf2f2;border:1px solid #f6d3d3;border-left:3px solid #e74c3c;border-radius:12px;color:#9b3232;font-size:15px;line-height:1.55} .gk-px__err ul{margin:6px 0 0;padding-left:18px} .gk-px__volver{display:inline-block;margin:14px 0 0;font-size:14.5px;color:#6b7280;text-decoration:none} .gk-px__volver:hover{color:#12806b} /* ---- Paso 2 ---- */ .gk-px__paso2 h2{font-size:20.5px;font-weight:600;margin:0 0 6px;color:#111} .gk-px__paso2>p{margin:0 0 18px;font-size:15.5px;line-height:1.6;color:#5b6570} .gk-px__buscado{display:inline-block;background:#f1f5f4;border-radius:8px;padding:2px 8px;font-weight:600;color:#12806b} /* ---- Enviado por correo ---- */ .gk-px__mail{text-align:center;padding:8px 0 4px} .gk-px__mail-ic{width:60px;height:60px;margin:0 auto 16px;border-radius:50%;background:#eafaf5;display:flex;align-items:center;justify-content:center} .gk-px__mail-ic svg{width:27px;height:27px;color:#16a085} .gk-px__mail h2{font-size:21.5px;font-weight:600;margin:0 0 10px;color:#111} .gk-px__mail p{margin:0 auto 8px;max-width:520px;font-size:15.5px;line-height:1.65;color:#5b6570} .gk-px__correo{display:inline-block;background:#0f1722;color:#fff;border-radius:10px;padding:9px 18px;font-size:16.5px;font-weight:600;letter-spacing:.02em;margin:6px 0 12px} /* ---- Resultado ---- */ .gk-px__res{margin-top:30px} .gk-px__res-top{display:flex;flex-wrap:wrap;gap:10px;align-items:baseline;justify-content:space-between;margin:0 0 16px} .gk-px__res-top h2{font-size:21.5px;font-weight:600;margin:0;color:#111} .gk-px__res-top span{font-size:15px;color:#6b7280} .gk-px__orden{background:#fff;border:1px solid #e6e9ec;border-radius:16px;padding:20px 22px;margin:0 0 14px;display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center} .gk-px__orden--cot{border-left:3px solid #1abc9c} .gk-px__orden-num{font-size:13.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#16a085;margin:0 0 6px} .gk-px__orden-con{font-size:16.5px;font-weight:600;color:#1f2937;margin:0 0 10px;line-height:1.45} .gk-px__meta{display:flex;flex-wrap:wrap;gap:14px;align-items:center;font-size:14px;color:#6b7280} .gk-px__meta b{color:#374151;font-weight:600} .gk-px__tag{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:4px 11px;font-size:13px;font-weight:600} .gk-px__tag--ok{background:#eef7f4;color:#12806b} .gk-px__tag--warn{background:#fff5e8;color:#a35a08} .gk-px__tag--late{background:#fdeeee;color:#b33636} .gk-px__acc{text-align:right} .gk-px__total{font-size:24.5px;font-weight:700;color:#111;margin:0 0 12px;white-space:nowrap} .gk-px__acciones{display:flex;flex-direction:column;gap:8px;align-items:stretch} .gk-px__pdf{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #d7dde3;border-radius:11px;padding:11px 18px;font:600 14.5px/1 'Poppins',sans-serif;color:#374151;text-decoration:none;background:#fff;transition:border-color .18s,color .18s} .gk-px__pdf:hover{border-color:#1abc9c;color:#12806b} .gk-px__pdf svg{width:15px;height:15px} .gk-px__nota{font-size:13.5px;color:#8a939c;margin:8px 0 0;line-height:1.5;max-width:230px;margin-left:auto} .gk-px__suma{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;background:#0f1722;color:#fff;border-radius:16px;padding:18px 22px;font-size:16px} .gk-px__suma b{font-size:21.5px} .gk-px__vacio{background:#fff;border:1px solid #e6e9ec;border-radius:16px;padding:28px 24px;text-align:center} .gk-px__vacio h3{margin:0 0 8px;font-size:19.5px;font-weight:600;color:#111} .gk-px__vacio p{margin:0 auto;max-width:520px;font-size:15.5px;line-height:1.65;color:#5b6570} .gk-px__vacio a{color:#16a085;font-weight:600} .gk-px__pie{margin:26px 0 0;font-size:14px;line-height:1.7;color:#7a848e;text-align:center} .gk-px__pie a{color:#16a085;text-decoration:none;font-weight:600} .gk-px__pie a:hover{text-decoration:underline} @media(max-width:720px){ .gk-px__search{flex-direction:column} .gk-px__btn{width:100%;padding:15px 26px} .gk-px__orden{grid-template-columns:1fr} .gk-px__acc{text-align:left} .gk-px__acciones{flex-direction:row;flex-wrap:wrap} .gk-px__nota{margin-left:0;max-width:none} }