.fotos-section{min-height: 87dvh;padding: 7rem 7rem 3.5rem 7rem;background: linear-gradient( 135deg, rgba(28, 35, 65, 0.95) 0%, rgba(65, 88, 136, 0.95) 50%, rgba(92, 125, 185, 0.95) 100% );position: relative;z-index: 2;overflow: hidden} .fotos-section::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: radial-gradient( circle at 20% 20%, rgba(103, 178, 223, 0.1) 0%, transparent 50% ), radial-gradient( circle at 80% 80%, rgba(188, 143, 243, 0.1) 0%, transparent 50% );pointer-events: none} .fotos-content{position: relative;margin: 0 auto;padding: 2rem 0} .fotos-section h2{font-size: clamp(2rem, 4vw, 3rem);color: var(--color-light);margin-bottom: 3rem;font-weight: 500;position: relative;padding-bottom: 1rem;letter-spacing: 0.02em} .fotos-section h2::after{content: "";position: absolute;width: 13%;height: 2px;bottom: 0.5rem;left: 0;background: linear-gradient(90deg, var(--color-accent) 0%, transparent 100%)} .fotos-grid{display: grid;grid-template-columns: repeat(3, 1fr);gap: 3.2rem;margin: 0 auto;padding: 0;align-items: start} .grid-item{border: 2px solid rgba(228, 184, 231, 0.3);border-radius: 0.75rem;padding: 0.5rem;background: rgba(106, 90, 205, 0.15);transition: all 0.3s ease;display: inline-flex;align-items: center;justify-content: center;width: fit-content;height: fit-content;margin: auto;backdrop-filter: blur(8px)} .grid-item:hover{transform: scale(1.05);border-color: rgba(228, 184, 231, 0.5);background: rgba(106, 90, 205, 0.25);box-shadow: 0 8px 16px rgba(228, 184, 231, 0.15)} .grid-item img{max-width: 100%;height: auto;object-fit: contain;border-radius: 0.5rem} .grid-item.tall{grid-row: span 2} @media (max-width: 1280px){.fotos-grid{gap: 1.6rem} } @media (max-width: 1105px){.fotos-section{padding: 7rem 5rem 3.5rem 7rem} .fotos-grid{gap: 1rem} } @media (max-width: 1024px){.fotos-section h2{text-align: center;margin-left: auto;margin-right: auto;display: block;width: 100%} .fotos-section h2::after{left: 50%;transform: translateX(-50%);width: 7rem} .fotos-content{padding: 1rem 0} .nav-links .only-desktop{display: none} .nav-links .only-mobile{display: flex} .fotos-section{padding: 2.2rem 2rem 2rem 2rem} .fotos-grid{grid-template-columns: repeat(2, 1fr);gap: 0.75rem} .grid-item:hover{transform: none;border-color: rgba(228, 184, 231, 0.3);background: rgba(106, 90, 205, 0.15);box-shadow: 0 0px 0px rgba(228, 184, 231, 0.15)} } @media (max-width: 768px){.fotos-section{padding: 2.7rem 2rem 2rem 2rem} .fotos-grid{grid-template-columns: 1fr;gap: 0.75rem} .grid-item.tall{grid-row: auto} } @media (max-width: 468px){.fotos-section{padding: 3.5rem 2rem 2rem 2rem} } @media (max-width: 368px){.fotos-section{padding: 3.5rem 1rem 2rem 1rem} }