/* Menús desplegables de Diimzo (v5.9.1) · ver ui-select.js */

/* el <select> real queda en la página, invisible, para conservar value/change/required */
select.uis-native{position:absolute!important;width:1px!important;height:1px!important;min-width:0!important;margin:0!important;padding:0!important;border:0!important;opacity:0!important;pointer-events:none!important;overflow:hidden}

/* ---- botón que reemplaza al select ---- */
button.uis-btn{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;gap:10px;min-width:min(100%,190px);max-width:100%;min-height:42px;padding:8px 10px 8px 14px;
  background:linear-gradient(180deg,#0b1d47,#081635);border:1px solid #1a4a9c;border-radius:12px;color:var(--txt,#e8f0ff);font:inherit;line-height:1.3;cursor:pointer;
  box-shadow:inset 0 1px 0 #35c8ff14;transition:border-color .15s,box-shadow .15s,background .15s;-webkit-tap-highlight-color:transparent}
button.uis-btn:hover:not(:disabled){border-color:#2d7fe0;background:linear-gradient(180deg,#0d2354,#0a1b40)}
button.uis-btn:focus-visible,button.uis-btn[aria-expanded="true"]{border-color:var(--neon,#35c8ff);box-shadow:0 0 0 3px #35c8ff26,0 0 18px #1a8cff33;outline:0}
button.uis-btn:disabled{opacity:.5;cursor:not-allowed}
.uis-val{flex:1;min-width:0;display:flex;align-items:baseline;gap:10px}
.uis-main{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.uis-side{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right;color:var(--mut,#8fa6d0);font-size:.9em;font-variant-numeric:tabular-nums}
.uis-chev{flex:none;width:18px;height:18px;fill:none;stroke:var(--neon,#35c8ff);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;transition:transform .18s}
button.uis-btn[aria-expanded="true"] .uis-chev{transform:rotate(180deg)}

/* dentro de etiquetas o formularios, ocupa todo el ancho */
label>button.uis-btn,.simform button.uis-btn,.sels button.uis-btn,.panel button.uis-btn,.row>button.uis-btn.wide{display:flex;width:100%}
label>button.uis-btn{margin-top:4px}
td button.uis-btn{min-width:140px;min-height:36px;padding:5px 8px 5px 12px}

/* variante integrada (selector de idioma y selectores del encabezado de la tienda) */
button.uis-btn.uis-inline{min-width:0;min-height:0;padding:0;background:none;border:0;border-radius:6px;box-shadow:none;gap:4px;font-weight:600}
button.uis-btn.uis-inline:hover:not(:disabled){background:none}
button.uis-btn.uis-inline:focus-visible{box-shadow:0 0 0 2px #35c8ff55}
button.uis-btn.uis-inline .uis-chev{width:16px;height:16px}
button.uis-btn.uis-nochev .uis-chev{display:none}
.sel button.uis-btn.uis-inline{width:100%;padding:2px 22px 2px 0;font-size:15px}

/* ---- capa del menú ---- */
.uis-layer{position:fixed;inset:0;z-index:2000}
.uis-scrim{position:absolute;inset:0}
.uis-panel{position:absolute;display:flex;flex-direction:column;overflow:hidden;color:var(--txt,#e8f0ff);font:14px/1.35 system-ui,"Segoe UI",Roboto,sans-serif;
  background:linear-gradient(180deg,#0a1a42,#050e26);border:1px solid #1d56b8;border-radius:14px;box-shadow:0 0 0 1px #35c8ff14 inset,0 18px 48px #000000b3,0 0 30px #1a8cff22}
.uis-drop .uis-panel{animation:uisIn .14s ease-out}
.uis-drop.uis-up .uis-panel{animation-name:uisInUp}
@keyframes uisIn{from{opacity:0;transform:translateY(-6px)}}
@keyframes uisInUp{from{opacity:0;transform:translateY(6px)}}

.uis-qwrap{padding:10px 10px 6px;border-bottom:1px solid #12367f}
.uis-q{all:unset;box-sizing:border-box;width:100%;padding:10px 12px 10px 38px;font-size:16px;color:#fff;border:1px solid #1d56b8;border-radius:10px;
  background:#071a46 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2335c8ff' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-4-4'/%3E%3C/svg%3E") 11px 50%/18px no-repeat}
.uis-q:focus{border-color:var(--neon,#35c8ff);box-shadow:0 0 0 3px #35c8ff22}
.uis-q::placeholder{color:#6f8ac4}

.uis-list{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:6px;outline:0;scrollbar-width:thin;scrollbar-color:#1d56b8 transparent}
.uis-group{padding:12px 10px 5px;font-size:12px;font-weight:700;letter-spacing:.04em;color:#6fb6ff}
.uis-group:first-child{padding-top:6px}
.uis-opt{display:flex;align-items:center;gap:12px;padding:11px 10px 11px 12px;border-radius:10px;cursor:pointer;color:#dbe8ff;position:relative}
.uis-opt+.uis-opt{margin-top:2px}
.uis-opt.is-active{background:#0f2a63}
.uis-opt.is-on{color:#fff;background:linear-gradient(90deg,#1a8cff33,#0f2a63 70%);box-shadow:inset 3px 0 var(--neon,#35c8ff)}
.uis-opt.is-dis{opacity:.4;cursor:not-allowed}
.uis-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.uis-t{overflow-wrap:anywhere}
.uis-sub{font-size:12.5px;color:var(--mut,#8fa6d0)}
.uis-tag{flex:none;padding:3px 10px;border:1px solid #1d56b8;border-radius:999px;font-size:12.5px;font-weight:600;color:#a9c8ff;background:#071a46;font-variant-numeric:tabular-nums;white-space:nowrap}
.uis-opt.is-on .uis-tag{border-color:var(--neon,#35c8ff);color:#fff}
.uis-tick{flex:none;width:18px;height:18px;fill:none;stroke:var(--neon,#35c8ff);stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round;opacity:0}
.uis-opt.is-on .uis-tick{opacity:1}
.uis-empty{padding:22px 12px;text-align:center;color:var(--mut,#8fa6d0)}

/* ---- celular: hoja inferior ---- */
.uis-sheet .uis-scrim{background:#01040dbb;animation:uisFade .18s ease-out}
.uis-sheet .uis-panel{left:0;right:0;bottom:0;max-height:82vh;max-height:82dvh;border-radius:20px 20px 0 0;border-bottom:0;padding-bottom:env(safe-area-inset-bottom,0px);animation:uisUp .22s cubic-bezier(.2,.8,.2,1)}
.uis-head{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 12px 8px 18px;border-bottom:1px solid #12367f}
.uis-grab{position:absolute;left:50%;top:8px;width:42px;height:4px;margin-left:-21px;border-radius:4px;background:#2a5fc4}
.uis-title{font-size:17px;font-weight:700;color:#fff;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.uis-x{all:unset;box-sizing:border-box;flex:none;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;color:#cfe0ff;background:#0c2150;cursor:pointer;font-size:15px}
.uis-x:active{background:#143277}
.uis-sheet .uis-opt{padding:14px 12px;font-size:15.5px}
.uis-sheet .uis-list{padding:8px 8px 10px}
@keyframes uisUp{from{transform:translateY(100%)}}
@keyframes uisFade{from{opacity:0}}
html.uis-lock,html.uis-lock body{overflow:hidden}

@media(max-width:700px){button.uis-btn{min-height:46px;font-size:16px}button.uis-btn.uis-inline{min-height:0;font-size:14px}td button.uis-btn{min-height:40px}}
@media(prefers-reduced-motion:reduce){.uis-panel,.uis-scrim,.uis-chev{animation:none!important;transition:none!important}}

/* ---- pulido común (toda la web) ---- */
:root{color-scheme:dark}                       /* calendarios, barras de desplazamiento y autocompletado del navegador en oscuro */
input[type=checkbox],input[type=radio]{accent-color:#1a8cff}
::selection{background:#1a8cff66}
*{scrollbar-width:thin;scrollbar-color:#1d56b8 transparent}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid #35c8ff;outline-offset:2px}
input::placeholder,textarea::placeholder{color:#6f8ac4;opacity:1}
.uis-q:focus-visible,.uis-list:focus-visible,.uis-layer :focus-visible{outline:0}