:root{--green:#007d73;--green-dark:#005d57;--mint:#dffbf3;--ink:#153d3b;--line:#cde5df;--body:'Montserrat',Arial,sans-serif;--display:'Cinzel',Georgia,serif}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{background:#e7f8f3}
body{margin:0;color:var(--ink);font-family:var(--body);font-weight:550}
img,video{display:block;width:100%}
button,a{font:inherit}
a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible{outline:3px solid #23d5af;outline-offset:4px}
.bio-page-wrap{min-height:100svh;padding:28px 16px;background:radial-gradient(circle at 8% 8%,#47edc94d,transparent 28%),radial-gradient(circle at 92% 90%,#00a79030,transparent 30%),linear-gradient(145deg,#effbf8,#d9f4ec)}
.bio-device{width:min(100%,520px);margin:auto;padding:17px;background:#fff;border:1px solid #c4dfd8;border-radius:28px;box-shadow:0 25px 70px #164c4230,0 0 0 7px #ffffff70}
.bio-page-header{text-align:center;padding:8px 10px 18px}
.bio-page-header img{width:174px;height:auto;margin:0 auto 9px}
.bio-page-header p{margin:0 0 7px;color:#007369;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.bio-page-header h1{margin:0;font-family:var(--display);font-size:clamp(27px,7vw,36px);line-height:1.12;letter-spacing:-.035em}
.bio-page-header>span{display:block;margin-top:8px;color:#4c6662;font-size:13px;line-height:1.45}
.bio-media{position:relative;width:100%;height:auto;aspect-ratio:16/9;border-radius:19px;overflow:hidden;background:#dff7ef;border:3px solid #fff;box-shadow:0 10px 28px #164c4223}
.bio-media>img,.bio-media>video{height:100%;object-fit:cover;object-position:50% 45%}
.bio-media:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,#003e3e99);pointer-events:none}
.video-poster-copy{position:absolute;z-index:2;left:20px;right:20px;bottom:18px;color:#fff;text-shadow:0 2px 8px #003f3f;display:flex;flex-direction:column}
.video-poster-copy small{font-size:10px;font-weight:800;letter-spacing:.13em}
.video-poster-copy strong{font-family:var(--display);font-size:22px}
.bio-media.has-video .video-poster-copy{display:none}
.bio-video-controls{position:absolute;inset:0;z-index:4;display:grid;place-items:center;pointer-events:none}
.video-sound-gate{pointer-events:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:164px;min-height:126px;padding:15px;border:2px solid #fff9;border-radius:22px;background:#003f3edb;color:#fff;box-shadow:0 12px 35px #001f1f66;backdrop-filter:blur(7px);cursor:pointer}
.video-sound-gate .sound-icon{font-size:38px;line-height:1}
.video-sound-gate strong{font-size:17px}
.video-sound-gate small{font-size:10px;font-weight:600}
.bio-media.is-unmuted .video-sound-gate{position:absolute;left:12px;bottom:12px;width:auto;min-height:42px;padding:8px 12px;flex-direction:row;border-radius:12px}
.bio-media.is-unmuted .video-sound-gate .sound-icon{font-size:18px}
.bio-media.is-unmuted .video-sound-gate strong{font-size:12px}
.bio-media.is-unmuted .video-sound-gate small{display:none}
.bio-links{display:grid;gap:11px;margin-top:15px}
.bio-link{position:relative;display:grid;grid-template-columns:45px minmax(0,1fr) 24px;align-items:center;gap:11px;min-height:72px;padding:11px 15px;border:1px solid #baddd4;border-radius:15px;background:#eefaf6;color:#174943;box-shadow:0 5px 0 #0f5d5310;transition:transform .2s ease,box-shadow .2s ease}
.bio-link:hover{transform:translateY(-2px);box-shadow:0 9px 20px #0f5d5318}
.bio-link .link-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:#fff;color:#006e65;font-size:20px;font-weight:800;box-shadow:0 4px 12px #07564d17}
.bio-link>span:nth-child(2){display:flex;flex-direction:column;min-width:0}
.bio-link small{font-size:9px;font-weight:800;letter-spacing:.09em;line-height:1.3}
.bio-link strong{font-size:14px;line-height:1.35;margin-top:3px}
.bio-link>b{font-size:19px;text-align:center}
.whatsapp-link{background:linear-gradient(120deg,#00766d,#00a48f);border-color:#38bba8;color:#fff}
.whatsapp-link.second{background:linear-gradient(120deg,#00675f,#008779)}
.whatsapp-link .link-icon{color:#00766d}
.site-link{background:#163f3b;color:#fff;border-color:#163f3b}
.site-link .link-icon{color:#163f3b}
.social-link{background:#fff}
.instagram-link{background:linear-gradient(120deg,#ebfff9,#cff8ec)}
.bio-page-footer{display:flex;justify-content:space-between;gap:12px;padding:18px 7px 5px;color:#55706c;font-size:11px;font-weight:700}
.bio-page-footer a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:430px){
  .bio-page-wrap{padding:10px 8px}
  .bio-device{padding:12px;border-radius:23px;box-shadow:0 15px 45px #164c4225}
  .bio-page-header{padding:5px 8px 13px}
  .bio-page-header img{width:148px;margin-bottom:6px}
  .bio-page-header h1{font-size:27px}
  .bio-page-header>span{font-size:12px;margin-top:5px}
  .bio-media{height:auto;aspect-ratio:16/9;border-radius:16px}
  .bio-links{gap:9px;margin-top:12px}
  .bio-link{min-height:66px;padding:9px 12px;border-radius:14px;grid-template-columns:41px minmax(0,1fr) 20px}
  .bio-link .link-icon{width:40px;height:40px;border-radius:11px}
  .bio-link strong{font-size:13px}
  .bio-page-footer{padding-top:14px}
}
@media(max-width:340px){
  .bio-page-header h1{font-size:24px}
  .bio-media{height:auto;aspect-ratio:16/9}
  .bio-link{grid-template-columns:38px minmax(0,1fr) 18px;padding-left:9px;padding-right:9px}
  .bio-link .link-icon{width:38px;height:38px}
  .bio-link strong{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.bio-link{transition:none}.bio-link:hover{transform:none}}
@media(prefers-reduced-motion:no-preference){
  .bio-page-header{animation:bio-from-top .85s cubic-bezier(.18,.72,.18,1) both}
  .bio-media{animation:bio-from-right .9s .08s cubic-bezier(.18,.72,.18,1) both}
  .bio-link{animation:bio-rise .85s cubic-bezier(.18,.72,.18,1) both}
  .bio-link:nth-child(1){animation-delay:.16s}
  .bio-link:nth-child(2){animation-delay:.23s}
  .bio-link:nth-child(3){animation-delay:.30s}
  .bio-link:nth-child(4){animation-delay:.37s}
  .bio-link:nth-child(5){animation-delay:.44s}
  .bio-page-footer{animation:bio-rise .8s .5s ease both}
}
@keyframes bio-from-top{from{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:none}}
@keyframes bio-from-right{from{opacity:0;transform:translateX(42px) scale(.98)}to{opacity:1;transform:none}}
@keyframes bio-rise{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}