.diccionario-panel{position:fixed;top:0;right:-400px;width:350px;height:100%;background-color:#1e1e1e;color:#fff;box-shadow:-2px 0 8px #00000080;transition:right .3s ease;z-index:999;overflow-y:auto}.diccionario-panel.open{right:0}.diccionario-content{padding:20px}.cerrar-btn{background:none;border:none;color:#fff;font-size:1.2rem;cursor:pointer;float:right}.diccionario-texto{font-size:1.3rem;text-align:center;margin-top:40px}@media (max-width: 768px){.diccionario-panel{width:85%;right:-100%}}.search-bar{display:flex;gap:10px;margin-bottom:15px}.search-button{padding:8px 15px;border:1px solid #ccc;border-radius:5px;background-color:#f0f0f0;cursor:pointer;font-size:14px}.search-button:hover{background-color:#e0e0e0}.search-button:disabled{cursor:not-allowed;opacity:.6}.results-container{height:400px;overflow-y:auto;border:1px solid #eee;border-radius:5px;padding:5px;background-color:#fafafa}.loading-results,.no-results{text-align:center;padding:20px;color:#888;font-style:italic}.results-list{list-style:none;padding:0;margin:0}.result-item{display:flex;justify-content:space-between;align-items:center;padding:12px 10px;border-bottom:1px solid #eee;transition:background-color .2s}.result-item:last-child{border-bottom:none}.result-item:hover{background-color:#f0f8ff}.result-info{flex-grow:1}.result-location{font-weight:700;font-size:1em;color:#333;margin-bottom:8px;display:block}.result-text{margin:4px 0;font-size:.95em;line-height:1.5;color:#555}.result-text.hebrew-text{font-family:SBL Hebrew,Times New Roman,serif;font-size:1.2em}.result-text mark{background-color:#ffe082;padding:1px 3px;border-radius:3px}.result-action{flex-shrink:0;padding:10px;cursor:pointer;color:#007bff;border-radius:50%;transition:background-color .2s;display:flex;align-items:center;justify-content:center}.result-action:hover{background-color:#e6f2ff}.arrow-icon{width:24px;height:24px}.app-container{background-color:#2b3433;color:#eee;height:100vh;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto 1fr 1fr;gap:10px;padding:10px;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow:hidden}.app-header{grid-column:1 / -1;display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;border-bottom:1px solid #4ccf9d;padding-bottom:2px;font-weight:600;font-size:1rem;line-height:1.2;-webkit-user-select:none;user-select:none;height:1.5em;overflow:hidden}.selectors-container{grid-column:1 / -1;display:flex;justify-content:center;align-items:center;gap:10px;margin-bottom:10px}.selectors-container select{background-color:#222;color:#eee;border:1px solid #4ccf9d;border-radius:4px;padding:5px 10px}.book-select{min-width:120px}.chapter-select,.verse-select{min-width:80px}.navigate-button{background-color:#1f6f5e;border:1px solid #4ccf9d;color:#e6fff5;border-radius:6px;padding:6px 10px;cursor:pointer}.text-section{background-color:#1e1e1e;padding:10px;border-radius:5px;overflow-y:auto;white-space:pre-wrap}.translit-section{color:#a9d1a9;font-size:1rem;max-height:30vh;line-height:1.5}.hebrew-section{color:#82c784;padding:15px;font-size:1.5rem;max-height:30vh;line-height:1.7;text-align:right;font-family:Frank Ruehl,serif}.spanish-section{grid-column:1 / -1;color:#c7d9c2;font-size:1.1rem;max-height:35vh;line-height:1.6}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-content{background:#181818;color:#eaeaea;width:90%;max-width:1000px;border:1px solid #2a8f77;border-radius:12px;box-shadow:0 10px 30px #00000073;padding:16px}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;border-bottom:1px solid #2a8f77;padding-bottom:6px}.modal-title{margin:0;font-size:1.05rem;color:#bff3df}.modal-close-button{background:#222;color:#eaeaea;border:1px solid #2a8f77;border-radius:6px;padding:4px 10px;cursor:pointer}.modal-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.modal-column{background:#1c1c1c;border:1px solid #2a8f77;border-radius:8px;overflow:hidden;display:flex;flex-direction:column}.modal-column-header{padding:8px 10px;border-bottom:1px solid #2a8f77;color:#bff3df;font-weight:600}.modal-search-input{margin:8px;padding:6px 8px;border-radius:6px;border:1px solid #2a8f77;background:#222;color:#eaeaea;outline:none}.modal-list{list-style:none;margin:0;padding:6px;max-height:45vh;overflow-y:auto}.modal-list-item{padding:6px 8px;margin-bottom:4px;border-radius:6px;cursor:pointer}.modal-list-item.selected{background:#235a4f;color:#eafff7}.modal-grid-list{list-style:none;margin:0;padding:6px;max-height:45vh;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(46px,1fr));gap:6px}.modal-grid-list-item{text-align:center;padding:6px 0;border-radius:6px;cursor:pointer;background:#222;color:#eaeaea;border:1px solid #2a8f77}.modal-grid-list-item.selected{background:#235a4f}@media (max-width: 768px){.app-container{grid-template-columns:1fr;grid-template-rows:auto auto auto 1fr 1fr;height:auto;min-height:100vh}.selectors-container{flex-wrap:wrap;gap:8px}.selectors-container select{flex-grow:1;min-width:70px;width:auto}.book-select{flex-basis:100%}.translit-section,.hebrew-section,.spanish-section{max-height:30vh}.hebrew-section{grid-row:3}.translit-section{grid-row:4}.spanish-section{grid-row:5;grid-column:1 / -1}.modal-grid{grid-template-columns:1fr;max-height:80vh;overflow-y:auto}.modal-list,.modal-grid-list{max-height:25vh}}body{margin:0;font-family:Arial,sans-serif;background:#f0f0f0}.container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:200px auto;gap:10px;padding:10px;height:100vh;box-sizing:border-box}.box{background:white;padding:10px;border-radius:8px;overflow-y:auto;border:1px solid #ccc}.box.hebrew{direction:rtl;font-size:20px}.box.translit{font-style:italic}.box.spanish{grid-column:span 2}.navegacion-versiculos{display:flex;justify-content:center;gap:20px;margin-top:10px}.flecha-btn{background-color:#045133;color:#fff;border:none;padding:2px;font-size:1.5rem;border-radius:3px;cursor:pointer;transition:background .2s;height:36px}.flecha-btn:hover{background-color:#3bb384}