.search-container{position:relative;z-index:100}#gallery-search{border:2px solid #e0e0e0;border-radius:var(--border-radius-pill);padding:10px 45px;font-size:.9rem;transition:var(--transition-fast);width:300px;color:var(--color-text-primary);font-weight:600}.view-switcher-group #gallery-search{width:120px;padding:10px 16px 10px 36px}#gallery-search::placeholder{color:var(--color-text-secondary);font-weight:600;opacity:.7}#gallery-search:focus{border-color:transparent;outline:none;box-shadow:0 0 0 3px #00000026,0 0 0 6px #00000014}.search-container>.fa-search,.search-container .search-input-wrap .fa-search{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:#aaa}.clear-search-btn{position:absolute;right:15px;top:50%;transform:translateY(-50%);background:none;border:none;color:#aaa;cursor:pointer;font-size:1.1rem;padding:5px;opacity:0;pointer-events:none;transition:opacity .2s ease}.clear-search-btn.visible{opacity:1;pointer-events:auto}.clear-search-btn:hover{color:var(--color-text-primary)}.autocomplete-suggestions{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#ffffffbf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(0,0,0,.05);border-radius:10px;box-shadow:0 10px 25px #0000001a;max-height:240px;overflow-y:auto;z-index:9999;display:none}.autocomplete-suggestions.active{display:block}.suggestion-item{padding:12px 22px;cursor:pointer;transition:background-color .2s ease,color .2s ease;font-size:.9rem;color:#1a2542a6;font-weight:600}.suggestion-item:hover,.suggestion-item.highlighted{background-color:#0000000d;color:var(--color-text-primary)}body.page-sobre-mi .view-switcher-group .search-container{margin-right:0}@media(prefers-color-scheme:dark){html:not(.force-light) #gallery-search{background:#ffffff0a;border-color:#ffffff14;color:#ffffffbf}html:not(.force-light) #gallery-search::placeholder{color:#ffffff40}html:not(.force-light) #gallery-search:focus{border-color:#ffffff1f;box-shadow:0 0 0 3px #ffffff0f}html:not(.force-light) .search-container>.fa-search,html:not(.force-light) .search-container .search-input-wrap .fa-search,html:not(.force-light) .clear-search-btn{color:#ffffff4d}html:not(.force-light) .clear-search-btn:hover{color:#ffffffb3}html:not(.force-light) .autocomplete-suggestions{background:#ffffff14;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-color:#ffffff0d;box-shadow:0 10px 25px #0000004d;scrollbar-width:none}html:not(.force-light) .autocomplete-suggestions::-webkit-scrollbar{display:none}html:not(.force-light) .suggestion-item{color:#ffffff80}html:not(.force-light) .suggestion-item:hover,html:not(.force-light) .suggestion-item.highlighted{background-color:#ffffff0d;color:#ffffffd9}}.dark-mode #gallery-search{background:#ffffff0a;border-color:#ffffff14;color:#ffffffbf}.dark-mode #gallery-search::placeholder{color:#ffffff40}.dark-mode #gallery-search:focus{border-color:#ffffff1f;box-shadow:0 0 0 3px #ffffff0f}.dark-mode .search-container>.fa-search,.dark-mode .search-container .search-input-wrap .fa-search,.dark-mode .clear-search-btn{color:#ffffff4d}.dark-mode .clear-search-btn:hover{color:#ffffffb3}.dark-mode .autocomplete-suggestions{background:#ffffff14;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-color:#ffffff0d;box-shadow:0 10px 25px #0000004d;scrollbar-width:none}.dark-mode .autocomplete-suggestions::-webkit-scrollbar{display:none}.dark-mode .suggestion-item{color:#ffffff80}.dark-mode .suggestion-item:hover,.dark-mode .suggestion-item.highlighted{background-color:#ffffff0d;color:#ffffffd9}