@keyframes fadeUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
.page-hero{background:var(--negro);color:var(--blanco);padding:170px 7% 100px;position:relative;overflow:hidden;}
.page-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 50% 70% at 80% 40%,rgba(37,141,214,.07) 0%,transparent 70%);pointer-events:none;}
.ph-label{font-size:.57rem;letter-spacing:5px;color:var(--azul);font-weight:700;text-transform:uppercase;margin-bottom:18px;display:block;opacity:0;animation:fadeUp .7s ease .2s forwards;position:relative;z-index:1;}
.page-hero h1{font-family:var(--font-title);font-size:clamp(3rem,8vw,9rem);font-weight:800;line-height:.88;letter-spacing:-3px;opacity:0;animation:fadeUp .9s var(--ease) .4s forwards;position:relative;z-index:1;}
.page-hero h1 em{font-style:normal;color:var(--azul);}
.page-hero p{max-width:600px;font-size:.92rem;font-weight:300;line-height:2;opacity:0;animation:fadeUp .8s ease .6s forwards;color:rgba(255,255,255,.55);margin-top:24px;position:relative;z-index:1;}
.filters{padding:40px 7% 0;display:flex;gap:10px;flex-wrap:wrap;}
.filter-btn{padding:10px 22px;border:1px solid var(--borde);background:none;font-size:.57rem;letter-spacing:3px;font-weight:600;text-transform:uppercase;cursor:pointer;font-family:var(--font-body);transition:.3s;color:rgba(0,0,0,.45);}
.filter-btn:hover,.filter-btn.active{background:var(--negro);color:white;border-color:var(--negro);}
section.team-section{padding:70px 7%;}
.group-title{font-family:var(--font-title);font-size:clamp(1.8rem,3vw,2.8rem);font-weight:800;margin-bottom:40px;padding-bottom:18px;border-bottom:1px solid var(--borde);display:flex;align-items:baseline;gap:14px;}
.group-count{font-size:.7rem;color:var(--azul);font-weight:700;letter-spacing:3px;}
.members-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:var(--borde);}
.member-card{background:var(--blanco);display:flex;flex-direction:column;cursor:pointer;text-decoration:none;color:inherit;transition:.5s var(--ease);overflow:hidden;}
.member-card:hover{background:var(--negro);color:var(--blanco);}
.member-card:hover .mc-img{filter:grayscale(0);transform:scale(1.04);}
.member-card:hover .mc-area{color:var(--azul);}
.mc-img-wrap{overflow:hidden;height:230px;}
.mc-img{width:100%;height:100%;object-fit:cover;object-position:top center;filter:grayscale(1);transition:.5s var(--ease);display:block;}
.mc-body{padding:22px 20px;}
.mc-area{font-size:.53rem;letter-spacing:3px;color:var(--azul);font-weight:700;text-transform:uppercase;display:block;margin-bottom:8px;}
.mc-name{font-family:var(--font-title);font-size:1rem;font-weight:700;line-height:1.2;}
.mc-role{font-size:.7rem;font-weight:300;opacity:.5;margin-top:5px;line-height:1.5;}
.mc-view{font-size:.55rem;letter-spacing:3px;color:var(--azul);font-weight:700;text-transform:uppercase;margin-top:10px;opacity:0;transform:translateX(-6px);transition:.3s;display:block;}
.member-card:hover .mc-view{opacity:1;transform:translateX(0);}
.testi-strip{background:var(--gris);padding:80px 7%;}
.testi-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;background:var(--borde);margin-top:40px;}
.testi{background:var(--blanco);padding:48px 44px;transition:.4s;position:relative;}
.testi::before{content:'\201C';font-family:var(--font-title);font-size:4.5rem;color:var(--azul);opacity:.1;position:absolute;top:16px;left:32px;line-height:1;}
.testi:hover{background:var(--negro);color:var(--blanco);}
.testi:hover cite{color:var(--azul);}
.testi p{font-size:.9rem;line-height:2;font-weight:300;font-style:italic;position:relative;z-index:1;}
.testi cite{display:block;margin-top:22px;font-size:.56rem;letter-spacing:4px;font-weight:700;color:var(--azul);font-style:normal;text-transform:uppercase;}
@media(max-width:900px){.members-grid{grid-template-columns:repeat(2,1fr);}.testi-grid{grid-template-columns:1fr;}}
@media(max-width:540px){.members-grid{grid-template-columns:1fr;}}