/* ===== HERO INTERNO GALERÍA ===== */
 .hero-galeria {
     padding: 4rem 0 2rem;
     background-color: var(--blanco-arcilla);
     text-align: center;
 }

 .hero-galeria-titulo {
     font-size: 3.5rem;
     font-weight: 600;
     color: var(--verde-chi);
     line-height: 1.2;
     margin-bottom: 1rem;
     position: relative;
     display: inline-block;
     opacity: 0;
     transform: translateY(30px);
     animation: fadeUpTitle 0.8s forwards;
 }

 .hero-galeria-titulo::after {
     content: '';
     position: absolute;
     bottom: -10px;
     left: 50%;
     transform: translateX(-50%);
     width: 80px;
     height: 3px;
     background-color: var(--madera);
     border-radius: 2px;
 }

 .hero-galeria-subtitulo {
     font-size: 1.2rem;
     color: var(--gris-musgo);
     font-family: var(--fuente-cuerpo);
     font-style: italic;
     max-width: 600px;
     margin: 1.5rem auto 0;
     opacity: 0;
     transform: translateY(30px);
     animation: fadeUpSub 0.8s forwards 0.2s;
 }

 @keyframes fadeUpTitle {
     to {
         opacity: 1;
         transform: translateY(0);
     }
 }

 @keyframes fadeUpSub {
     to {
         opacity: 1;
         transform: translateY(0);
     }
 }

 /* ===== GALERÍA CON FLECHA INDICADORA ===== */
 .galeria-seccion {
     padding: 2rem 0 2rem;
     background-color: var(--blanco-arcilla);
     position: relative;
 }

 .galeria-grid {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 1.2rem;
     /* margin-bottom: 4rem; */
 }

 .galeria-item {
     position: relative;
     border-radius: var(--border-radius-card);
     overflow: hidden;
     aspect-ratio: 1 / 1;
     box-shadow: var(--sombra-suave);
     background-color: var(--gris-natural);
     opacity: 0;
     transform: translateY(30px);
     transition: opacity 0.6s ease, transform 0.6s ease;
 }

 .galeria-item.visible {
     opacity: 1;
     transform: translateY(0);
 }

 .galeria-item img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     transition: transform 0.6s ease;
     display: block;
 }

 .galeria-item:hover img {
     transform: scale(1.05);
 }

 /* ===== FLECHA INDICADORA ===== */
 .galeria-flecha {
     position: sticky;
     bottom: 30px;
     left: 0;
     width: 100%;
     display: flex;
     justify-content: center;
     pointer-events: none;
     z-index: 10;
     opacity: 0;
     /* INICIALMENTE OCULTA */
     visibility: hidden;
     /* INICIALMENTE OCULTA */
     transition: opacity 0.4s ease, visibility 0.4s ease;
 }

 .galeria-flecha.visible {
     opacity: 1;
     visibility: visible;
     pointer-events: auto;
 }

 .galeria-flecha.oculta {
     opacity: 0;
     visibility: hidden;
     pointer-events: none;
 }

 .flecha-contenedor {
     background-color: var(--verde-chi);
     color: white;
     padding: 0.8rem 2rem;
     border-radius: 50px;
     display: flex;
     align-items: center;
     gap: 1rem;
     box-shadow: 0 8px 20px rgba(61, 110, 75, 0.3);
     pointer-events: auto;
     cursor: pointer;
     transition: var(--transicion);
     border: 1px solid rgba(255, 255, 255, 0.2);
 }

 .flecha-contenedor:hover {
     background-color: var(--madera);
     transform: translateY(-3px);
     box-shadow: 0 12px 28px rgba(193, 163, 122, 0.4);
 }

 .flecha-contenedor i {
     font-size: 1.2rem;
     animation: bounce 2s infinite;
 }

 .flecha-contenedor span {
     font-family: var(--fuente-titulos);
     font-weight: 500;
     letter-spacing: 1px;
 }

 @keyframes bounce {

     0%,
     20%,
     50%,
     80%,
     100% {
         transform: translateY(0);
     }

     40% {
         transform: translateY(-5px);
     }

     60% {
         transform: translateY(-3px);
     }
 }

 /* ===== RESPONSIVE ===== */
 @media screen and (max-width: 992px) {
     .galeria-grid {
         grid-template-columns: repeat(2, 1fr);
     }
 }

 @media screen and (max-width: 768px) {
     .galeria-grid {
         grid-template-columns: 1fr;
         gap: 1rem;
         max-width: 500px;
         margin: 0 auto 3rem;
     }

     .flecha-contenedor {
         padding: 0.6rem 1.5rem;
     }

     .flecha-contenedor span {
         font-size: 0.9rem;
     }
 }

 @media screen and (max-width: 480px) {
     .flecha-contenedor {
         padding: 0.5rem 1.2rem;
     }

     .flecha-contenedor i {
         font-size: 1rem;
     }

     .flecha-contenedor span {
         font-size: 0.8rem;
     }
 }


 /* Responsive */
 @media screen and (max-width: 992px) {
     .hero-galeria-titulo {
         font-size: 3rem;
     }
 }

 @media screen and (max-width: 768px) {
     .hero-galeria-titulo {
         font-size: 2.5rem;
     }

 }

 @media screen and (max-width: 480px) {
     .hero-galeria-titulo {
         font-size: 2rem;
     }

 }