/* Galerías Natura — diseño escritorio 500 x 500 */
.ng-gallery{display:grid;grid-template-columns:minmax(0,608px) minmax(290px,.95fr);gap:54px;align-items:start;max-width:1280px;margin:0 auto;padding:18px 0;color:#161616}.ng-gallery *{box-sizing:border-box}
.ng-gallery__visual{display:grid;grid-template-columns:500px 78px;grid-template-rows:500px;gap:18px;align-items:stretch;justify-content:start;width:596px;max-width:100%;height:500px;min-width:0}
.ng-gallery__main{position:relative;display:block!important;width:500px!important;height:500px!important;min-width:500px!important;min-height:500px!important;max-width:500px!important;max-height:500px!important;aspect-ratio:1/1!important;overflow:hidden;border-radius:18px;background:#ededed;line-height:0}
.ng-gallery__main-image,.ng-gallery__main img{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;min-width:100%!important;min-height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;object-position:center!important;margin:0!important;padding:0!important;transition:opacity .2s ease}
.ng-gallery__thumbs-wrap{height:500px!important;min-height:500px!important;max-height:500px!important;display:grid;grid-template-rows:34px minmax(0,1fr) 34px;gap:10px;overflow:hidden}
.ng-gallery__thumbs{display:flex;flex-direction:column;gap:12px;min-height:0;height:100%;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth;padding:0 2px}.ng-gallery__thumbs::-webkit-scrollbar{display:none}.ng-gallery__thumbs{scrollbar-width:none;-ms-overflow-style:none}
.ng-gallery__thumb{border:0;padding:0;background:#eee;border-radius:7px;overflow:hidden;width:78px;height:calc((100% - 36px)/4);min-height:0;cursor:pointer;opacity:.56;flex:0 0 calc((100% - 36px)/4);transition:opacity .2s ease,transform .2s ease}.ng-gallery__thumb:hover,.ng-gallery__thumb.is-active{opacity:1}.ng-gallery__thumb:hover{transform:translateY(-1px)}.ng-gallery__thumb img{width:100%!important;height:100%!important;object-fit:cover!important;display:block;margin:0}
.ng-gallery__scroll{border:0;width:34px;height:34px;border-radius:50%;justify-self:center;align-self:center;background:#fff;color:#737373;box-shadow:0 3px 11px rgba(0,0,0,.16);cursor:pointer;font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center;transition:transform .2s ease,box-shadow .2s ease}.ng-gallery__scroll:hover{transform:scale(1.06);box-shadow:0 4px 13px rgba(0,0,0,.23)}.ng-gallery__scroll span{display:block;transform:rotate(90deg);margin-top:-1px}
.ng-gallery__content{align-self:start;padding-top:0}.ng-gallery__content h2{font-family:'Oswald',Arial,sans-serif;font-weight:600;text-transform:none;letter-spacing:0;line-height:1.1;font-size:25px;margin:0 0 20px}.ng-gallery__description{font-family:Roboto,Arial,sans-serif;font-size:16px;line-height:25px;color:#767676}.ng-gallery__description p{margin:0 0 10px}.ng-gallery__description p:last-child{margin-bottom:0}

/* Variación elegida desde el panel: imágenes a la derecha y texto a la izquierda. */
.ng-gallery--visual-right{grid-template-columns:minmax(290px,.95fr) minmax(0,608px)}
.ng-gallery--visual-right .ng-gallery__visual{order:2;justify-self:end}
.ng-gallery--visual-right .ng-gallery__content{order:1;min-width:0}

@media (max-width:900px) and (min-width:861px){.ng-gallery,.ng-gallery--visual-right{gap:30px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.ng-gallery__visual{grid-template-columns:minmax(0,1fr) 68px;width:100%;height:auto;aspect-ratio:596/500}.ng-gallery__main{width:100%!important;height:auto!important;min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important;aspect-ratio:1/1!important}.ng-gallery__thumbs-wrap{height:100%!important;min-height:0!important;max-height:none!important}.ng-gallery__thumb{width:68px}}
@media (max-width:860px){
.ng-gallery--visual-right .ng-gallery__visual{order:1}.ng-gallery--visual-right .ng-gallery__content{order:2}
.ng-gallery{grid-template-columns:1fr;gap:24px;padding:0 12px;max-width:410px;margin:0 auto;align-items:start}
.ng-gallery__visual{display:grid;grid-template-columns:40px minmax(0,1fr) 40px;grid-template-rows:auto auto;column-gap:8px;row-gap:12px;width:100%;height:auto;max-width:none;padding:0 4px;aspect-ratio:auto;overflow:visible}
.ng-gallery__main{grid-column:1/-1;width:100%!important;height:auto!important;min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important;aspect-ratio:1/1!important;border-radius:18px}
.ng-gallery__thumbs-wrap{grid-column:1/-1;display:contents;height:auto!important;min-height:0!important;max-height:none!important}
.ng-gallery__thumbs{grid-column:2;display:flex;flex-direction:row;gap:10px;height:auto;max-height:none;overflow-x:auto;overflow-y:hidden;padding:0;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}.ng-gallery__thumbs::-webkit-scrollbar{display:none}
.ng-gallery__thumb{border-radius:12px;width:calc((100% - 20px)/3);height:auto;aspect-ratio:1/1;min-width:calc((100% - 20px)/3);flex:0 0 calc((100% - 20px)/3);opacity:1;scroll-snap-align:start}
.ng-gallery__scroll{display:flex;width:32px;height:32px;font-size:17px;align-self:center;justify-self:center;grid-row:2;z-index:2;position:relative}.ng-gallery__scroll--up{grid-column:1}.ng-gallery__scroll--down{grid-column:3}.ng-gallery__scroll span{transform:none!important;margin:0}
.ng-gallery__content{padding:0 12px 4px;align-self:start}.ng-gallery__content h2{font-size:28px;line-height:1.05;margin:0 0 15px}.ng-gallery__description{font-size:16px;line-height:25px;color:#737373}
}

/* Listado completo y filtro por ciudad */
.ng-galleries{max-width:1280px;margin:0 auto}.ng-galleries__filter{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin:0 0 30px}.ng-galleries__filter label{font-weight:600}.ng-galleries__filter select{min-width:220px;padding:10px 36px 10px 12px;border:1px solid #d7d7d7;border-radius:8px;background:#fff}.ng-galleries__item{margin-bottom:54px}.ng-galleries__item[hidden]{display:none!important}.ng-galleries__empty{text-align:center;padding:24px 12px;color:#666}
@media (max-width:860px){.ng-galleries__filter{align-items:stretch;flex-direction:column;padding:0 12px;margin-bottom:26px}.ng-galleries__filter select{width:100%;min-width:0}.ng-galleries__item{margin-bottom:42px}}