/* Beto Caiuby 2026: portfólio, movimento, WhatsApp e microinterações */
:root{--gold:#ffd418;--dark:#152833;--petrol:#224854}
.page-progress{position:fixed;left:0;top:0;height:3px;width:100%;background:var(--gold);transform:scaleX(0);transform-origin:left center;z-index:120;pointer-events:none;will-change:transform}
.floating-whatsapp{
  position:fixed;right:24px;bottom:26px;z-index:100;
  width:58px;height:58px;
  display:flex;align-items:center;justify-content:center;
  color:#162c34;background:var(--gold);border:1px solid #e1bb1b;
  border-radius:0;box-shadow:0 12px 26px #102e3d40;
  transition:transform .22s ease,background .22s ease,box-shadow .22s ease
}
.floating-whatsapp svg{width:32px;height:32px;display:block;flex-shrink:0}
.floating-whatsapp:hover,.floating-whatsapp:focus-visible{transform:translateY(-4px);background:#ffe350;box-shadow:0 17px 34px #102e3d60}
.whatsapp-tooltip{
  position:absolute;right:calc(100% + 12px);top:50%;
  transform:translate(7px,-50%);
  background:var(--gold);color:#18313b;border:1px solid #d7b100;
  font:800 12px/1.3 Manrope,Arial,sans-serif;
  white-space:nowrap;padding:11px 14px;
  opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .2s,transform .2s,visibility .2s
}
.whatsapp-tooltip:after{
  content:'';position:absolute;left:100%;top:50%;transform:translateY(-50%);
  border:7px solid transparent;border-left-color:var(--gold);border-right:0
}
.floating-whatsapp:hover .whatsapp-tooltip,.floating-whatsapp:focus-visible .whatsapp-tooltip{opacity:1;visibility:visible;transform:translate(0,-50%)}
.gallery{align-items:stretch}
.projects-controls{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:28px}
#projects-status{font-size:12px;color:#b3cbd0;letter-spacing:.3px}
.more-projects{background:transparent;color:#fff;border:1px solid #697b86;padding:13px 20px;font:800 12px Manrope,Arial,sans-serif;display:inline-flex;align-items:center;gap:30px;transition:color .2s,border-color .2s,background .2s}
.more-projects[hidden]{display:none}
.more-projects span{color:var(--gold);font-size:22px;font-weight:400;line-height:.7}
.more-projects:hover{background:var(--gold);color:var(--dark);border-color:var(--gold)}
.more-projects:hover span{color:var(--dark)}
.project{position:relative;overflow:hidden}
.project::after{
  content:'VER PROJETO  ↗';position:absolute;right:0;top:0;z-index:3;
  background:var(--gold);color:#15323d;padding:7px 10px;
  font:800 9px/1.5 Manrope,Arial,sans-serif;letter-spacing:1px;
  transform:translateY(-110%);transition:transform .25s ease
}
.project:hover::after,.project:focus-visible::after{transform:translateY(0)}
.identity-section{background:#e9f0f1;overflow:hidden}
.identity-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.identity-card{background:#fff;border:1px solid #cedbdd;padding:0;text-align:left;display:flex;flex-direction:column;min-width:0;cursor:pointer;transition:border-color .25s,transform .3s,box-shadow .3s;overflow:hidden}
.identity-card:hover,.identity-card:focus-visible{transform:translateY(-6px);border-color:#c6ac31;box-shadow:0 16px 30px #1637441b}
.identity-figure{display:flex;align-items:center;justify-content:center;background:#fff;height:170px;min-width:0;overflow:hidden;padding:21px}
.identity-figure img{display:block;max-width:100%;max-height:100%;object-fit:contain;transition:transform .35s}
.identity-card:hover .identity-figure img{transform:scale(1.06)}
.identity-card span{font:800 12px/1.45 Manrope,Arial,sans-serif;display:block;padding:12px 16px;border-top:1px solid #e6ebeb;color:#244451;min-height:44px}
.service-card{position:relative;overflow:hidden}
.service-card::before{content:'';width:0;height:4px;left:0;top:0;position:absolute;background:var(--gold);transition:width .3s}
.service-card:hover::before{width:100%}
.eyebrow .line{transition:width .65s}
[data-revealed=yes] .eyebrow .line{width:42px}
html.motion-ready [data-reveal]:not([data-revealed=yes]){opacity:0;transform:translateY(35px)}
html.motion-ready [data-reveal][data-revealed=yes]{
  opacity:1;transform:translateY(0);
  transition:opacity .72s ease,transform .8s cubic-bezier(.2,.8,.2,1);
  transition-delay:var(--stagger,0ms)
}
html.motion-ready .project[data-reveal][data-revealed=yes]:hover,
html.motion-ready .identity-card[data-reveal][data-revealed=yes]:hover{
  transform:translateY(-6px);transition-delay:0ms
}
.hero-carousel .slide.is-active img{animation:heroPicture 5.6s linear both}
@keyframes heroPicture{from{transform:scale(1.04)}to{transform:scale(1)}}
.header{transition:box-shadow .25s,background .25s}
.header.is-scrolled{box-shadow:0 6px 24px #14273140;background:#122832}
.back-to-top{cursor:pointer}
.back-to-top:hover{background:var(--gold)!important;color:var(--dark)!important}
@media(max-width:1020px){.identity-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){
.floating-whatsapp{right:16px;bottom:102px;width:52px;height:52px}
.floating-whatsapp svg{width:28px;height:28px}
.whatsapp-tooltip{padding:9px;font-size:11px}
.identity-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.identity-figure{height:145px;padding:17px}
.identity-card span{padding:10px;font-size:11px}
.projects-controls{align-items:stretch;flex-direction:column}
.more-projects{justify-content:space-between}
}
@media(prefers-reduced-motion:reduce){
.page-progress{transition:none}
html.motion-ready [data-reveal]{opacity:1!important;transform:none!important;transition:none!important}
.hero-carousel .slide img{animation:none!important}
}