.galeria-hero{
  background:linear-gradient(135deg,#eef7ff,#ffffff);
  padding:90px 0 60px;
  text-align:center;
}
/*==================================
TÍTULO PEQUEÑO
==================================*/

.galeria-hero .section-label{

    display:inline-block;

    color:#2fa866;

    font-size:.9rem;

    font-weight:800;

    text-transform:uppercase;

    letter-spacing:4px;

    margin-bottom:18px;

}

.galeria-hero h1{
  color:var(--blue);
  font-size:clamp(2.4rem,5vw,4rem);
  max-width:850px;
  margin:15px auto;
  line-height:1.15;
}

.galeria-hero p{
  max-width:760px;
  margin:auto;
  color:#637381;
  font-size:1.1rem;
}

.galeria-section{
  background:#f7fbff;
  padding:70px 0;
}

.galeria-toolbar{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:30px;
  margin-bottom:30px;
}

.galeria-toolbar h2{
  color:var(--blue);
  font-size:2.2rem;
  margin:0;
}

.galeria-toolbar p{
  color:#637381;
  margin:0;
}

.masonry-gallery{
  columns:4 240px;
  column-gap:20px;
}

.masonry-item{
  break-inside:avoid;
  margin-bottom:20px;
  border-radius:22px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 14px 35px rgba(16,42,67,.10);
  cursor:pointer;
  transition:.3s;
}

.masonry-item:hover{
  transform:translateY(-6px);
  box-shadow:0 22px 45px rgba(16,42,67,.16);
}

.masonry-item img{
  width:100%;
  display:block;
  transition:.4s;
}

.masonry-item:hover img{
  transform:scale(1.04);
}

/* LIGHTBOX */

.lightbox{
  position:fixed;
  inset:0;
  background:rgba(5,18,32,.88);
  display:none;
  align-items:center;
  justify-content:center;
  z-index:9999;
  padding:30px;
}

.lightbox.show{
  display:flex;
}

.lightbox img{
  max-width:92%;
  max-height:88vh;
  border-radius:18px;
  box-shadow:0 30px 80px rgba(0,0,0,.45);
}

.lightbox-close{
  position:absolute;
  top:24px;
  right:32px;
  background:white;
  color:#0b4f8a;
  border:none;
  width:46px;
  height:46px;
  border-radius:50%;
  font-size:32px;
  cursor:pointer;
}

@media(max-width:700px){
  .galeria-toolbar{
    display:block;
  }
}
.galeria-hero p.section-label{
  color:#2fa866 !important;
  text-transform:uppercase;
  letter-spacing:4px;
  font-size:.9rem;
  font-weight:800;
  margin-bottom:18px;
}
#google_translate_element{
    position:fixed;
    right:20px;
    bottom:20px;
    z-index:9999;
    background:white;
    padding:10px;
    border-radius:12px;
    box-shadow:0 10px 25px rgba(0,0,0,.15);
}
.cookie-banner{
    position:fixed;
    left:20px;
    right:20px;
    bottom:20px;
    background:#fff;
    border:1px solid #d7e8f7;
    border-radius:20px;
    box-shadow:0 18px 45px rgba(16,42,67,.18);
    padding:18px;
    z-index:99999;
    display:none;
}

.cookie-banner.show{
    display:block;
}

.cookie-content{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    max-width:1100px;
    margin:auto;
}

.cookie-content p{
    margin:0;
    color:#405466;
    font-size:.95rem;
    line-height:1.6;
}

.cookie-actions{
    display:flex;
    gap:12px;
    flex-shrink:0;
}

.btn-cookie{
    border:none;
    border-radius:999px;
    padding:10px 20px;
    font-weight:800;
    cursor:pointer;
}

.btn-cookie.accept{
    background:#f28c28;
    color:#fff;
}

.btn-cookie.reject{
    background:#eef7ff;
    color:#0b4f8a;
}

@media(max-width:700px){
    .cookie-content{
        flex-direction:column;
        align-items:flex-start;
    }

    .cookie-actions{
        width:100%;
    }

    .btn-cookie{
        width:100%;
    }
}