.ct{position:relative;z-index:2;background:#fff;padding:clamp(48px,7vw,96px) 24px clamp(28px,4vw,56px);font-family:inherit;color:#111}
.ct__inner{max-width:900px;margin:0 auto}
.ct__title{font-size:clamp(2.4rem,5vw,4rem);font-weight:600;letter-spacing:-.045em;line-height:1;color:#2a0f12;text-align:center;margin:0 0 26px}
.ct__row{position:relative;display:flex;align-items:center;justify-content:center;text-align:center;gap:20px;padding:26px 6px;border-top:1px solid #e6e6ea;font-size:clamp(1.5rem,3.6vw,2.8rem);font-weight:500;letter-spacing:-.04em;color:#111;text-decoration:none;transition:.3s}
.ct__row:last-child{border-bottom:1px solid #e6e6ea}
.ct__row i{position:absolute;right:6px;top:50%;margin-top:-22px;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#111;color:#fff;flex:none;transition:.3s}
.ct__row svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ct__row:hover{background:#f4f4f6}.ct__row:hover i{right:22px}
.ct__row:hover i{transform:rotate(-45deg)}
.ct__row:first-of-type:hover i{transform:translateY(2px)}
.ct__row i.ct__wa{background:transparent}.ct__wa img{display:block;width:44px;height:44px}
.ct__row:hover i.ct__wa{transform:scale(1.1)}
.ct__row i.ct__wa{display:grid;place-items:center}

/* formato pills */
.ct__inner{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;max-width:1000px}
.ct__title{flex:0 0 100%;margin-bottom:clamp(28px,4vw,48px)}
.ct__row,.ct__row:last-child{position:relative;display:inline-flex;justify-content:flex-start;text-align:left;gap:26px;padding:8px 8px 8px 30px;border:0;border-radius:99px;background:#f4f4f6;font-size:clamp(1.15rem,2vw,1.5rem);font-weight:500;letter-spacing:-.03em;box-shadow:inset 0 0 0 1.5px #e6e6ea}
.ct__row i{position:static;margin:0 0 0 auto;width:48px;height:48px}
.ct__row:hover{background:#ebebef;box-shadow:inset 0 0 0 1.5px #111;transform:translateY(-3px)}
.ct__row:hover i{right:auto}
.ct__row:first-of-type{background:#111;color:#fff;box-shadow:none}
.ct__row:first-of-type i{background:#fff;color:#111}
.ct__row:first-of-type:hover{background:#2a2a2d}
@media(max-width:700px){.ct__row{flex:0 0 100%}}

/* más grande */
.ct{padding-top:clamp(72px,9vw,130px);padding-bottom:clamp(48px,6vw,90px)}
.ct__inner{max-width:1300px;gap:clamp(14px,2vw,24px)}
.ct__title{font-size:clamp(3rem,7.5vw,6.6rem);margin-bottom:clamp(40px,6vw,76px)}
.ct__row,.ct__row:last-child{gap:clamp(28px,4vw,56px);padding:12px 12px 12px clamp(32px,4vw,52px);font-size:clamp(1.5rem,3vw,2.5rem)}
.ct__row i{width:clamp(56px,6vw,76px);height:clamp(56px,6vw,76px)}
.ct__row svg{width:clamp(22px,2.4vw,30px);height:clamp(22px,2.4vw,30px)}
.ct__wa img{width:clamp(56px,6vw,76px)!important;height:clamp(56px,6vw,76px)!important}
.ct__row i.ct__wa img[src*=gmail]{width:clamp(30px,3.4vw,44px)!important;height:auto!important}

/* CV debajo de WhatsApp y Email */
.ct__title{order:0}
.ct__row{order:1}
.ct__inner::after{content:"";order:2;flex:0 0 100%;height:0}
.ct__row:first-of-type{order:3}

.ct__row i.ct__ml{background:#fff;box-shadow:0 0 0 1px #e6e6ea}

/* hover: solo se oscurece */
.ct__row,.ct__row i{transition:background-color .25s,box-shadow .25s}
.ct__row:hover{transform:none!important;box-shadow:inset 0 0 0 1.5px #e6e6ea!important;background:#dcdce1}
.ct__row:first-of-type:hover{background:#2e2e32;box-shadow:none!important}
.ct__row:hover i,.ct__row:hover i.ct__wa{transform:none!important;right:auto!important}

/* íconos más cerca del texto */
.ct__row,.ct__row:last-child{gap:clamp(12px,1.6vw,20px)}
.ct__row i{margin-left:0}

/* separación intermedia */
.ct__row,.ct__row:last-child{gap:clamp(20px,2.8vw,38px)}