/* V5.7 · Documentación Punto de Venta */
.docs-page{background:#f6f9fc;color:#17324d}
.docs-topbar{position:sticky;top:0;z-index:80;background:rgba(255,255,255,.97);backdrop-filter:blur(14px);border-bottom:1px solid #dce7f0}
.docs-topbar .container{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:72px}
.docs-brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:#0b2948;font-weight:900}
.docs-brand img{width:148px;height:auto}
.docs-brand span{padding-left:14px;border-left:1px solid #d8e4ed;font-size:14px;color:#587088}
.docs-actions{display:flex;align-items:center;gap:9px}
.docs-actions a,.docs-actions button{font-size:12px}
.docs-shell{width:min(1440px,96%);margin:0 auto;display:grid;grid-template-columns:290px minmax(0,1fr);gap:32px;padding:28px 0 80px}
.docs-sidebar{position:sticky;top:96px;align-self:start;max-height:calc(100vh - 115px);overflow:auto;background:#fff;border:1px solid #dce7f0;border-radius:20px;padding:17px}
.docs-search{position:relative;margin-bottom:14px}
.docs-search input{width:100%;border:1px solid #ccdce8;border-radius:12px;padding:12px 38px 12px 13px;font:inherit;font-size:13px;outline:none;background:#f9fbfd}
.docs-search input:focus{border-color:#0ba8dc;box-shadow:0 0 0 3px rgba(11,168,220,.12)}
.docs-search span{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#7e93a7}
.docs-nav h3{font-size:10px;letter-spacing:.12em;color:#8aa0b4;margin:18px 8px 8px}
.docs-nav a{display:block;text-decoration:none;color:#36526d;font-size:13px;font-weight:800;line-height:1.25;padding:9px 10px;border-radius:10px}
.docs-nav a:hover,.docs-nav a.active{background:#eaf5fb;color:#087db6}
.docs-nav small{display:block;color:#8da0b3;font-weight:600;font-size:10px;margin-top:2px}
.docs-main{min-width:0}
.docs-hero{background:linear-gradient(135deg,#061b36,#0a4971);color:#fff;border-radius:26px;padding:38px 42px;margin-bottom:22px;position:relative;overflow:hidden}
.docs-hero:after{content:"";position:absolute;right:-90px;bottom:-120px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(21,191,227,.28),transparent 66%)}
.docs-hero .eyebrow{font-size:11px;letter-spacing:.12em;font-weight:900;color:#65d7ff;margin-bottom:12px}
.docs-hero h1{font-size:clamp(30px,4vw,50px);line-height:1.03;margin:0 0 14px}
.docs-hero p{max-width:790px;color:#d6e9f7;font-size:16px;line-height:1.65;margin:0}
.docs-hero-links{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}
.docs-hero-links a{border-radius:999px;padding:9px 13px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.18);color:#fff;text-decoration:none;font-size:12px;font-weight:800}
.docs-section{scroll-margin-top:94px;background:#fff;border:1px solid #dce7f0;border-radius:22px;padding:29px 31px;margin:0 0 19px}
.docs-section[data-hidden="true"]{display:none}
.docs-section-head{border-bottom:1px solid #e6eef4;padding-bottom:16px;margin-bottom:21px}
.docs-section-kicker{font-size:10px;letter-spacing:.13em;color:#0784c0;font-weight:900;margin-bottom:8px}
.docs-section h2{font-size:28px;color:#0d2945;margin:0 0 8px;line-height:1.12}
.docs-section-head>p{margin:0;color:#6a8196;line-height:1.6}
.docs-topic{scroll-margin-top:94px;margin:25px 0 0}
.docs-topic:first-of-type{margin-top:0}
.docs-topic h3{font-size:20px;margin:0 0 10px;color:#163a5a}
.docs-topic h4{font-size:15px;margin:18px 0 7px;color:#234b69}
.docs-topic p,.docs-topic li{font-size:14px;line-height:1.68;color:#49657e}
.docs-topic ul,.docs-topic ol{padding-left:21px}
.docs-topic li+li{margin-top:5px}
.docs-callout{border-radius:14px;padding:15px 17px;margin:15px 0;background:#eef8fc;border:1px solid #cfeaf5;color:#315d77;font-size:13px;line-height:1.55}
.docs-callout strong{color:#0b5f8c}
.docs-callout.warning{background:#fff7e9;border-color:#f3dfb7;color:#6f5a2b}
.docs-callout.security{background:#eff9f5;border-color:#cfe9dc;color:#365f50}
.docs-flow{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:13px 0 4px}
.docs-flow span{background:#edf6fb;border:1px solid #d6eaf4;color:#16678f;border-radius:999px;padding:8px 11px;font-size:12px;font-weight:850}
.docs-flow b{color:#9bb0c2}
.docs-table-wrap{overflow:auto;border:1px solid #dce7f0;border-radius:14px;margin:13px 0 17px}
.docs-table{width:100%;border-collapse:collapse;min-width:620px;background:#fff}
.docs-table th{background:#f3f7fa;color:#33536d;text-align:left;font-size:11px;padding:11px 12px;border-bottom:1px solid #dce7f0}
.docs-table td{font-size:12.5px;line-height:1.5;color:#526b80;padding:11px 12px;border-bottom:1px solid #edf2f6;vertical-align:top}
.docs-table tr:last-child td{border-bottom:0}
.docs-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:13px 0}
.docs-card{border:1px solid #dce7f0;border-radius:14px;padding:15px;background:#fbfdff}
.docs-card strong{display:block;color:#173f5f;margin-bottom:5px}
.docs-card p{margin:0;font-size:13px}
.docs-faq{display:grid;gap:9px}
.docs-faq details{border:1px solid #dce7f0;border-radius:13px;background:#fbfdff;padding:0 14px}
.docs-faq summary{cursor:pointer;font-weight:850;color:#254a66;padding:13px 0;font-size:13px}
.docs-faq p{margin:0 0 14px;font-size:13px}
.docs-empty{display:none;background:#fff;border:1px solid #dce7f0;border-radius:18px;padding:28px;text-align:center;color:#678096}
.docs-empty.show{display:block}
.docs-mobile-toggle{display:none}
.docs-footer-nav{display:flex;justify-content:space-between;gap:16px;margin-top:20px}
.docs-footer-nav a{display:block;flex:1;text-decoration:none;border:1px solid #dce7f0;border-radius:14px;padding:13px 15px;background:#fbfdff;color:#31536f;font-size:12px;font-weight:800}
.docs-footer-nav a:last-child{text-align:right}
@media(max-width:960px){
 .docs-shell{grid-template-columns:1fr;width:min(100%,94%);padding-top:18px}
 .docs-sidebar{position:static;max-height:none;display:none}
 .docs-sidebar.open{display:block}
 .docs-mobile-toggle{display:inline-flex}
 .docs-topbar .container{min-height:66px}
 .docs-brand img{width:126px}.docs-brand span{display:none}
}
@media(max-width:640px){
 .docs-actions .hide-sm{display:none}
 .docs-hero{padding:27px 21px;border-radius:20px}
 .docs-section{padding:22px 18px;border-radius:18px}
 .docs-section h2{font-size:23px}
 .docs-grid-2{grid-template-columns:1fr}
 .docs-footer-nav{flex-direction:column}
 .docs-footer-nav a:last-child{text-align:left}
}