/* MobiKey 15: modal GrowFollows con logos refinados y selects visuales. */
.mk-gf-filter-strip{margin:6px 0 18px}
.mk-gf-filter-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.mk-gf-filter-pill{display:flex;align-items:center;justify-content:flex-start;gap:12px;min-width:0;min-height:58px;padding:12px 16px;border:1.5px solid #cfb0ff;border-radius:16px;background:rgba(255,255,255,.72);backdrop-filter:blur(4px);color:#1b2440;cursor:pointer;box-shadow:0 8px 24px rgba(36,48,93,.06);transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease;font:inherit}
.mk-gf-filter-pill:hover{transform:translateY(-1px);border-color:#6c59f0;box-shadow:0 10px 24px rgba(108,89,240,.12)}
.mk-gf-filter-pill.active{border-color:#5f51ea;box-shadow:0 0 0 2px rgba(95,81,234,.18) inset,0 10px 24px rgba(95,81,234,.10);background:linear-gradient(180deg,#f7f5ff 0%,#eef1ff 100%)}
.mk-gf-filter-pill:focus-visible{outline:3px solid #6d5fff;outline-offset:2px}
.mk-gf-filter-label{font-size:1rem;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}
.mk-gf-filter-icon{width:26px;height:26px;flex:none;display:block}
.mk-gf-filter-search-hidden,.mk-gf-filter-search-hidden-input,.mk-gf-native-hidden{position:absolute!important;left:-99999px!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}
.mk-gf-visual-select{position:relative;margin-top:10px}
.mk-gf-visual-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1.5px solid #d9dff0;border-radius:16px;background:#f8faff;color:#16213d;padding:13px 16px;font:inherit;box-shadow:0 4px 18px rgba(25,36,74,.05);cursor:pointer}
.mk-gf-visual-trigger:hover{border-color:#7a69ff}
.mk-gf-visual-select.open .mk-gf-visual-trigger{border-color:#5f51ea;box-shadow:0 0 0 2px rgba(95,81,234,.16)}
.mk-gf-visual-value{min-width:0;flex:1}
.mk-gf-option-row{display:flex;align-items:center;gap:12px;min-width:0}
.mk-gf-option-icon{width:24px;height:24px;flex:none;display:block}
.mk-gf-option-text{display:block;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700;color:#1f2a44}
.mk-gf-option-placeholder{font-weight:500;color:#5d6886}
.mk-gf-visual-arrow{font-size:14px;color:#647091;flex:none}
.mk-gf-visual-list{display:none;position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:50;max-height:320px;overflow:auto;padding:8px;border:1px solid #d8def0;border-radius:18px;background:#ffffff;box-shadow:0 20px 40px rgba(16,24,40,.16)}
.mk-gf-visual-select.open .mk-gf-visual-list{display:block}
.mk-gf-visual-option{width:100%;display:flex;align-items:center;gap:12px;padding:10px 12px;border:0;border-radius:12px;background:transparent;text-align:left;font:inherit;cursor:pointer}
.mk-gf-visual-option:hover{background:#f4f6ff}
.mk-gf-visual-option.selected{background:#edf0ff}
.mk-gf-visual-option.placeholder{justify-content:flex-start}
.mk-gf-visual-option:disabled{opacity:.5;cursor:not-allowed}
.mk-gf-visual-select.is-disabled .mk-gf-visual-trigger{opacity:.68;cursor:not-allowed}
@media (max-width: 900px){.mk-gf-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width: 540px){.mk-gf-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mk-gf-filter-pill{padding:10px 12px;min-height:54px}.mk-gf-filter-label{font-size:.92rem}.mk-gf-visual-trigger{padding:12px 14px}}
@media (prefers-reduced-motion: reduce){.mk-gf-filter-pill,.mk-gf-visual-trigger{transition:none}.mk-gf-filter-pill:hover{transform:none}}
@media (min-width: 901px){.mk-php-dialog:has(.mk-gf-filter-strip),.mk-client-visual-v2 .mk-php-dialog:has(.mk-gf-filter-strip){width:min(1080px,calc(100vw - 32px));max-width:calc(100vw - 32px)}}
[data-theme="dark"] .mk-gf-filter-pill, html.dark .mk-gf-filter-pill, body.dark .mk-gf-filter-pill, .theme-dark .mk-gf-filter-pill{background:rgba(22,26,43,.88);color:#f4f7ff;border-color:#6153d7;box-shadow:0 10px 28px rgba(0,0,0,.28)}
[data-theme="dark"] .mk-gf-filter-pill.active, html.dark .mk-gf-filter-pill.active, body.dark .mk-gf-filter-pill.active, .theme-dark .mk-gf-filter-pill.active{background:linear-gradient(180deg,#21274b 0%,#171c34 100%);box-shadow:0 0 0 2px rgba(135,121,255,.24) inset,0 10px 28px rgba(0,0,0,.32)}
[data-theme="dark"] .mk-gf-visual-trigger, html.dark .mk-gf-visual-trigger, body.dark .mk-gf-visual-trigger, .theme-dark .mk-gf-visual-trigger{background:#141a2d;color:#f4f7ff;border-color:#2d3556;box-shadow:0 10px 28px rgba(0,0,0,.24)}
[data-theme="dark"] .mk-gf-visual-list, html.dark .mk-gf-visual-list, body.dark .mk-gf-visual-list, .theme-dark .mk-gf-visual-list{background:#141a2d;border-color:#2d3556;box-shadow:0 22px 42px rgba(0,0,0,.34)}
[data-theme="dark"] .mk-gf-visual-option:hover, html.dark .mk-gf-visual-option:hover, body.dark .mk-gf-visual-option:hover, .theme-dark .mk-gf-visual-option:hover{background:#202948}
[data-theme="dark"] .mk-gf-visual-option.selected, html.dark .mk-gf-visual-option.selected, body.dark .mk-gf-visual-option.selected, .theme-dark .mk-gf-visual-option.selected{background:#273056}
[data-theme="dark"] .mk-gf-option-text, html.dark .mk-gf-option-text, body.dark .mk-gf-option-text, .theme-dark .mk-gf-option-text{color:#f4f7ff}
[data-theme="dark"] .mk-gf-option-placeholder, html.dark .mk-gf-option-placeholder, body.dark .mk-gf-option-placeholder, .theme-dark .mk-gf-option-placeholder{color:#a6b2d0}
[data-theme="dark"] .mk-gf-visual-arrow, html.dark .mk-gf-visual-arrow, body.dark .mk-gf-visual-arrow, .theme-dark .mk-gf-visual-arrow{color:#b9c3e6}

/* Social 16: iconos negros pequeños como proveedor y acceso seguro para tema oscuro. */
.mk-gf-visual-option{min-height:34px;gap:9px;padding:7px 10px;color:#17213a}
.mk-gf-visual-option .mk-gf-option-text{font-size:14px;font-weight:600}
.mk-gf-option-icon{width:17px;height:17px;display:inline-block;flex:none;background:currentColor;-webkit-mask:var(--mk-gf-glyph) center/contain no-repeat;mask:var(--mk-gf-glyph) center/contain no-repeat}
.mk-gf-visual-trigger .mk-gf-option-icon{width:18px;height:18px}
.mk-gf-visual-list{z-index:100;max-height:min(440px,60vh);overscroll-behavior:contain}
.mk-gf-visual-option.selected{color:#18223b}
.mk-gf-visual-select,.mk-gf-filter-strip,[data-gf-order-area],[data-php-order-form]{scroll-margin-block:70px}
.mk-gf-client .mk-gf-visual-select.open{z-index:101}
html.dark .mk-gf-visual-option,body.dark .mk-gf-visual-option,.theme-dark .mk-gf-visual-option,[data-theme="dark"] .mk-gf-visual-option{color:#f5f6ff}
html.dark .mk-gf-visual-option.selected,body.dark .mk-gf-visual-option.selected,.theme-dark .mk-gf-visual-option.selected,[data-theme="dark"] .mk-gf-visual-option.selected{color:#f5f6ff}
@media(max-width:600px){.mk-gf-visual-list{max-height:min(330px,50vh)}}

/* SOCIAL17: menu integrado en el desplazamiento del modal, no superpuesto fuera de su altura. */
.mk-gf-visual-select.open .mk-gf-visual-list {
  position:relative;
  display:block;
  left:auto;
  right:auto;
  top:auto;
  margin-top:8px;
  max-height:min(285px,44vh);
  overflow-y:auto;
  overscroll-behavior:contain;
}
.mk-gf-visual-select.open { z-index:101; }
.mk-gf-visual-select { scroll-margin-top:18px; scroll-margin-bottom:18px; }
@media(max-width:600px){.mk-gf-visual-select.open .mk-gf-visual-list{max-height:min(245px,40vh)}}