/* SGV-WPS 1.6.10 · Sitio público en el celular: barra inferior, app instalable y «Cotiza tu trámite» */

/* ---------- Barra inferior de los clientes (solo celular) ---------- */
.sgv-mbar{display:none}
@media (max-width:768px){
	.sgv-mbar{position:fixed;left:0;right:0;bottom:0;z-index:99990;display:flex;justify-content:space-around;align-items:stretch;background:#fff;color:#141b3d;box-shadow:0 -4px 18px rgba(20,27,61,.12);padding:6px 4px calc(6px + env(safe-area-inset-bottom,0px));border-top:1px solid rgba(20,27,61,.06);font-family:Figtree,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
	body:has(.sgv-mbar){padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))!important}
	.sgv-mbar__item{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:2px;padding:4px 2px;border:0;background:transparent;color:inherit!important;text-decoration:none!important;font-family:inherit;font-size:11px;line-height:1.1;font-weight:500;border-radius:10px;cursor:pointer;-webkit-tap-highlight-color:transparent;position:relative}
	.sgv-mbar__item.is-active,.sgv-mbar__item[aria-expanded="true"]{color:#4f46e5!important}
	.sgv-mbar__item:active{background:rgba(20,27,61,.05)}
	.sgv-mbar__item--main{color:#4338ca!important;font-weight:700}
	.sgv-mbar__item--main .sgv-mbar__ico{width:50px;height:50px;margin-top:-24px;border-radius:50%;align-items:center;justify-content:center;color:#fff;background:linear-gradient(135deg,#4f46e5,#2563eb);box-shadow:0 10px 20px -8px rgba(79,70,229,.75);border:4px solid #fff}
	.sgv-mbar--wa,.sgv-mbar--wa.is-active{color:#15803d!important}
	/* Lo que flota sube arriba de la barra; el WhatsApp flotante ya está en la barra */
	html:not([data-cab-mode="admin"]) body:has(.sgv-mbar) .dr-ui .wa{display:none!important}
	html:not([data-cab-mode="admin"]) body:has(.sgv-mbar) :is(.hoc-fab,.dr-ui .toast){bottom:calc(76px + env(safe-area-inset-bottom,0px))!important}
	/* Barra inferior del tema: que no se vean dos */
	body:has(.sgv-mbar) .wd-toolbar{display:none!important}
}
.sgv-mbar__ico{position:relative;display:inline-flex}
.sgv-mbar__lbl{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}

/* Con el panel, el menú del personal o la ventana abiertos, los botones flotantes no tapan nada */
html.sgv-sheet-open .hoc-fab,html.cab-lock .hoc-fab,html.hoc-lock .hoc-fab{display:none!important}

/* Panel «Más» */
.sgv-msheet{position:fixed;inset:0;z-index:99989;background:rgba(15,23,42,.45);display:flex;align-items:flex-end;justify-content:center;font-family:Figtree,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.sgv-msheet[hidden]{display:none}
.sgv-msheet__box{width:100%;max-width:560px;background:#fff;color:#1f2937;border-radius:18px 18px 0 0;padding:14px 14px calc(86px + env(safe-area-inset-bottom,0px));box-shadow:0 -10px 30px rgba(0,0,0,.25);animation:sgvSheet .2s ease-out;max-height:80vh;overflow:auto}
@keyframes sgvSheet{from{transform:translateY(30px);opacity:.6}to{transform:none;opacity:1}}
.sgv-msheet__head{display:flex;align-items:center;justify-content:space-between;margin:0 4px 10px}
.sgv-msheet__head strong{display:flex;align-items:center;gap:8px;font-size:16px;color:#141b3d}
.sgv-msheet__x{border:0;background:#f1f5f9;width:36px;height:36px;border-radius:50%;font-size:22px;line-height:1;cursor:pointer;color:#475569}
.sgv-msheet__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.sgv-msheet__item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 6px;border-radius:14px;background:#f5f7ff;color:#141b3d!important;text-decoration:none!important;font-size:12.5px;font-weight:600;text-align:center;line-height:1.2;-webkit-tap-highlight-color:transparent}
.sgv-msheet__item[hidden]{display:none!important}
.sgv-msheet__item:active{background:#eef2ff}
.sgv-msheet__item .sgv-mbar__lbl{white-space:normal}
.sgv-msheet--wa{color:#15803d!important}
.sgv-msheet--mi,.sgv-msheet--app{background:#eef2ff;color:#4338ca!important}
html.sgv-app .sgv-msheet--app,html.sgv-app #sgv-app-it{display:none!important}

/* Cómo instalar la app */
.sgv-itip{position:fixed;inset:0;z-index:100070;background:rgba(15,23,42,.45);display:flex;align-items:flex-end;justify-content:center;padding:16px}
.sgv-itip[hidden]{display:none}
.sgv-itip__box{position:relative;background:#fff;color:#1f2937;border-radius:16px;padding:20px 22px 14px;max-width:420px;width:100%;box-shadow:0 20px 40px rgba(0,0,0,.3);font:15px/1.45 Figtree,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.sgv-itip__box strong{display:block;font-size:17px;color:#141b3d;padding-right:28px}
.sgv-itip__box p{margin:10px 0 2px}
.sgv-itip__box ol{margin:4px 0 0 18px;padding:0;line-height:1.6}
.sgv-itip__x{position:absolute;top:6px;right:10px;border:0;background:none;font-size:26px;cursor:pointer;color:#6b7280}

/* Menú del sitio: sin «Cotizar ahora» abajo del menú (también se quita con JS) */
#dr-drawer .drawer-panel > a.btn.btn-primary[href*="/cotizar"]{display:none!important}

/* ---------- «Cotiza tu trámite» en «Cotiza · Verifica · Renueva» ---------- */
.sgv-tabs{display:flex;gap:6px;max-width:620px;margin:0 auto 16px;padding:4px;border-radius:14px;background:#e9edfb}
.sgv-tabs button{flex:1;min-height:44px;border:0;border-radius:11px;background:transparent;color:#4b5576;font-family:inherit;font-size:14.5px;line-height:1.2;font-weight:700;cursor:pointer;padding:6px 10px}
.sgv-tabs button[aria-selected="true"]{background:#fff;color:#141b3d;box-shadow:0 2px 8px -3px rgba(20,27,61,.35)}
.hoc-cq.sgv-on-cot > .hoc-cq-f,.hoc-cq.sgv-on-cot > .hoc-cq-res,.hoc-cq.sgv-on-cot > .hoc-cq-quick{display:none!important}
.hoc-cq:not(.sgv-on-cot) > .sgv-cot{display:none!important}
.sgv-cot{max-width:620px;margin:0 auto}
.sgv-cot .hoc-cq-row{margin-top:0}
.sgv-cot .hoc-cq-row + .hoc-cq-row{margin-top:12px}
.sgv-cot .hoc-cq-row input{display:block;width:100%;margin-top:5px;height:46px;border:1px solid #d5dbeb;border-radius:12px;padding:0 12px;background:#fff;font-size:16px;color:#141b3d;box-sizing:border-box}
.sgv-cot .hoc-cq-row select{font-size:16px}
.sgv-cot .hoc-cq-row select:disabled{opacity:.6}
.sgv-cot .is-bad{border-color:#f87171!important;background:#fef2f2!important}
.sgv-cot-card{margin-top:14px;background:#fff;border:1px solid #e3e7f1;border-radius:18px;padding:16px 18px;display:grid;gap:10px}
.sgv-cot-card[hidden],.sgv-cot-dat[hidden],.sgv-cot-ok[hidden]{display:none!important}
.sgv-cot-ct b{display:block;font-size:18px;line-height:1.25;color:#141b3d}
.sgv-cot-st{display:inline-block;margin-bottom:6px;padding:3px 10px;border-radius:99px;background:#eef1fc;color:#4338ca;font-size:12px;font-weight:700}
.sgv-cot-k{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}
.sgv-cot-k div{padding:8px 10px;border-radius:12px;background:#f5f7ff}
.sgv-cot-k span{display:block;font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;color:#6b7280;font-weight:700}
.sgv-cot-k b{font-size:14.5px;color:#141b3d}
.sgv-cot-card h4{margin:4px 0 0!important;font-size:15px!important;color:#141b3d}
.sgv-cot-req{list-style:none!important;margin:0!important;padding:0!important;display:grid;gap:7px}
.sgv-cot-req li{position:relative;padding-left:27px;font-size:14.5px;line-height:1.4;color:#1f2937;list-style:none}
.sgv-cot-req li:before{content:"✓";position:absolute;left:0;top:0;width:19px;height:19px;border-radius:50%;background:#dcfce7;color:#15803d;font-size:12px;font-weight:800;line-height:19px;text-align:center}
.sgv-cot-note{margin:0!important;font-size:12.5px;color:#6b7280}
.sgv-cot-dat{margin-top:14px;padding:16px;border-radius:18px;background:#fff;border:1px solid #e3e7f1}
.sgv-cot-sub{margin:0 0 12px!important;font-weight:700;color:#141b3d;font-size:15px}
.sgv-cot-dat .hoc-chk{margin-top:12px;font-size:13px;color:#4b5576}
.sgv-cot-dat .hoc-cq-act{margin-top:14px}
.sgv-cot-dat .hoc-btn-wa{min-height:54px;font-size:17px}
.sgv-cot-solo{display:block;margin:10px auto 0;border:0;background:none;color:#4338ca;font-family:inherit;font-weight:700;font-size:13.5px;text-decoration:underline;cursor:pointer}
.sgv-cot-msg{min-height:20px;margin:10px 0 0!important;text-align:center;font-size:14px;color:#b45309}
.sgv-cot-ok{margin-top:6px;text-align:center;background:#fff;border:1px solid #e3e7f1;border-radius:18px;padding:22px 18px;display:grid;gap:10px;justify-items:center}
.sgv-cot-ok .ic{width:58px;height:58px;border-radius:50%;background:#22c55e;color:#fff;display:grid;place-items:center;font-size:30px;font-weight:800}
.sgv-cot-ok b{font-size:18px;color:#141b3d}
.sgv-cot-ok p{margin:0!important;color:#4b5563;font-size:14.5px}
.sgv-cot-ok .folio{font:800 20px ui-monospace,"Roboto Mono",monospace;letter-spacing:.04em;color:#141b3d;padding:6px 14px;border:2px dashed #c7d2fe;border-radius:12px;background:#f5f7ff}
.sgv-cot-ok .hoc-btn{width:100%;max-width:380px}
.sgv-cot-ok .warn{color:#b45309}
@media (max-width:860px){.sgv-tabs button{font-size:13.5px}}

/* 1.7.1 · Menú de la computadora: «Empresas y flotillas» junto a «Trámites especiales». Si el menú no cabe junto a
   los botones de la derecha, se compacta por pasos (lo decide sgv-sitio.js midiendo). */
#dr-hdr nav.nav.sgv-nav-c1{gap:4px!important}
#dr-hdr nav.nav.sgv-nav-c1>.mi-btn,#dr-hdr nav.nav.sgv-nav-c1>span>.mi-btn{padding-left:8px!important;padding-right:8px!important}
#dr-hdr nav.nav.sgv-nav-c2>.mi-btn,#dr-hdr nav.nav.sgv-nav-c2>span>.mi-btn{font-size:13px!important;gap:5px!important}
#dr-hdr nav.nav.sgv-nav-c3>.mi-btn>svg.mi,#dr-hdr nav.nav.sgv-nav-c3>span>.mi-btn>svg.mi{display:none!important}
#dr-hdr nav.nav>a.sgv-nav-emp{white-space:nowrap}
#dr-hdr nav.nav.sgv-nav-mide,#dr-hdr nav.nav.sgv-nav-mide *{transition:none!important;animation:none!important}