It seems we can’t find what you’re looking for. Perhaps searching can help.
' +
'' +
'
';
function injectModal() {
if (!document.getElementById('saltilloSearchModal')) {
document.body.insertAdjacentHTML('beforeend', modalHTML);
}
}
if (document.body) {
injectModal();
} else {
document.addEventListener('DOMContentLoaded', injectModal);
}
// Close on Escape key
document.addEventListener('keydown', function(e) {
if (e.key === 'Escape') saltilloCloseSearch();
});
// Close when clicking outside modal content
document.addEventListener('click', function(e) {
if (e.target.id === 'saltilloSearchModal') {
saltilloCloseSearch();
}
});
})();
function saltilloOpenSearch() {
var modal = document.getElementById('saltilloSearchModal');
modal.style.setProperty('display', 'flex', 'important');
document.body.style.overflow = 'hidden';
setTimeout(function() {
var input = modal.querySelector('.saltillo-search-input');
if (input) input.focus();
}, 50);
}
function saltilloCloseSearch() {
var modal = document.getElementById('saltilloSearchModal');
if (modal) {
modal.style.setProperty('display', 'none', 'important');
document.body.style.overflow = '';
}
}
.saltillo-search-toggle {
background: none;
border: none;
cursor: pointer;
font-size: 20px;
color: #333;
padding: 8px;
display: flex;
align-items: center;
justify-content: center;
}
#saltilloSearchModal {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background: rgba(0, 0, 0, 0.6);
z-index: 999999;
align-items: center;
justify-content: center;
padding: 20px;
box-sizing: border-box;
}
#saltilloSearchModal .saltillo-search-modal-content {
background: white;
padding: 30px;
border-radius: 8px;
width: 100%;
max-width: 500px;
box-sizing: border-box;
position: relative;
}
#saltilloSearchModal .saltillo-search-title {
margin: 0 0 20px 0;
font-size: 22px;
padding-right: 40px;
}
#saltilloSearchModal .saltillo-search-close {
position: absolute;
top: 10px;
right: 15px;
background: none;
border: none;
font-size: 32px;
cursor: pointer;
color: #333;
line-height: 1;
padding: 5px 10px;
}
#saltilloSearchModal .saltillo-search-form {
display: flex;
gap: 10px;
}
#saltilloSearchModal .saltillo-search-input {
flex: 1;
min-width: 0;
padding: 12px;
border: 1px solid #ddd;
border-radius: 4px;
font-size: 16px;
box-sizing: border-box;
}
#saltilloSearchModal .saltillo-search-btn {
background: #333;
color: white;
border: none;
padding: 12px 25px;
border-radius: 4px;
cursor: pointer;
white-space: nowrap;
}
/* Mobile adjustments */
@media (max-width: 480px) {
#saltilloSearchModal {
padding: 15px;
}
#saltilloSearchModal .saltillo-search-modal-content {
padding: 20px;
}
#saltilloSearchModal .saltillo-search-title {
font-size: 18px;
margin-bottom: 15px;
}
#saltilloSearchModal .saltillo-search-form {
flex-direction: column;
gap: 8px;
}
#saltilloSearchModal .saltillo-search-btn {
padding: 12px;
width: 100%;
}
#saltilloSearchModal .saltillo-search-close {
font-size: 28px;
top: 5px;
right: 10px;
}
}
' +
'' +
'
';
function injectModal() {
if (!document.getElementById('saltilloSearchModal')) {
document.body.insertAdjacentHTML('beforeend', modalHTML);
}
}
if (document.body) {
injectModal();
} else {
document.addEventListener('DOMContentLoaded', injectModal);
}
// Close on Escape key
document.addEventListener('keydown', function(e) {
if (e.key === 'Escape') saltilloCloseSearch();
});
// Close when clicking outside modal content
document.addEventListener('click', function(e) {
if (e.target.id === 'saltilloSearchModal') {
saltilloCloseSearch();
}
});
})();
function saltilloOpenSearch() {
var modal = document.getElementById('saltilloSearchModal');
modal.style.setProperty('display', 'flex', 'important');
document.body.style.overflow = 'hidden';
setTimeout(function() {
var input = modal.querySelector('.saltillo-search-input');
if (input) input.focus();
}, 50);
}
function saltilloCloseSearch() {
var modal = document.getElementById('saltilloSearchModal');
if (modal) {
modal.style.setProperty('display', 'none', 'important');
document.body.style.overflow = '';
}
}
.saltillo-search-toggle {
background: none;
border: none;
cursor: pointer;
font-size: 20px;
color: #333;
padding: 8px;
display: flex;
align-items: center;
justify-content: center;
}
#saltilloSearchModal {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background: rgba(0, 0, 0, 0.6);
z-index: 999999;
align-items: center;
justify-content: center;
padding: 20px;
box-sizing: border-box;
}
#saltilloSearchModal .saltillo-search-modal-content {
background: white;
padding: 30px;
border-radius: 8px;
width: 100%;
max-width: 500px;
box-sizing: border-box;
position: relative;
}
#saltilloSearchModal .saltillo-search-title {
margin: 0 0 20px 0;
font-size: 22px;
padding-right: 40px;
}
#saltilloSearchModal .saltillo-search-close {
position: absolute;
top: 10px;
right: 15px;
background: none;
border: none;
font-size: 32px;
cursor: pointer;
color: #333;
line-height: 1;
padding: 5px 10px;
}
#saltilloSearchModal .saltillo-search-form {
display: flex;
gap: 10px;
}
#saltilloSearchModal .saltillo-search-input {
flex: 1;
min-width: 0;
padding: 12px;
border: 1px solid #ddd;
border-radius: 4px;
font-size: 16px;
box-sizing: border-box;
}
#saltilloSearchModal .saltillo-search-btn {
background: #333;
color: white;
border: none;
padding: 12px 25px;
border-radius: 4px;
cursor: pointer;
white-space: nowrap;
}
/* Mobile adjustments */
@media (max-width: 480px) {
#saltilloSearchModal {
padding: 15px;
}
#saltilloSearchModal .saltillo-search-modal-content {
padding: 20px;
}
#saltilloSearchModal .saltillo-search-title {
font-size: 18px;
margin-bottom: 15px;
}
#saltilloSearchModal .saltillo-search-form {
flex-direction: column;
gap: 8px;
}
#saltilloSearchModal .saltillo-search-btn {
padding: 12px;
width: 100%;
}
#saltilloSearchModal .saltillo-search-close {
font-size: 28px;
top: 5px;
right: 10px;
}
}
