.team {
     padding: 80px 0;
     background: linear-gradient(0, #f7f9fc, #ffffff);
 }

 .team-container {
     width: min(1100px, calc(100% - 48px));
     margin: 0 auto;
 }

 /* Filas */
 .team-row {
     display: grid;
     justify-content: center;
     gap: 56px;
 }

 .team-row-3 {
     grid-template-columns: repeat(3, 1fr);
     margin-bottom: 72px;
 }

 .team-row-4 {
     grid-template-columns: repeat(4, 1fr);
 }

 /* Miembro */
 .team-member {
     display: flex;
     flex-direction: column;
     align-items: center;
     text-align: center;
 }

 /* Photo Link Container */
 .team-photo-link {
     position: relative;
     display: inline-block;
     margin-bottom: 0;
     border-radius: 50%;
     overflow: hidden;
     text-decoration: none;
 }

 .team-member img {
     width: 150px;
     height: 150px;
     border-radius: 50%;
     object-fit: cover;
     background: #e6ebf3;
     display: block;
     transition: transform 0.3s ease;
 }

 /* Overlay violeta en hover */
 .team-overlay {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     border-radius: 50%;
     background: rgba(117, 117, 255, 0.15);
     backdrop-filter: blur(2px);
     display: flex;
     align-items: center;
     justify-content: center;
     opacity: 0;
     transform: scale(0.9);
     transition: opacity 0.3s ease, transform 0.3s ease;
     pointer-events: none;
 }

 .team-photo-link:hover .team-overlay {
     opacity: 1;
     transform: scale(1);
 }

 .team-photo-link:hover img {
     transform: scale(1.05);
 }

 /* LinkedIn Icon */
 .linkedin-icon {
     width: 32px;
     height: 32px;
     color: #7575ff;
     filter: drop-shadow(0 2px 4px rgba(117, 117, 255, 0.3));
 }

 /* Nombre */
 .team-member h3 {
     margin: 18px 0 6px;
     font-size: 16px;
     font-weight: 600;
     color: #0f172a;
 }

 /* Cargo */
 .team-member p {
     margin: 0;
     font-size: 14px;
     color: #475569;
     line-height: 1.4;
 }

 /* Responsive */
 @media (max-width: 900px) {

     .team-row-3,
     .team-row-4 {
         grid-template-columns: repeat(2, 1fr);
         gap: 40px;
     }
 }

 @media (max-width: 480px) {

     .team-row-3,
     .team-row-4 {
         grid-template-columns: 1fr;
     }
 }

.liquid-bg {
    --hero-a: #A78BFA;
    --hero-b: #8B5CF6;
}