/* Form dropdowns, shared by every lead form (global.css pages and the lp.css landing/area pages).
   Gold chevron; the open list is themed where the browser supports appearance:base-select (Chrome/Edge),
   native list elsewhere. "form.uform" outranks both stylesheets' ".uform select" background shorthand. */
form.uform select{appearance:none;padding-right:2.25em;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23C9A24A' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75em center;background-size:12px 8px}
form.uform select:hover{border-color:var(--muted)}
@supports (appearance:base-select){
  form.uform select,form.uform select::picker(select){appearance:base-select}
  form.uform select::picker-icon{display:none}
  form.uform select>button{all:unset;display:block;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
  form.uform selectedcontent .cn{display:none} /* phone code: "+57" closed, "+57 Colombia" in the list (public/phone.js) */
  form.uform select::picker(select){background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:14px;padding:6px;margin-top:6px;box-shadow:0 18px 40px rgba(0,0,0,.55);max-height:min(360px,60vh);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(201,162,74,.45) transparent}
  form.uform option{padding:.6em .85em;border-radius:9px;font-size:.95rem}
  form.uform option:hover,form.uform option:focus-visible{background:rgba(201,162,74,.14);color:#E1BE63;outline:none}
  form.uform option:checked{color:#E1BE63}
  form.uform option::checkmark{color:var(--gold)}
}