:root{--cream:#f6f1e5;--paper:#fffaf0;--coral:#ff694f;--teal:#29979b;--ink:#17373b;--muted:#6d706c;--line:rgba(23,55,59,.14);--shadow:0 20px 55px rgba(31,42,38,.14)}
*{box-sizing:border-box}
html{background:#dcd7ce}
body{margin:0;color:var(--ink);background:radial-gradient(circle at 12% 8%,#f8d6c9 0,transparent 28%),radial-gradient(circle at 90% 33%,#b9e1dd 0,transparent 26%),#e8e0d3;font-family:"Avenir Next","Segoe UI",Arial,sans-serif;line-height:1.5}
a{color:inherit}
.profile{width:min(720px,100%);min-height:100vh;margin:0 auto;overflow:hidden;background:rgba(246,241,229,.96);box-shadow:0 0 70px rgba(24,42,40,.16)}
.hero{position:relative;height:410px;background:#172e33}
.hero-photo{width:100%;height:100%;object-fit:cover;opacity:.88}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,22,25,.08) 35%,rgba(8,22,25,.62))}
.share{position:absolute;z-index:3;top:18px;right:18px;width:46px;height:46px;border:0;border-radius:50%;color:var(--ink);background:rgba(255,250,240,.92);font-size:1.35rem;cursor:pointer;box-shadow:0 8px 28px rgba(0,0,0,.16)}
.logo-wrap{position:absolute;z-index:3;left:34px;bottom:-54px;display:grid;place-items:center;width:210px;height:144px;padding:13px;border:7px solid var(--cream);border-radius:28px;background:#f6f1e5;box-shadow:var(--shadow)}
.logo-wrap img{display:block;width:100%;height:100%;object-fit:contain}
.intro{padding:88px 38px 30px}
.eyebrow,.section-label,.section-heading p{margin:0;color:var(--teal);font-size:.72rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.intro h1{margin:5px 0 8px;font-size:clamp(2.7rem,9vw,4.4rem);line-height:.98;letter-spacing:-.055em}
.lead{max-width:580px;margin:15px 0;color:#526366;font-size:1.09rem}
.services{display:flex;flex-wrap:wrap;gap:8px;margin-top:21px}
.services span{padding:7px 11px;border:1px solid rgba(41,151,155,.25);border-radius:999px;color:#236f72;background:rgba(255,255,255,.5);font-size:.74rem;font-weight:800}
.links{display:grid;gap:13px;padding:8px 28px 36px}
.link-card{display:grid;grid-template-columns:58px 1fr 18px;align-items:center;gap:15px;min-height:82px;padding:11px 18px 11px 11px;border:1px solid var(--line);border-radius:23px;background:rgba(255,250,240,.92);box-shadow:0 9px 25px rgba(39,49,45,.08);text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}
.link-card:hover{transform:translateY(-3px);box-shadow:0 15px 32px rgba(39,49,45,.13)}
.link-card.primary{color:#fff;background:var(--ink)}
.icon{display:grid;place-items:center;width:58px;height:58px;border-radius:17px;color:#fff;background:#25a968;font-size:.85rem;font-weight:900;letter-spacing:.02em}
.icon.instagram{background:linear-gradient(135deg,#7046c9,#ea436f,#f5a335)}
.icon.youtube{background:#ed382f;font-size:1.4rem}
.icon.email{color:var(--ink);background:#f8c5b9;font-size:1.25rem}
.link-card strong,.link-card small{display:block}.link-card strong{font-size:1.04rem}.link-card small{margin-top:2px;color:#707773;font-size:.79rem}.primary small{color:#cbd9d7}.link-card b{font-size:1.5rem;font-weight:500}
.feature{display:grid;grid-template-columns:43% 1fr;align-items:stretch;margin:4px 28px 44px;overflow:hidden;border-radius:29px;color:#fff;background:#17373b;box-shadow:var(--shadow)}
.feature>img{width:100%;height:100%;min-height:260px;object-fit:cover}
.feature>div{display:flex;flex-direction:column;justify-content:center;padding:27px 25px}.feature .section-label{color:#7dd6d2}.feature h2{margin:7px 0 5px;font-size:1.75rem}.feature p:not(.section-label){margin:0;color:#cddad7;font-size:.9rem}.feature a{margin-top:20px;color:#fff;font-size:.82rem;font-weight:800;text-underline-offset:4px}.feature a span{color:#ff9a85}
.team{padding:4px 28px 46px}.section-heading h2{margin:3px 0 18px;font-size:2rem}.team-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.person{display:grid;grid-template-columns:66px 1fr 12px;align-items:center;gap:12px;padding:11px;border:1px solid var(--line);border-radius:22px;background:rgba(255,250,240,.74);text-decoration:none}.person img{width:66px;height:66px;border-radius:17px;object-fit:cover}.person strong,.person small{display:block}.person strong{font-size:.88rem}.person small{margin-top:2px;color:var(--muted);font-size:.7rem}.person b{color:var(--coral)}
footer{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:end;padding:32px 30px;color:#66706d;background:#e8dece;border-top:1px solid var(--line);font-size:.78rem}footer p{margin:0}.links2redes-signature{display:flex;justify-self:end;width:min(110px,31vw);text-decoration:none}.links2redes-signature img{display:block;width:100%;height:auto}.links2redes-signature:hover{opacity:.8}
.toast{position:fixed;z-index:20;left:50%;bottom:22px;transform:translate(-50%,20px);padding:10px 15px;border-radius:999px;color:#fff;background:#17373b;opacity:0;pointer-events:none;transition:.2s}.toast.visible{transform:translate(-50%,0);opacity:1}
@media(max-width:560px){.hero{height:340px}.logo-wrap{left:22px;width:178px;height:123px}.intro{padding:82px 22px 25px}.links{padding-inline:14px}.feature{grid-template-columns:1fr;margin-inline:14px}.feature>img{max-height:230px;min-height:0}.team{padding-inline:14px}.team-grid{grid-template-columns:1fr}footer{grid-template-columns:1fr}.links2redes-signature{justify-self:end}}
@media(prefers-reduced-motion:reduce){.link-card,.toast{transition:none}}