/* ===== Jean Dev 2.2 — correção de imagem e refinamento desktop ===== */
.mobile-professional{display:none!important}
.avatar-shell{
  isolation:isolate;
  background:
    radial-gradient(circle at 18% 18%,rgba(35,136,255,.18),transparent 30%),
    radial-gradient(circle at 84% 22%,rgba(138,69,255,.22),transparent 32%),
    linear-gradient(145deg,#071126,#130c31);
}
.avatar-shell::before{
  content:"";
  position:absolute;
  inset:1px;
  z-index:0;
  border-radius:inherit;
  background:linear-gradient(135deg,rgba(255,255,255,.055),transparent 35%,rgba(116,79,255,.06));
  pointer-events:none;
}
.avatar-shell img{
  position:relative;
  z-index:1;
  display:block;
  width:100%;
  height:100%;
  min-height:0;
  aspect-ratio:auto;
  object-fit:cover;
  object-position:center top;
  background:transparent;
}
.avatar-shell::after{z-index:1}
.avatar-tag{z-index:3}

@media (min-width:1051px){
  :root{--container:1240px}
  .site-header{padding:12px 0 0;background:linear-gradient(180deg,rgba(5,7,17,.9),rgba(5,7,17,.48));border-bottom:0}
  .site-header.scrolled{padding-top:7px;background:rgba(5,7,17,.88)}
  .nav{
    height:72px;
    padding:0 18px;
    border:1px solid rgba(157,171,219,.13);
    border-radius:18px;
    background:rgba(9,13,29,.72);
    box-shadow:0 18px 55px rgba(0,0,0,.18);
  }
  .brand{font-size:1.38rem}
  .nav-links{gap:32px}
  .nav-links a{position:relative;padding:9px 0}
  .nav-links a::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:2px;border-radius:99px;background:linear-gradient(90deg,var(--blue),var(--purple));transform:scaleX(0);transition:.22s}
  .nav-links a:hover::after{transform:scaleX(1)}
  .hero{
    min-height:780px;
    grid-template-columns:minmax(0,1.12fr) minmax(410px,.88fr);
    gap:76px;
    padding-block:92px 112px;
  }
  .hero-copy{max-width:740px}
  .hero h1{max-width:730px;font-size:clamp(3.55rem,5.15vw,5.15rem);line-height:1.01}
  .hero-copy>p{max-width:640px;font-size:1.08rem}
  .hero-actions{margin-top:34px}
  .hero-metrics{gap:14px;margin-top:44px}
  .hero-metrics article{min-height:94px;padding:18px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(145deg,rgba(17,24,49,.68),rgba(8,12,27,.58))}
  .hero-metrics strong{font-size:.88rem}.hero-metrics span{font-size:.72rem}
  .hero-visual{justify-items:end}
  .avatar-shell{width:470px;height:588px;border-radius:38px;box-shadow:0 34px 95px rgba(0,0,0,.42),0 0 100px rgba(87,55,255,.22)}
  .avatar-shell::before{box-shadow:inset 0 1px rgba(255,255,255,.08)}
  .avatar-tag-a{left:-18px;top:14%}.avatar-tag-b{right:-16px;bottom:14%}
  .section{padding-block:120px}
  .section-header{margin-bottom:42px}
  .project-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:22px}
  .project-card{grid-column:span 4;border-radius:22px}
  .project-card:nth-child(-n+2){grid-column:span 6}
  .project-card:nth-child(n+3){grid-column:span 3}
  .project-card:nth-child(-n+2) .project-cover{aspect-ratio:16/8.4}
  .project-card:nth-child(n+3) .project-cover{aspect-ratio:16/10.5}
  .project-body{padding:23px}
  .project-body p{min-height:52px}
  .booking-wrap{grid-template-columns:.76fr 1.24fr;gap:42px;padding:42px}
  .booking-intro{padding:30px}
  .booking-form{padding:28px}
  .contact-panel{padding:42px}
  .auth-art img{right:2%;bottom:-12%;width:min(47%,480px)}
}

@media (max-width:1050px){
  .nav-links .mobile-professional{display:block!important;margin-top:6px;border-radius:11px;background:linear-gradient(135deg,rgba(35,136,255,.16),rgba(138,69,255,.14));color:#fff;font-weight:800}
  .nav-links{top:76px;box-shadow:0 24px 70px rgba(0,0,0,.48)}
  .avatar-shell{width:min(100%,520px);height:auto;aspect-ratio:4/5}
}

@media (max-width:760px){
  .hero{gap:42px}
  .hero-visual{width:100%}
  .avatar-shell{width:100%;max-width:520px;aspect-ratio:4/5;border-radius:30px}
  .avatar-shell img{height:100%;object-position:center top}
  .avatar-tag-a{left:12px}.avatar-tag-b{right:12px}
}