/* PAPALÉGUAS — camada visual premium R2. Mantém a estrutura/JS original e só evolui identidade, cor e movimento. */
:root{
  --pp-navy:#061b3c;
  --pp-blue:#063f8f;
  --pp-blue-electric:#0876d8;
  --pp-gold:#ffbd00;
  --pp-yellow:#ffd229;
  --pp-ice:#f4f9ff;
}
html{background:#f4f8ff}
body{
  min-height:100%;
  background:
    radial-gradient(circle at 8% 12%,rgba(255,202,22,.18),transparent 28%),
    radial-gradient(circle at 88% 18%,rgba(16,115,213,.16),transparent 30%),
    linear-gradient(125deg,#ffffff 0%,#f4f9ff 32%,#fff8de 58%,#eef6ff 82%,#fff 100%);
  background-size:140% 140%;
  animation:ppBodyFlow 18s ease-in-out infinite alternate;
  overflow-x:hidden;
}
body:before,body:after{
  content:"";position:fixed;z-index:-1;border-radius:50%;filter:blur(18px);opacity:.32;pointer-events:none
}
body:before{width:340px;height:340px;left:-140px;top:24vh;background:radial-gradient(circle,var(--pp-gold),transparent 68%);animation:ppFloatA 13s ease-in-out infinite}
body:after{width:420px;height:420px;right:-190px;top:54vh;background:radial-gradient(circle,var(--pp-blue-electric),transparent 70%);animation:ppFloatB 16s ease-in-out infinite}
@keyframes ppBodyFlow{from{background-position:0 0}to{background-position:100% 80%}}
@keyframes ppFloatA{0%,100%{transform:translate3d(0,0,0) scale(.95)}50%{transform:translate3d(55px,-45px,0) scale(1.08)}}
@keyframes ppFloatB{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-45px,35px,0) scale(.9)}}

.pp-topbar{background:linear-gradient(90deg,#04142e 0%,#073b7a 52%,#04142e 100%);box-shadow:0 5px 22px rgba(0,31,76,.18)}
.cs_main_header{background:linear-gradient(105deg,rgba(255,255,255,.98),rgba(246,250,255,.97) 55%,rgba(255,248,220,.97));backdrop-filter:blur(14px);box-shadow:0 12px 36px rgba(5,37,80,.08)}
.pp-brand{gap:15px}.pp-brand img{width:104px;height:62px;padding:3px;border-radius:14px;box-shadow:0 10px 28px rgba(5,42,91,.16);transition:.4s transform,.4s box-shadow}.pp-brand:hover img{transform:translateY(-2px) scale(1.035);box-shadow:0 16px 36px rgba(5,42,91,.22)}
.pp-brand-name{font-size:21px;background:linear-gradient(90deg,#072d64,#0d5aa4);-webkit-background-clip:text;background-clip:text;color:transparent}
.cs_nav_list>li>a{position:relative}.cs_nav_list>li>a:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--pp-gold),#ffde4e);transition:right .3s ease}.cs_nav_list>li>a:hover:after{right:0}
.cs_btn.cs_style_1{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--pp-gold),#ffd633);border:0;box-shadow:0 12px 28px rgba(255,189,0,.24);transition:.3s transform,.3s box-shadow,.3s color}.cs_btn.cs_style_1:before{content:"";position:absolute;top:-40%;left:-40%;width:28%;height:190%;background:rgba(255,255,255,.55);transform:rotate(20deg) translateX(-260%);transition:.65s transform ease}.cs_btn.cs_style_1:hover{transform:translateY(-3px);box-shadow:0 18px 36px rgba(255,189,0,.34);background:linear-gradient(135deg,#fff,#fff7d5);color:#063a78}.cs_btn.cs_style_1:hover:before{transform:rotate(20deg) translateX(650%)}

.pp-hero{min-height:720px;isolation:isolate;background-position:center 50%;transition:background-position .15s linear;background-color:#07182f}
.pp-hero:before{background:linear-gradient(90deg,rgba(2,17,39,.94) 0%,rgba(4,30,67,.83) 43%,rgba(3,26,56,.40) 73%,rgba(255,190,0,.10) 100%)}
.pp-hero:after{inset:auto -15% -48% 30%;height:78%;background:radial-gradient(ellipse at center,rgba(255,202,31,.30),rgba(7,97,190,.10) 45%,transparent 70%);filter:blur(20px);animation:ppHeroGlow 7s ease-in-out infinite alternate}
@keyframes ppHeroGlow{from{transform:translate3d(-3%,0,0) scale(.95);opacity:.55}to{transform:translate3d(5%,-6%,0) scale(1.08);opacity:.95}}
.pp-hero-copy{max-width:820px;padding:34px 36px 36px;border-left:4px solid var(--pp-gold);border-radius:0 26px 26px 0;background:linear-gradient(100deg,rgba(2,18,42,.56),rgba(3,39,83,.25) 65%,transparent);backdrop-filter:blur(4px);box-shadow:0 26px 70px rgba(0,0,0,.12)}
.pp-hero-badge{display:flex;align-items:center;gap:9px;color:#fff;font-size:11px;font-weight:900;letter-spacing:2.2px;margin-bottom:12px;text-transform:uppercase;opacity:.92}.pp-hero-badge span{width:10px;height:10px;border-radius:50%;background:var(--pp-gold);box-shadow:0 0 0 7px rgba(255,189,0,.14);animation:ppBadge 1.9s ease-in-out infinite}@keyframes ppBadge{50%{box-shadow:0 0 0 12px rgba(255,189,0,0)}}
.pp-kicker{background:linear-gradient(90deg,rgba(255,189,0,.18),rgba(255,255,255,.07));border-color:rgba(255,214,65,.42)}
.pp-hero h1{text-shadow:0 8px 30px rgba(0,0,0,.24)}
.pp-hero-phone i{background:linear-gradient(145deg,rgba(255,189,0,.22),rgba(255,255,255,.08));box-shadow:0 8px 24px rgba(0,0,0,.16)}

.pp-section{position:relative;isolation:isolate}.pp-section>.container{position:relative;z-index:2}
.pp-section-soft{background:linear-gradient(125deg,rgba(242,248,255,.98),rgba(255,255,255,.96) 40%,rgba(255,247,216,.90) 72%,rgba(238,247,255,.98));background-size:220% 220%;animation:ppSoftFlow 16s ease-in-out infinite alternate;border-top:1px solid rgba(13,75,140,.06);border-bottom:1px solid rgba(255,189,0,.09)}
@keyframes ppSoftFlow{from{background-position:0 30%}to{background-position:100% 70%}}
.pp-section-title{position:relative;text-shadow:0 2px 0 rgba(255,255,255,.55)}
.pp-heading-tag{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(90deg,rgba(255,189,0,.16),rgba(255,189,0,.02));padding:6px 11px;border-radius:999px;color:#ad7600}.pp-heading-tag:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--pp-gold);box-shadow:0 0 0 5px rgba(255,189,0,.12)}
.pp-yellow-line{background:linear-gradient(90deg,var(--pp-gold),#ffe66a);box-shadow:0 5px 16px rgba(255,189,0,.25)}
.pp-photo-mosaic .main,.pp-photo-mosaic .small,.pp-why-image img{filter:saturate(1.08) contrast(1.03)}
.pp-photo-mosaic .main{box-shadow:0 28px 80px rgba(5,49,105,.22)}.pp-photo-mosaic .small{box-shadow:0 22px 54px rgba(5,49,105,.22)}
.pp-since{background:linear-gradient(145deg,#ffdb43,var(--pp-gold));box-shadow:0 18px 45px rgba(255,189,0,.38);animation:ppSince 4.8s ease-in-out infinite}@keyframes ppSince{50%{transform:translateY(-8px) rotate(2deg)}}

.pp-service-card,.pp-tip,.pp-feature,.pp-process,.pp-vehicle{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(150deg,#fff 0%,#fff 66%,#f3f8ff 100%);border-color:rgba(6,68,137,.12)}
.pp-service-card:before,.pp-tip:before,.pp-feature:before,.pp-vehicle:before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 100% 0,rgba(255,193,0,.15),transparent 36%),radial-gradient(circle at 0 100%,rgba(0,103,203,.09),transparent 38%);opacity:.45;transition:.35s opacity}
.pp-service-card:hover:before,.pp-tip:hover:before,.pp-feature:hover:before,.pp-vehicle:hover:before{opacity:1}
.pp-service-card{box-shadow:0 16px 48px rgba(3,48,102,.10)}.pp-service-card:after{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,var(--pp-gold),#ffdf55,var(--pp-blue-electric));transform:scaleX(.38);transform-origin:left;transition:.45s transform}.pp-service-card:hover:after{transform:scaleX(1)}
.pp-service-card img,.pp-tip img{filter:saturate(1.1) contrast(1.04);transition:transform .65s cubic-bezier(.2,.8,.2,1),filter .45s ease}.pp-service-card:hover img,.pp-tip:hover img{transform:scale(1.055);filter:saturate(1.18) contrast(1.06)}
.pp-service-icon{background:linear-gradient(145deg,#ffd836,var(--pp-gold));box-shadow:0 10px 25px rgba(255,189,0,.26);transition:.4s transform}.pp-service-card:hover .pp-service-icon{transform:translateY(-4px) rotate(-5deg) scale(1.05)}
.pp-tilt{--rx:0deg;--ry:0deg;transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .18s ease-out,box-shadow .35s ease}.pp-tilt:hover{transform:perspective(900px) translateY(-7px) rotateX(var(--rx)) rotateY(var(--ry))}

.pp-stats{background:linear-gradient(120deg,#03152f 0%,#073f82 48%,#052b5a 72%,#03152f 100%);background-size:220% 220%;animation:ppDarkFlow 13s ease-in-out infinite alternate}.pp-stats:before{background:radial-gradient(circle at 15% 22%,rgba(255,196,0,.30),transparent 34%),radial-gradient(circle at 83% 62%,rgba(34,141,255,.22),transparent 36%)}@keyframes ppDarkFlow{to{background-position:100% 65%}}
.pp-stat{box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 50px rgba(0,0,0,.14);transition:.35s transform,.35s background}.pp-stat:hover{transform:translateY(-7px);background:rgba(255,255,255,.11)}
.pp-feature{box-shadow:0 14px 38px rgba(4,52,108,.08)}.pp-feature i{background:linear-gradient(145deg,#ffdc47,var(--pp-gold));box-shadow:0 10px 24px rgba(255,189,0,.20)}
.pp-rating-card{border:1px solid rgba(255,189,0,.25);box-shadow:0 24px 65px rgba(4,40,86,.23)}

.pp-gallery-photo{box-shadow:0 20px 55px rgba(3,43,92,.15);border:1px solid rgba(255,255,255,.6)}.pp-gallery-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 52%,rgba(2,15,34,.26));pointer-events:none}.pp-gallery-caption{z-index:2;border:1px solid rgba(255,255,255,.12);background:linear-gradient(100deg,rgba(2,17,39,.90),rgba(4,56,111,.74))}
.pp-contact-wrap{box-shadow:0 32px 88px rgba(3,50,105,.15);border-color:rgba(7,87,167,.12)}.pp-contact-info{background:linear-gradient(150deg,#03172f 0%,#073d7e 55%,#07549f 100%);position:relative;overflow:hidden}.pp-contact-info:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-110px;bottom:-100px;background:radial-gradient(circle,rgba(255,200,18,.26),transparent 68%)}
.pp-field input,.pp-field select,.pp-field textarea{background:linear-gradient(180deg,#fbfdff,#f6faff)}
.pp-review-wrap{background:linear-gradient(120deg,#02142e,#073c7b 48%,#052b58);background-size:220% 220%;animation:ppDarkFlow 15s ease-in-out infinite alternate}.pp-review-card{box-shadow:0 20px 55px rgba(0,0,0,.16);border:1px solid rgba(255,198,0,.12);transition:.35s transform}.pp-review-card:hover{transform:translateY(-6px)}
.pp-hours{background:linear-gradient(150deg,#03162f,#074384);box-shadow:0 24px 58px rgba(3,43,92,.20)}.pp-map{border:5px solid rgba(255,255,255,.9);box-shadow:0 24px 62px rgba(3,43,92,.18)}
.pp-footer{background:linear-gradient(135deg,#020e21 0%,#041d3e 46%,#052f61 100%);position:relative;overflow:hidden}.pp-footer:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 15%,rgba(255,193,0,.14),transparent 26%),radial-gradient(circle at 90% 85%,rgba(11,111,209,.15),transparent 28%)}.pp-footer>.container{position:relative;z-index:2}
.pp-footer-brand img{width:112px;border-radius:14px;padding:4px;box-shadow:0 10px 28px rgba(0,0,0,.18)}
.pp-whatsapp-float{border:3px solid rgba(255,255,255,.86);box-shadow:0 14px 38px rgba(0,0,0,.28),0 0 0 0 rgba(37,211,102,.42)}

@media(max-width:991px){.pp-hero{min-height:650px;background-attachment:scroll}.pp-hero-copy{padding:28px 26px}.pp-brand img{width:86px;height:54px}}
@media(max-width:767px){body:before,body:after{opacity:.18}.pp-hero{min-height:620px}.pp-hero-copy{padding:24px 18px 26px;border-left-width:3px;background:linear-gradient(100deg,rgba(2,18,42,.72),rgba(3,39,83,.36));border-radius:0 20px 20px 0}.pp-hero-badge{font-size:9px;letter-spacing:1.5px}.pp-brand img{width:74px;height:48px}.pp-service-card img{height:235px}}
@media(max-width:480px){.pp-hero{min-height:600px}.pp-hero-copy{padding:22px 15px}.pp-hero h1{font-size:37px}.pp-brand img{width:66px;height:44px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.pp-tilt{transform:none!important}}

/* === AJUSTES FINAIS DE FLUIDEZ, LOGO E MOBILE === */
.pp-brand img,
.pp-footer-brand img,
#preloader .spinner > img:first-child{
  background:transparent !important;
  box-shadow:none !important;
  border-radius:0 !important;
  padding:0 !important;
}
.pp-footer-brand img{width:92px;height:auto}
#preloader .spinner > img:first-child{width:210px;height:auto;object-fit:contain}
.pp-gallery-caption small{text-shadow:none}
.pp-gallery-photo,.pp-service-card,.pp-tip,.pp-feature,.pp-process,.pp-vehicle,.pp-stat,.pp-contact-wrap,.pp-hours,.pp-map,.pp-review-card{will-change:transform}
.pp-hero-fachada{background-image:url('../img/papaleguas/pro/hero-fachada-4k.webp') !important}
.pp-hero-motor{background-image:url('../img/papaleguas/pro/motor-diagnostico.webp') !important}
.pp-hero-injecao{background-image:url('../img/papaleguas/pro/injecao-scanner.webp') !important}
.slick-list{overflow:hidden}
.pp-gallery-slider .slick-track,.pp-review-slider .slick-track{display:flex}
.pp-gallery-slide,.pp-review-slide{height:auto}
.pp-gallery-slide > *, .pp-review-slide > *{height:100%}

@media (max-width: 991px){
  body,
  .pp-section-soft,
  .pp-stats,
  .pp-review-wrap,
  .pp-hero:after,
  body:before,
  body:after{animation:none !important}
  body:before,body:after,.pp-hero:after{display:none !important}
  .pp-hero,
  .pp-brand img,
  .cs_btn.cs_style_1,
  .pp-service-card img,
  .pp-tip img,
  .pp-whatsapp-float,
  .pp-tilt,
  .pp-gallery-photo img{transition:none !important; transform:none !important}
  .pp-hero-copy,
  .pp-gallery-caption,
  .pp-contact-info,
  .cs_main_header{backdrop-filter:none !important}
  .pp-hero-fachada{background-image:url('../img/papaleguas/pro/hero-fachada-4k-mobile.webp') !important}
  .pp-hero-motor{background-image:url('../img/papaleguas/pro/motor-diagnostico-mobile.webp') !important}
  .pp-hero-injecao{background-image:url('../img/papaleguas/pro/injecao-scanner-mobile.webp') !important}
}
@media (max-width: 767px){
  .cs_site_header_spacing_140{height:88px}
  .cs_site_header.cs_style_1 .cs_main_header_in{height:88px}
  .pp-brand{gap:10px;max-width:calc(100vw - 78px)}
  .pp-brand img{width:58px;height:auto}
  .pp-brand-text{min-width:0}
  .pp-brand-name{font-size:14px;line-height:1.18;max-width:155px;display:block}
  .pp-hero{min-height:540px}
  .pp-hero-copy{padding:22px 18px 24px;max-width:100%;border-radius:0 18px 18px 0}
  .pp-hero h1{font-size:34px;line-height:1.06}
  .pp-hero p{font-size:16px;line-height:1.6}
  .pp-hero-actions{flex-direction:column;align-items:stretch;gap:12px}
  .pp-hero-actions .cs_btn,
  .pp-hero-phone{width:100%}
  .pp-hero-phone{justify-content:flex-start}
  .pp-section{padding:60px 0}
  .pp-gallery-photo{height:300px}
  .pp-gallery-caption{left:12px;right:12px;bottom:12px;padding:12px 14px}
  .pp-gallery-caption strong{font-size:22px;line-height:1.2}
  .pp-gallery-caption small{font-size:11px}
  .pp-service-card img{height:200px}
  .pp-tip img{height:190px}
  .pp-map,.pp-map iframe{min-height:340px;height:340px}
  .pp-hours{padding:28px 20px}
  .pp-contact-info,.pp-contact-form{padding:26px 18px}
  .pp-review-card{padding:24px 20px;min-height:0}
  .pp-review-text{font-size:16px;line-height:1.6}
  .pp-slider-nav{width:100%;justify-content:flex-end}
}
@media (max-width: 480px){
  .pp-brand-name{font-size:13px;max-width:135px}
  .pp-hero{min-height:500px}
  .pp-hero h1{font-size:30px}
  .pp-kicker,.pp-hero-badge{font-size:10px;letter-spacing:1.4px}
  .pp-gallery-photo{height:260px}
  .pp-whatsapp-float{width:56px;height:56px;font-size:27px}
}
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}
}

/* === CLEAN / ANTIGRAVITY-INSPIRED PASS === */
.pp-brand-name{font-size:20px}
.pp-brand-sub{font-size:11px;letter-spacing:.06em;text-transform:uppercase;opacity:.72}
.pp-hero-copy{max-width:720px}
.pp-hero h1{max-width:11ch}
.pp-hero p{max-width:34ch}
.pp-hero-actions{gap:14px}
.pp-hero-phone{min-width:240px}
.pp-hero-slider .cs_pagination{bottom:22px}
.pp-hero-slider .slick-dots li{margin:0 3px}
.pp-hero-slider .slick-dots li button:before{font-size:11px}
.pp-heading-tag{backdrop-filter:blur(8px)}
.pp-contact-info,.pp-review-card,.pp-service-card,.pp-tip,.pp-feature,.pp-process,.pp-hours,.pp-map,.pp-gallery-photo,.pp-stat{
  box-shadow:0 18px 60px rgba(2,20,46,.08), inset 0 1px 0 rgba(255,255,255,.36);
}

/* Lateral quick actions */
.pp-side-rail{position:fixed;right:20px;top:50%;transform:translateY(-50%);z-index:998;display:flex;flex-direction:column;gap:10px}
.pp-side-item{display:flex;align-items:center;gap:12px;min-width:54px;height:54px;padding:0 18px;border-radius:18px;background:linear-gradient(180deg,rgba(6,27,60,.92),rgba(8,52,110,.86));color:#fff;box-shadow:0 22px 50px rgba(3,16,39,.24), inset 0 1px 0 rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(12px);overflow:hidden;transition:.28s ease;white-space:nowrap}
.pp-side-item i{width:20px;text-align:center;font-size:18px;color:var(--pp-gold)}
.pp-side-item span{max-width:0;opacity:0;transform:translateX(8px);transition:.28s ease;font-weight:800;letter-spacing:.02em}
.pp-side-item:hover{color:#fff;transform:translateX(-6px)}
.pp-side-item:hover span{max-width:120px;opacity:1;transform:translateX(0)}
.pp-side-item:nth-child(1){background:linear-gradient(180deg,#0f8b5f,#25d366)}
.pp-side-item:nth-child(1) i{color:#fff}

/* Cleaner mobile drawer */
@media (max-width: 991px){
  .pp-side-rail{display:none}
  .cs_nav .cs_nav_list_wrap{
    left:auto !important; right:-110vw; width:min(84vw,360px); max-width:360px;
    background:linear-gradient(180deg,#061a3c 0%,#052a5a 100%) !important; color:#fff;
    box-shadow:-20px 0 60px rgba(0,0,0,.35); padding-top:92px; border-left:1px solid rgba(255,255,255,.08)
  }
  .cs_nav .cs_nav_list_wrap.cs_active{left:auto !important; right:0 !important}
  .cs_nav .cs_nav_list{padding:16px}
  .cs_nav .cs_nav_list a{padding:16px 18px !important; border-radius:14px; color:#fff !important; background:rgba(255,255,255,.04); margin-bottom:8px; line-height:1.25}
  .cs_nav .cs_nav_list > li > a{font-size:17px}
  .cs_menu_toggle{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:rgba(6,47,91,.08);right:2px}
  .cs_menu_toggle span,.cs_menu_toggle span:before,.cs_menu_toggle span:after{width:24px}
  .pp-main-cta{display:none !important}
}

@media (max-width: 767px){
  .pp-hero-badge{margin-bottom:8px}
  .pp-kicker{padding:10px 14px;font-size:12px;max-width:max-content}
  .pp-hero-copy{padding:20px 18px 18px;border-left-width:3px;background:linear-gradient(100deg,rgba(2,18,42,.70),rgba(3,39,83,.36) 72%,transparent)}
  .pp-hero h1{max-width:10ch;font-size:31px !important;line-height:1.02;margin-bottom:14px}
  .pp-hero p{max-width:28ch;font-size:15px !important;line-height:1.58;margin-bottom:18px}
  .pp-hero-phone{display:none !important}
  .pp-hero-actions .cs_btn{min-height:56px;font-size:15px}
  .pp-hero-slider .cs_pagination{display:none !important}
  .pp-brand-name{font-size:14px;max-width:140px}
  .pp-brand-sub{font-size:9px;letter-spacing:.08em}
  .pp-heading-tag{font-size:11px;padding:5px 10px}
  .pp-section-title{font-size:34px;line-height:1.04}
  .pp-lead{font-size:16px}
  .pp-slider-nav{display:none !important}
  .pp-review-wrap .pp-section-head-row p{font-size:14px}
  .pp-service-body p,.pp-tip p,.pp-process p,.pp-feature p{font-size:15px;line-height:1.55}
  .pp-service-card h3,.pp-tip h3,.pp-process h3,.pp-feature h4{font-size:22px}
}
@media (max-width: 480px){
  .pp-hero-copy{padding:18px 16px 18px}
  .pp-hero h1{font-size:28px !important}
  .pp-hero p{font-size:14px !important;max-width:30ch}
  .pp-section-title{font-size:30px}
}