.galeria-title{font-size:3rem;font-weight:300;margin-bottom:1rem;color:white}.galeria-subtitle{font-size:1.3rem;font-weight:300;opacity:.9;max-width:600px;margin:0 auto 1rem}.galeria-count{background:rgba(255,255,255,.2);padding:.5rem 1rem;border-radius:20px;font-size:.9rem;display:inline-block}.galeria-filtros{padding:1rem 0;background:white;position:sticky;top:70px;z-index:100}.filtros-container{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.filtro-btn{background:transparent;border:none;color:#718096;padding:.75rem 1.5rem .25rem;border-radius:0;font-weight:500;transition:color .3s ease;display:flex;align-items:center;cursor:pointer;font-size:.9rem;position:relative;text-decoration:none!important}.filtro-btn:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:0;height:2px;background-color:#5c6e58;transition:width .3s ease,background-color .3s ease}.filtro-btn:hover{color:#5c6e58}.filtro-btn:hover:after{width:70%}.filtro-btn.active{color:#5c6e58;font-weight:600}.filtro-btn.active:after{width:35%}.filtro-btn.active .filtro-count{background:rgba(255,255,255,.3)}.galeria-grid-section{padding:3rem 0}.galeria-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:2rem}.galeria-item{position:relative;overflow:hidden;cursor:pointer;box-shadow:0 4px 20px rgba(0,0,0,.1);transition:all .3s ease;aspect-ratio:4/3}.galeria-item:hover{transform:translateY(-5px);box-shadow:0 8px 30px rgba(0,0,0,.15)}.galeria-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.galeria-item:hover .galeria-img{transform:scale(1.05)}.galeria-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(92,110,88,.8);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.galeria-item:hover .galeria-overlay{opacity:1}.galeria-info{color:white;font-size:2rem}.galeria-vacia{padding:4rem 2rem;background:#f8f9fa;margin:2rem 0}.galeria-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.9);z-index:1000;padding:2rem}.galeria-modal,.modal-nav-arrow{display:flex;align-items:center;justify-content:center}.modal-nav-arrow{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.4);color:white;border:none;width:50px;height:50px;border-radius:50%;cursor:pointer;z-index:1002;transition:background .3s ease,transform .3s ease;font-size:1.5rem}.modal-nav-arrow:hover{background:rgba(0,0,0,.6);transform:translateY(-50%) scale(1.05)}.modal-nav-arrow.left{left:20px}.modal-nav-arrow.right{right:20px}@media (max-width:992px){.modal-nav-arrow{width:40px;height:40px;font-size:1.2rem}.modal-nav-arrow.left{left:.5rem}.modal-nav-arrow.right{right:.5rem}}.modal-content{position:relative;max-width:55%;background:transparent;overflow:hidden;margin-top:1vh;box-shadow:none}.modal-image-wrapper{position:relative;padding:10px 10px 0;background:white;box-shadow:0 0 20px rgba(0,0,0,.2);overflow:hidden}.modal-close{position:absolute;top:20px;right:20px;background:rgba(0,0,0,.4);color:white;border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1001;transition:background .3s ease}.modal-close:hover{background:rgba(0,0,0,.6)}.modal-img{width:100%;height:auto;max-height:70vh;object-fit:contain;display:block}.modal-info{padding:1em;background:white;z-index:2}.modal-info p{margin:0;color:#4a5568;text-align:center;font-style:italic}@media (max-width:768px){.galeria-header{padding:3rem 0}.galeria-title{font-size:2.2rem}.galeria-subtitle{font-size:1.1rem}.filtros-container{gap:.25rem}.filtro-btn{padding:.5rem 1rem;font-size:.8rem}.galeria-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.galeria-modal{padding:1rem}.modal-content{max-width:fit-content;max-height:95%}}@media (max-width:576px){.galeria-title{font-size:1.8rem}.filtro-btn{padding:.4rem .8rem;font-size:.75rem}.galeria-grid{grid-template-columns:1fr}}@media (max-width:992px){.modal-nav-arrow.left{left:10px}.modal-nav-arrow.right{right:10px}.modal-close{top:15px;right:15px}}