/* CMPC Industrial — quem-somos */
.somos{display:grid;gap:40px;align-items:center}
@media(min-width:1024px){.somos{grid-template-columns:1fr 46%;gap:64px}}
.somos p{margin-top:16px;line-height:1.7;color:rgba(18,38,43,.72)}
.nums{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:32px;border-top:1px solid var(--line);padding-top:28px}
.nums b{display:block;font-family:var(--display);font-size:clamp(19px,1.9vw,26px);font-weight:700;color:var(--petrol)}
.nums span{font-size:12.5px;color:rgba(18,38,43,.55)}
.vidcard{position:relative;aspect-ratio:16/10;overflow:hidden;border:1px solid var(--line)}
.vidcard img{width:100%;height:100%;object-fit:cover}
.vidcard .pp{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.vidcard .pp i{display:flex;align-items:center;justify-content:center;width:62px;height:62px;border-radius:50%;background:var(--petrol);color:#fff;transition:transform .25s}
.vidcard:hover .pp i{transform:scale(1.06)}
.tline{background:var(--paper)}
.tl-rail{display:flex;gap:0;overflow-x:auto;scrollbar-width:none;margin-top:40px;padding-bottom:8px}
.tl-rail::-webkit-scrollbar{display:none}
.tl-item{flex:0 0 240px;padding-right:28px;position:relative}
@media(min-width:1280px){.tl-item{flex:1 1 0}}
.tl-item::before{content:"";position:absolute;left:0;top:5px;width:100%;height:1px;background:rgba(18,38,43,.15)}
.tl-item::after{content:"";position:absolute;left:0;top:0;width:11px;height:11px;border-radius:50%;background:var(--teal)}
.tl-item .yr{font-family:var(--display);font-size:20px;font-weight:700;color:var(--petrol);margin-top:26px}
.tl-item h3{font-family:var(--display);font-size:14.5px;font-weight:600;color:var(--petrol);margin-top:8px}
.tl-item p{font-size:13px;line-height:1.55;color:rgba(18,38,43,.62);margin-top:6px;max-width:210px}
.mvv{display:grid;gap:36px;margin-top:44px}
@media(min-width:900px){.mvv{grid-template-columns:repeat(3,1fr);gap:40px}}
.mvv div{border-top:2px solid var(--teal);padding-top:20px}
.mvv h3{font-family:var(--display);font-size:17px;font-weight:600;color:var(--petrol)}
.mvv p,.mvv li{font-size:14.5px;line-height:1.65;color:rgba(18,38,43,.7);margin-top:10px}
.mvv li{margin-top:8px;padding-left:16px;position:relative}
.mvv li::before{content:"";position:absolute;left:0;top:9px;width:6px;height:2px;background:var(--teal)}
.team{display:grid;gap:40px;margin-top:44px}
@media(min-width:900px){.team{grid-template-columns:1fr 1fr;gap:56px}}
.member{display:grid;grid-template-columns:112px 1fr;gap:22px}
.member .ph{width:112px;height:112px;border-radius:50%}
.member h3{font-family:var(--display);font-size:18px;font-weight:700;color:var(--petrol)}
.member .role{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--teal);margin-top:3px}
.member p{font-size:13.5px;line-height:1.6;color:rgba(18,38,43,.68);margin-top:10px}
@media(max-width:560px){.member{grid-template-columns:1fr}.member .ph{width:96px;height:96px}}
.partners{border-top:1px solid var(--line)}
.pt-list{display:flex;flex-wrap:wrap;gap:14px 40px;align-items:center;margin-top:28px}
.pt-list span{font-family:var(--display);font-size:17px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:rgba(18,38,43,.32)}