:root{--blue:#0b6fdc;--dark:#10243b;--bg:#f7f9fc;--line:#e7edf5;--white:#fff;--shadow:0 14px 40px rgba(15,38,66,.10)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;display:flex;flex-direction:column;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;color:var(--dark);background:#fff;line-height:1.6}a{color:inherit;text-decoration:none}.top{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,22px);background:#fff;position:sticky;top:0;z-index:50;box-shadow:0 1px 0 var(--line)}.brand img{height:52px;max-width:220px;object-fit:contain}.brand{color:var(--blue);font-size:22px}.top nav{display:flex;gap:28px}.top nav a{color:var(--blue);font-weight:700;position:relative}.top nav a:after{content:'';position:absolute;left:0;bottom:-7px;width:0;height:2px;background:var(--blue);transition:.25s}.top nav a:hover:after{width:100%}.nav-toggle{display:none;border:0;background:none;color:var(--blue);font-size:28px}.hero{height:min(72vh,720px);min-height:480px;position:relative;overflow:hidden;background:#0d2744}.slide{position:absolute;inset:0;opacity:0;transition:opacity 1s ease}.slide.active{opacity:1}.slide img,.slide video{width:100%;height:100%;object-fit:cover}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,26,48,.72),rgba(6,26,48,.18))}.hero-copy{position:absolute;z-index:3;left:max(6vw,24px);top:50%;transform:translateY(-50%);color:#fff;max-width:760px}.hero-copy h1{font-size:clamp(38px,6vw,72px);line-height:1.03;margin:0 0 18px}.hero-copy p{font-size:clamp(18px,2vw,24px)}.section{padding:84px max(6vw,24px)}.section.alt{background:var(--bg)}.eyebrow{color:var(--blue);text-transform:uppercase;letter-spacing:.16em;font-size:13px;font-weight:800}.section h2{font-size:clamp(30px,4vw,48px);line-height:1.1;margin:8px 0 32px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:30px;box-shadow:0 7px 28px rgba(15,38,66,.05);transition:.3s}.card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.icon{width:56px;height:56px;border-radius:15px;background:#eaf4ff;color:var(--blue);display:grid;place-items:center;font-size:24px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;border-radius:10px;border:1px solid var(--blue);background:var(--blue);color:#fff;font-weight:800;cursor:pointer}.btn.ghost{background:#fff;color:var(--blue)}.center{text-align:center;margin-top:34px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;text-align:center}.metric strong{display:block;color:var(--blue);font-size:clamp(36px,5vw,58px)}.about{display:grid;grid-template-columns:1fr 1.2fr;gap:48px;align-items:center}.about img{width:100%;max-height:520px;object-fit:cover;border-radius:20px}.partners{display:flex;gap:30px;align-items:center;flex-wrap:wrap}.partners img{width:150px;height:80px;object-fit:contain;filter:grayscale(1);transition:.25s}.partners img:hover{filter:none}.portfolio{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.portfolio figure{margin:0;position:relative;overflow:hidden;border-radius:16px;background:#eef2f7;cursor:pointer}.portfolio img{width:100%;height:300px;object-fit:cover;display:block;transition:.35s}.portfolio figure:hover img{transform:scale(1.04)}.portfolio figcaption{padding:12px 14px}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px}.form{display:grid;gap:14px}.form input,.form textarea,.form select{width:100%;padding:14px;border:1px solid #ccd8e5;border-radius:10px;font:inherit}.form textarea{min-height:150px;resize:vertical}.map iframe{width:100%;height:340px;border:0;border-radius:16px}.notice{padding:14px;border-radius:10px;background:#eaf7ef;color:#155d31}.cookie{position:fixed;left:24px;right:24px;bottom:24px;z-index:100;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;padding:20px;display:none;align-items:center;justify-content:space-between;gap:20px}.cookie.show{display:flex}.cookie p{margin:4px 0}.reveal{opacity:0;transform:translateY(22px);transition:.65s}.reveal.visible{opacity:1;transform:none}footer{margin-top:auto;background:#0d2138;color:#d8e4ef;padding:56px max(6vw,24px) 20px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:30px}.footer-grid a,.footer-grid span{display:block;margin:8px 0}.credit{text-align:center;border-top:1px solid #29415a;margin-top:35px;padding-top:18px}.credit a{color:#78b9ff}.admin-shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.sidebar{background:#0d2138;color:#fff;padding:25px}.sidebar a{display:block;padding:10px;border-radius:8px;margin:3px 0}.sidebar a:hover{background:#173b61}.admin-main{padding:30px;background:#f5f8fb}.admin-main table{width:100%;border-collapse:collapse;background:#fff}.admin-main th,.admin-main td{padding:11px;border-bottom:1px solid #e5ebf2;text-align:left}.admin-box{background:#fff;padding:22px;border-radius:14px;margin-bottom:20px}.actions{display:flex;gap:8px;flex-wrap:wrap}.danger{background:#b42318;border-color:#b42318}.login{min-height:100vh;display:grid;place-items:center;background:#f5f8fb}.login .admin-box{width:min(420px,92vw)}@media(max-width:850px){.top nav{display:none;position:absolute;top:78px;left:0;right:0;background:#fff;padding:22px;flex-direction:column;box-shadow:var(--shadow)}.top nav.open{display:flex}.nav-toggle{display:block}.grid,.metrics,.portfolio{grid-template-columns:1fr 1fr}.about,.contact-grid,.footer-grid{grid-template-columns:1fr}.admin-shell{grid-template-columns:1fr}.sidebar{position:relative}}@media(max-width:560px){.grid,.metrics,.portfolio{grid-template-columns:1fr}.hero{min-height:520px}.cookie{left:12px;right:12px;bottom:12px;display:none;flex-direction:column;align-items:stretch}.section{padding:62px 20px}.portfolio img{height:240px}}

/* Admin uploads e previews — versão consolidada */
.pg-upload{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:7px}
.pg-upload-input{position:absolute!important;inline-size:1px!important;block-size:1px!important;opacity:0!important;overflow:hidden!important;clip-path:inset(50%)!important}
.pg-upload-btn{border:0;border-radius:10px;background:#0b6fdc;color:#fff;padding:11px 16px;font:inherit;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;gap:8px;box-shadow:0 4px 12px rgba(11,111,220,.18);transition:.18s}
.pg-upload-btn:hover{background:#095fbd;transform:translateY(-1px)}
.pg-upload-btn:focus-visible{outline:3px solid rgba(11,111,220,.25);outline-offset:2px}
.pg-upload-name{color:#60758a;font-size:.94rem}
.pg-upload.has-file .pg-upload-name{color:#10243b;font-weight:700}
.pg-in-use{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:10px}
.pg-in-use>strong{font-size:.82rem;color:#60758a}
.pg-brand-preview{display:flex;align-items:center;justify-content:center;border:1px solid #dce6f0;border-radius:11px;background:#fff;padding:8px}
.pg-brand-preview-logo{width:190px;height:72px}
.pg-brand-preview-logo img{max-width:100%;max-height:100%;object-fit:contain}
.pg-brand-preview-favicon{width:56px;height:56px}
.pg-brand-preview-favicon img{max-width:38px;max-height:38px;object-fit:contain}
.pg-none{font-size:.88rem;color:#7b8c9d}
.pg-help{margin:0 0 18px;color:#60758a}
.pg-media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px}
.pg-media-card{overflow:hidden;border:1px solid #e0e8f1;border-radius:15px;background:#fff;box-shadow:0 5px 18px rgba(15,39,64,.06)}
.pg-media-preview{position:relative;aspect-ratio:16/10;background:#e8eef5;overflow:hidden}
.pg-media-preview img,.pg-media-preview video{display:block;width:100%;height:100%;object-fit:cover}
.pg-media-badge{position:absolute;top:10px;left:10px;padding:6px 9px;border-radius:999px;background:rgba(16,39,64,.88);color:#fff;font-size:.78rem;font-weight:800}
.pg-media-actions{display:flex;justify-content:flex-end;padding:12px}
.pg-delete{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:10px;background:#c6281d;color:#fff!important;font-weight:800;text-decoration:none;transition:.18s}
.pg-delete:hover{background:#a91f16;transform:translateY(-1px)}
.pg-media-empty{grid-column:1/-1;padding:24px;text-align:center;border:1px dashed #cbd8e5;border-radius:13px;background:#f8fafc;color:#60758a}
@media(max-width:560px){.pg-upload{align-items:stretch}.pg-upload-btn{width:100%;justify-content:center}.pg-upload-name{width:100%}.pg-media-grid{grid-template-columns:1fr}.pg-delete{width:100%;justify-content:center}}


/* Página inicial — métricas e tipografia de descrições */
.metrics,
.stats,
.home-metrics,
.metrics-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:28px;
  align-items:stretch;
}

.metric,
.stat,
.metric-card,
.stat-card{
  text-align:center;
}

.metric strong,
.stat strong,
.metric-number,
.stat-number,
.counter{
  display:block;
  font-size:clamp(2.6rem,5vw,4.6rem);
  line-height:1;
  font-weight:800;
  letter-spacing:-.035em;
}

.metric p,
.stat p,
.metric-label,
.stat-label,
.service-card p,
.service p,
.card p,
.section p{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  font-size:1.05rem;
  line-height:1.75;
  letter-spacing:-.01em;
  color:#53687c;
}

@media(max-width:700px){
  .metrics,
  .stats,
  .home-metrics,
  .metrics-grid{
    grid-template-columns:1fr !important;
    gap:18px;
  }

  .metric strong,
  .stat strong,
  .metric-number,
  .stat-number,
  .counter{
    font-size:clamp(2.4rem,12vw,3.5rem);
  }
}


/* === Página Inicial: métricas — correção final === */
.section .metrics{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:42px;
  align-items:start;
  text-align:center;
}

.section .metrics .metric{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  min-width:0;
}

.section .metrics .metric strong{
  display:block;
  color:#0b6fdc;
  font-size:clamp(72px,6vw,96px);
  line-height:.95;
  font-weight:800;
  letter-spacing:-.045em;
  margin:0 0 18px;
}

.section .metrics .metric span{
  display:block;
  font-family:"Segoe UI",Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Arial,sans-serif;
  font-size:20px;
  line-height:1.45;
  font-weight:500;
  letter-spacing:-.015em;
  color:#334b61;
}

/* descrições dos cartões de serviços */
.section .card p{
  font-family:"Segoe UI",Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Arial,sans-serif;
  font-size:17px;
  line-height:1.7;
  font-weight:400;
  color:#53687c;
}

@media (max-width:768px){
  .section .metrics{
    grid-template-columns:1fr !important;
    gap:34px;
  }

  .section .metrics .metric{
    width:100%;
  }

  .section .metrics .metric strong{
    font-size:clamp(58px,17vw,76px);
    margin-bottom:12px;
  }

  .section .metrics .metric span{
    font-size:18px;
  }
}




/* === Menu principal transparente e fixo em todo o website === */
header{
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:1000;
  background:rgba(255,255,255,.78);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(255,255,255,.42);
  box-shadow:0 4px 18px rgba(16,39,64,.08);
  transition:background .2s ease, box-shadow .2s ease, backdrop-filter .2s ease;
}

/* Na página inicial, o banner começa por trás do menu */
.home-page .hero{
  margin-top:0;
}

/* Nas restantes páginas, compensar a altura do menu fixo */
body:not(.home-page){
  padding-top:84px;
}

@media (max-width:768px){
  header{
    background:rgba(255,255,255,.86);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
  }

  body:not(.home-page){
    padding-top:76px;
  }
}


/* === Menu compacto === */
header{
  background:rgba(255,255,255,.74);
}

header .top{
  height:64px;
  padding:0 max(4vw,18px);
  background:transparent;
  box-shadow:none;
  position:relative;
  top:auto;
}

header .brand img{
  height:42px;
  max-width:190px;
}

header .top nav{
  gap:24px;
}

header .top nav a{
  font-size:15px;
}

/* Compensação correspondente à nova altura do menu */
body:not(.home-page){
  padding-top:64px;
}

@media (max-width:768px){
  header{
    background:rgba(255,255,255,.82);
  }

  header .top{
    height:58px;
    padding:0 16px;
  }

  header .brand img{
    height:38px;
    max-width:165px;
  }

  body:not(.home-page){
    padding-top:58px;
  }
}


/* === Correção estrutural do menu: <header class="top"> === */
header.top{
  height:64px !important;
  min-height:64px !important;
  padding:0 max(4vw,18px) !important;
  margin:0 !important;
  box-sizing:border-box !important;
  background:rgba(255,255,255,.74) !important;
  position:fixed !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  z-index:1000 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(255,255,255,.42);
  box-shadow:0 4px 18px rgba(16,39,64,.08);
}

header.top .brand img{
  height:42px !important;
  max-height:42px !important;
  max-width:190px !important;
  width:auto !important;
  object-fit:contain;
}

header.top nav{
  gap:24px;
}

/* Não duplicar a altura visual do menu nas páginas internas.
   O conteúdo já tem espaçamento próprio no início das secções. */
body:not(.home-page){
  padding-top:0 !important;
}

@media (max-width:768px){
  header.top{
    height:58px !important;
    min-height:58px !important;
    padding:0 16px !important;
    background:rgba(255,255,255,.82) !important;
  }

  header.top .brand img{
    height:38px !important;
    max-height:38px !important;
    max-width:165px !important;
  }

  body:not(.home-page){
    padding-top:0 !important;
  }
}


/* Rodapé — atalho Facebook */
.footer-facebook{
  display:inline-flex;
  align-items:center;
  gap:9px;
  margin:14px 0 18px;
  color:#fff !important;
  text-decoration:none;
  font-weight:700;
  transition:opacity .18s ease, transform .18s ease;
}
.footer-facebook i{
  width:34px;
  height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#0b6fdc;
  color:#fff;
  font-size:16px;
}
.footer-facebook:hover{
  opacity:.88;
  transform:translateY(-1px);
}

/* Facebook abaixo da descrição da empresa no rodapé */
.footer-grid > div:first-child .footer-facebook{
  display:inline-flex;
  margin-top:14px;
  margin-bottom:0;
}


/* === Painel de gestão: seletor visual de ícones === */
.pg-icon-picker{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(62px,1fr));
  gap:10px;
  margin-top:9px;
  max-width:700px;
}
.pg-icon-option{
  appearance:none;
  min-height:58px;
  border:1px solid #d7e1ec;
  border-radius:12px;
  background:#fff;
  color:#24425f;
  font-size:24px;
  cursor:pointer;
  display:grid;
  place-items:center;
  transition:border-color .18s ease,background .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease;
}
.pg-icon-option:hover{
  border-color:#0b6fdc;
  color:#0b6fdc;
  transform:translateY(-1px);
}
.pg-icon-option.selected{
  border-color:#0b6fdc;
  background:#eaf4ff;
  color:#0b6fdc;
  box-shadow:0 0 0 3px rgba(11,111,220,.12);
}

/* Painel: checkboxes maiores e alinhadas com o texto */
.form label.pg-check-row{
  width:auto;
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
  gap:10px;
  line-height:1.2;
  cursor:pointer;
  padding:5px 0;
}
.form label.pg-check-row .pg-check-input{
  width:22px !important;
  height:22px !important;
  min-width:22px;
  margin:0 !important;
  padding:0 !important;
  accent-color:#0b6fdc;
  cursor:pointer;
}
.form label.pg-check-row span{
  display:inline-flex;
  align-items:center;
  min-height:22px;
  font-weight:600;
}


/* === Home: serviços principais — efeitos modernos e discretos === */
.home-services{
  position:relative;
  overflow:hidden;
}

.home-services::before{
  content:"";
  position:absolute;
  width:420px;
  height:420px;
  right:-190px;
  top:-170px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(11,111,220,.10) 0%,rgba(11,111,220,0) 70%);
  pointer-events:none;
}

.home-services .grid{
  position:relative;
  z-index:1;
}

.home-services .card{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  border:1px solid rgba(11,111,220,.10);
  background:linear-gradient(145deg,#fff 0%,#fbfdff 100%);
  box-shadow:0 12px 34px rgba(18,52,86,.07);
  transition:
    transform .32s cubic-bezier(.2,.8,.2,1),
    box-shadow .32s ease,
    border-color .32s ease;
}

.home-services .card::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:linear-gradient(120deg,transparent 15%,rgba(11,111,220,.055) 48%,transparent 80%);
  transform:translateX(-120%);
  transition:transform .7s ease;
}


.home-services .card:hover{
  transform:translateY(-10px);
  border-color:rgba(11,111,220,.28);
  box-shadow:0 22px 50px rgba(18,52,86,.15);
}

.home-services .card:hover::before{
  transform:translateX(120%);
}


.home-services .icon{
  position:relative;
  width:64px;
  height:64px;
  display:grid;
  place-items:center;
  border-radius:18px;
  background:linear-gradient(145deg,#eef6ff,#fff);
  box-shadow:
    inset 0 0 0 1px rgba(11,111,220,.10),
    0 8px 22px rgba(11,111,220,.10);
  transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease,background .35s ease;
}

.home-services .icon i{
  font-size:29px;
  transition:transform .35s ease,color .35s ease;
}

.home-services .card:hover .icon{
  transform:translateY(-4px) rotate(-2deg);
  background:linear-gradient(145deg,#0b6fdc,#2788ee);
  box-shadow:0 12px 28px rgba(11,111,220,.26);
}

.home-services .card:hover .icon i{
  color:#fff;
  transform:scale(1.12);
}

.home-services .card h3{
  position:relative;
  display:inline-block;
  margin-bottom:10px;
}

.home-services .card h3::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-5px;
  width:0;
  height:2px;
  border-radius:999px;
  background:#0b6fdc;
  transition:width .32s ease;
}

.home-services .card:hover h3::after{
  width:44px;
}

.home-services .center .btn{
  position:relative;
  overflow:hidden;
  box-shadow:0 10px 24px rgba(11,111,220,.18);
  transition:transform .22s ease,box-shadow .22s ease;
}

.home-services .center .btn::after{
  content:"→";
  display:inline-block;
  margin-left:9px;
  transition:transform .22s ease;
}

.home-services .center .btn:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 30px rgba(11,111,220,.25);
}

.home-services .center .btn:hover::after{
  transform:translateX(4px);
}

/* Entrada escalonada quando o JS adiciona a animação reveal */
.home-services .card:nth-child(1){transition-delay:0ms}
.home-services .card:nth-child(2){transition-delay:70ms}
.home-services .card:nth-child(3){transition-delay:140ms}

@media(max-width:768px){
  .home-services .card:hover{
    transform:translateY(-5px);
  }
  .home-services::before{
    width:300px;
    height:300px;
    right:-170px;
    top:-120px;
  }
}

@media(prefers-reduced-motion:reduce){
  .home-services .card,
  .home-services .card::before,
    .home-services .icon,
  .home-services .icon i,
  .home-services .card h3::after,
  .home-services .center .btn,
  .home-services .center .btn::after{
    transition:none !important;
  }
}


/* Entrada dos serviços ao surgir no viewport */
.home-services .card.reveal{
  opacity:0;
  transform:translateY(34px) scale(.985);
  filter:blur(3px);
}

.home-services .card.reveal.visible{
  opacity:1;
  transform:translateY(0) scale(1);
  filter:blur(0);
  transition:
    opacity .65s ease,
    transform .65s cubic-bezier(.2,.8,.2,1),
    filter .65s ease,
    box-shadow .32s ease,
    border-color .32s ease;
}

.home-services .card.reveal.visible:nth-child(1){transition-delay:0ms}
.home-services .card.reveal.visible:nth-child(2){transition-delay:90ms}
.home-services .card.reveal.visible:nth-child(3){transition-delay:180ms}

@media(prefers-reduced-motion:reduce){
  .home-services .card.reveal,
  .home-services .card.reveal.visible{
    opacity:1 !important;
    transform:none !important;
    filter:none !important;
  }
}


/* === Página Serviços: mesmos efeitos visuais da Home === */
.services-page{
  position:relative;
  overflow:hidden;
}

.services-page::before{
  content:"";
  position:absolute;
  width:420px;
  height:420px;
  right:-190px;
  top:-170px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(11,111,220,.08) 0%,rgba(11,111,220,0) 70%);
  pointer-events:none;
}

.services-page .grid{
  position:relative;
  z-index:1;
}

.services-page .card{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  border:1px solid rgba(11,111,220,.10);
  background:linear-gradient(145deg,#fff 0%,#fbfdff 100%);
  box-shadow:0 12px 34px rgba(18,52,86,.07);
  transition:
    transform .32s cubic-bezier(.2,.8,.2,1),
    box-shadow .32s ease,
    border-color .32s ease;
}

.services-page .card::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(120deg,transparent 15%,rgba(11,111,220,.055) 48%,transparent 80%);
  transform:translateX(-120%);
  transition:transform .7s ease;
}

.services-page .card:hover{
  transform:translateY(-10px);
  border-color:rgba(11,111,220,.28);
  box-shadow:0 22px 50px rgba(18,52,86,.15);
}

.services-page .card:hover::before{
  transform:translateX(120%);
}

.services-page .icon{
  position:relative;
  width:64px;
  height:64px;
  display:grid;
  place-items:center;
  border-radius:18px;
  background:linear-gradient(145deg,#eef6ff,#fff);
  box-shadow:
    inset 0 0 0 1px rgba(11,111,220,.10),
    0 8px 22px rgba(11,111,220,.10);
  transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease,background .35s ease;
}

.services-page .icon i{
  font-size:29px;
  transition:transform .35s ease,color .35s ease;
}

.services-page .card:hover .icon{
  transform:translateY(-4px) rotate(-2deg);
  background:linear-gradient(145deg,#0b6fdc,#2788ee);
  box-shadow:0 12px 28px rgba(11,111,220,.26);
}

.services-page .card:hover .icon i{
  color:#fff;
  transform:scale(1.12);
}

.services-page .card h3{
  position:relative;
  display:inline-block;
  margin-bottom:10px;
}

.services-page .card h3::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-5px;
  width:0;
  height:2px;
  border-radius:999px;
  background:#0b6fdc;
  transition:width .32s ease;
}

.services-page .card:hover h3::after{
  width:44px;
}

/* Entrada ao surgir no viewport */
.services-page .card.reveal{
  opacity:0;
  transform:translateY(34px) scale(.985);
  filter:blur(3px);
}

.services-page .card.reveal.visible{
  opacity:1;
  transform:translateY(0) scale(1);
  filter:blur(0);
  transition:
    opacity .65s ease,
    transform .65s cubic-bezier(.2,.8,.2,1),
    filter .65s ease,
    box-shadow .32s ease,
    border-color .32s ease;
}

.services-page .card.reveal.visible:nth-child(3n+1){transition-delay:0ms}
.services-page .card.reveal.visible:nth-child(3n+2){transition-delay:90ms}
.services-page .card.reveal.visible:nth-child(3n+3){transition-delay:180ms}

.services-page .center .btn{
  position:relative;
  overflow:hidden;
  box-shadow:0 10px 24px rgba(11,111,220,.18);
  transition:transform .22s ease,box-shadow .22s ease;
}

.services-page .center .btn::after{
  content:"→";
  display:inline-block;
  margin-left:9px;
  transition:transform .22s ease;
}

.services-page .center .btn:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 30px rgba(11,111,220,.25);
}

.services-page .center .btn:hover::after{
  transform:translateX(4px);
}

@media(max-width:768px){
  .services-page .card:hover{
    transform:translateY(-5px);
  }

  .services-page::before{
    width:300px;
    height:300px;
    right:-170px;
    top:-120px;
  }
}

@media(prefers-reduced-motion:reduce){
  .services-page .card,
  .services-page .card::before,
  .services-page .icon,
  .services-page .icon i,
  .services-page .card h3::after,
  .services-page .center .btn,
  .services-page .center .btn::after{
    transition:none !important;
  }

  .services-page .card.reveal,
  .services-page .card.reveal.visible{
    opacity:1 !important;
    transform:none !important;
    filter:none !important;
  }
}


/* === CTA "Pedir proposta" — animação constante e discreta === */
.proposal-cta{
  position:relative;
  isolation:isolate;
  overflow:visible;
  animation:proposalPulse 2.4s ease-in-out infinite;
  box-shadow:0 10px 24px rgba(11,111,220,.22);
}

.proposal-cta::before{
  content:"";
  position:absolute;
  inset:-7px;
  z-index:-1;
  border-radius:inherit;
  border:2px solid rgba(11,111,220,.28);
  opacity:0;
  transform:scale(.94);
  animation:proposalRing 2.4s ease-out infinite;
  pointer-events:none;
}

@keyframes proposalPulse{
  0%,100%{
    transform:translateY(0) scale(1);
    box-shadow:0 10px 24px rgba(11,111,220,.22);
  }
  50%{
    transform:translateY(-2px) scale(1.025);
    box-shadow:0 15px 34px rgba(11,111,220,.32);
  }
}

@keyframes proposalRing{
  0%{
    opacity:0;
    transform:scale(.94);
  }
  18%{
    opacity:.55;
  }
  72%,100%{
    opacity:0;
    transform:scale(1.16);
  }
}

/* O hover continua a responder imediatamente sem ficar agressivo */
.proposal-cta:hover{
  animation-play-state:paused;
  transform:translateY(-3px) scale(1.02);
}

.proposal-cta:hover::before{
  animation-play-state:paused;
  opacity:.35;
}

@media(prefers-reduced-motion:reduce){
  .proposal-cta,
  .proposal-cta::before{
    animation:none !important;
  }
}


/* Correção do ring do CTA na página Serviços */
.services-page .center .proposal-cta{
  overflow:visible !important;
  isolation:isolate;
}

.services-page .center .proposal-cta::before{
  z-index:-1;
  display:block;
}




/* === Loading screen fullscreen até o vídeo principal estar pronto === */
.experience-loader{
  position:fixed;
  inset:0;
  z-index:99999;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,#f8fbff 0%,#edf4fb 100%);
  opacity:1;
  visibility:visible;
  transition:opacity .55s ease,visibility .55s ease;
}

.experience-loader.is-hidden{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}

.experience-loader-inner{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:18px;
  text-align:center;
  padding:24px;
}

.experience-loader-spinner{
  width:52px;
  height:52px;
  border-radius:50%;
  border:4px solid rgba(11,111,220,.14);
  border-top-color:#0b6fdc;
  animation:experienceSpin .9s linear infinite;
}

.experience-loader-text{
  font-size:clamp(18px,2vw,24px);
  line-height:1.3;
  font-weight:700;
  letter-spacing:-.02em;
  color:#16324f;
}

@keyframes experienceSpin{
  to{transform:rotate(360deg)}
}

body.experience-loading{
  overflow:hidden;
}

@media(prefers-reduced-motion:reduce){
  .experience-loader{
    transition:none;
  }
  .experience-loader-spinner{
    animation:none;
  }
}


/* Logotipo configurado no loading screen */
.experience-loader-logo{
  display:block;
  max-width:min(280px,72vw);
  max-height:110px;
  width:auto;
  height:auto;
  object-fit:contain;
  margin:0 auto 2px;
  filter:drop-shadow(0 8px 18px rgba(16,39,64,.08));
}

@media(max-width:600px){
  .experience-loader-logo{
    max-width:min(230px,76vw);
    max-height:90px;
  }
}


/* === Contactos: reforço visual em azul Polisglobo === */
.contact-page .contact-card,
.contact-page .contact-info,
.contact-page .contact-details{
  color:#16324f;
}

.contact-page .contact-card a,
.contact-page .contact-info a,
.contact-page .contact-details a{
  color:#0b6fdc;
  font-weight:700;
  text-decoration:none;
  transition:color .2s ease,opacity .2s ease;
}

.contact-page .contact-card a:hover,
.contact-page .contact-info a:hover,
.contact-page .contact-details a:hover{
  color:#0759b3;
}

.contact-page .contact-card i,
.contact-page .contact-info i,
.contact-page .contact-details i{
  color:#0b6fdc;
}

.contact-page form label{
  color:#0b6fdc;
  font-weight:700;
}

.contact-page form input,
.contact-page form textarea,
.contact-page form select{
  border-color:rgba(11,111,220,.20);
}

.contact-page form input:focus,
.contact-page form textarea:focus,
.contact-page form select:focus{
  border-color:#0b6fdc;
  box-shadow:0 0 0 3px rgba(11,111,220,.10);
  outline:none;
}

.contact-page h2,
.contact-page h3{
  color:#16324f;
}


/* === Contactos: correção de cor com seletores do markup real === */
.contact-page .contact-grid > div:first-child p{
  color:#0b6fdc;
}

.contact-page .contact-grid > div:first-child p > i{
  color:#0b6fdc !important;
}

.contact-page .contact-grid > div:first-child p > a{
  color:#0b6fdc !important;
  font-weight:600;
  text-decoration:none;
}

.contact-page .contact-grid > div:first-child p > a:hover{
  color:#0759b3 !important;
}

.contact-page .contact-grid > div:first-child p > small{
  color:#355f86;
}

.contact-page #form .form > label{
  color:#0b6fdc !important;
  font-weight:700;
}

.contact-page #form .form > label > small{
  color:#5e7690;
  font-weight:500;
}


/* === Admin: tabela de pedidos === */
.pg-leads-panel{
  padding:0;
  overflow:hidden;
}

.pg-leads-heading{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:24px 26px;
  border-bottom:1px solid #e6edf5;
}

.pg-leads-heading h2{
  margin:0 0 5px;
  font-size:22px;
  color:#15324e;
}

.pg-leads-heading p{
  margin:0;
  color:#687d91;
  font-size:14px;
}

.pg-leads-count{
  min-width:84px;
  padding:10px 14px;
  border-radius:14px;
  background:#eef6ff;
  color:#0b6fdc;
  text-align:center;
}

.pg-leads-count strong{
  display:block;
  font-size:22px;
  line-height:1;
}

.pg-leads-count span{
  display:block;
  margin-top:4px;
  font-size:12px;
  font-weight:700;
}

.pg-table-wrap{
  width:100%;
  overflow-x:auto;
}

.pg-leads-table{
  width:100%;
  min-width:1180px;
  border-collapse:collapse;
  background:#fff;
}

.pg-leads-table th{
  padding:13px 14px;
  background:#f7faff;
  color:#43617d;
  font-size:12px;
  font-weight:800;
  text-align:left;
  text-transform:uppercase;
  letter-spacing:.045em;
  border-bottom:1px solid #e5edf5;
  white-space:nowrap;
}

.pg-leads-table td{
  padding:15px 14px;
  vertical-align:top;
  border-bottom:1px solid #edf2f7;
  color:#29445e;
  font-size:14px;
}

.pg-leads-table tbody tr{
  transition:background .2s ease;
}

.pg-leads-table tbody tr:hover{
  background:#fbfdff;
}

.pg-leads-table tbody tr.is-completed{
  background:#fbfdfc;
}

.pg-lead-date{
  white-space:nowrap;
}

.pg-lead-date span{
  display:block;
  font-weight:700;
  color:#29445e;
}

.pg-lead-date small{
  display:block;
  margin-top:3px;
  color:#8193a5;
}

.pg-lead-client strong{
  color:#15324e;
}

.pg-lead-contact{
  min-width:190px;
}

.pg-lead-contact a{
  display:flex;
  align-items:center;
  gap:7px;
  color:#0b6fdc;
  text-decoration:none;
  margin-bottom:7px;
  word-break:break-word;
}

.pg-lead-contact a:hover{
  text-decoration:underline;
}

.pg-lead-contact i{
  width:15px;
  text-align:center;
}

.pg-lead-message{
  min-width:260px;
  max-width:360px;
}

.pg-lead-message div{
  max-height:110px;
  overflow:auto;
  line-height:1.55;
  white-space:normal;
}

.pg-lead-note{
  min-width:230px;
}

.pg-lead-note textarea{
  width:100%;
  min-height:76px;
  resize:vertical;
  border:1px solid #d8e4ef;
  border-radius:10px;
  padding:10px 11px;
  font:inherit;
  color:#29445e;
  background:#fff;
  outline:none;
  transition:border-color .2s ease,box-shadow .2s ease;
}

.pg-lead-note textarea:focus{
  border-color:#0b6fdc;
  box-shadow:0 0 0 3px rgba(11,111,220,.10);
}

.pg-status-toggle{
  display:inline-flex;
  cursor:pointer;
}

.pg-status-toggle input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}

.pg-status-pill{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:8px 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:800;
  white-space:nowrap;
  transition:.2s ease;
}

.pg-status-pill.pending{
  color:#9a6410;
  background:#fff6dc;
  border:1px solid #f2dfa6;
}

.pg-status-pill.done{
  color:#167443;
  background:#eaf8f0;
  border:1px solid #bfe6ce;
}

.pg-status-toggle input:focus-visible + .pg-status-pill{
  box-shadow:0 0 0 3px rgba(11,111,220,.15);
}

.pg-lead-actions{
  min-width:126px;
}

.pg-action-btn{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  border:0;
  border-radius:9px;
  padding:9px 11px;
  font:inherit;
  font-size:13px;
  font-weight:800;
  cursor:pointer;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease;
}

.pg-action-btn + .pg-action-btn{
  margin-top:7px;
}

.pg-save-btn{
  color:#fff;
  background:#0b6fdc;
  box-shadow:0 5px 14px rgba(11,111,220,.18);
}

.pg-save-btn:hover{
  transform:translateY(-1px);
  background:#075fbe;
}

.pg-delete-btn{
  color:#b42318;
  background:#fff0ef;
  border:1px solid #ffd2ce;
}

.pg-delete-btn:hover{
  transform:translateY(-1px);
  background:#ffe4e1;
}

.pg-empty-state{
  display:flex;
  min-height:260px;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:8px;
  padding:30px;
  color:#6e8296;
}

.pg-empty-state i{
  font-size:34px;
  color:#0b6fdc;
  margin-bottom:4px;
}

.pg-empty-state strong{
  color:#29445e;
  font-size:18px;
}

@media(max-width:760px){
  .pg-leads-heading{
    align-items:flex-start;
    padding:20px;
  }

  .pg-leads-heading p{
    display:none;
  }

  .pg-table-wrap{
    overflow:visible;
  }

  .pg-leads-table{
    min-width:0;
  }

  .pg-leads-table thead{
    display:none;
  }

  .pg-leads-table,
  .pg-leads-table tbody,
  .pg-leads-table tr,
  .pg-leads-table td{
    display:block;
    width:100%;
  }

  .pg-leads-table tbody tr{
    padding:14px 16px;
    border-bottom:8px solid #f2f6fa;
  }

  .pg-leads-table td{
    display:grid;
    grid-template-columns:105px minmax(0,1fr);
    gap:10px;
    padding:9px 0;
    border:0;
    min-width:0;
    max-width:none;
  }

  .pg-leads-table td::before{
    content:attr(data-label);
    color:#688097;
    font-size:11px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.04em;
  }

  .pg-lead-actions{
    grid-template-columns:105px minmax(0,1fr) !important;
  }

  .pg-lead-actions .pg-action-btn{
    width:auto;
  }

  .pg-lead-message div{
    max-height:none;
  }
}


/* === Portfólio associado aos Serviços === */
.services-page .services-grid{
  align-items:stretch;
}

.services-page .service-card-with-gallery{
  display:flex;
  flex-direction:column;
}

.service-portfolio{
  margin-top:auto;
  padding-top:20px;
}

.service-portfolio-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
}

.service-portfolio-head span{
  color:#16324f;
  font-size:13px;
  font-weight:800;
}

.service-portfolio-head small{
  color:#7890a6;
  font-size:11px;
  white-space:nowrap;
}

.service-carousel{
  position:relative;
  display:flex;
  align-items:center;
  gap:7px;
}

.service-carousel-track{
  display:flex;
  flex:1;
  min-width:0;
  gap:8px;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  scrollbar-width:none;
  overscroll-behavior-inline:contain;
}

.service-carousel-track::-webkit-scrollbar{
  display:none;
}

.service-portfolio-thumb{
  position:relative;
  flex:0 0 calc((100% - 16px)/3);
  min-width:74px;
  aspect-ratio:1.28/1;
  padding:0;
  border:0;
  border-radius:11px;
  overflow:hidden;
  background:#edf3f8;
  cursor:pointer;
  scroll-snap-align:start;
  box-shadow:0 4px 12px rgba(16,39,64,.08);
  transition:transform .22s ease,box-shadow .22s ease;
}

.service-portfolio-thumb::after{
  content:"\f065";
  font-family:"Font Awesome 6 Free";
  font-weight:900;
  position:absolute;
  right:6px;
  bottom:6px;
  width:24px;
  height:24px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:rgba(11,111,220,.88);
  color:#fff;
  font-size:10px;
  opacity:0;
  transform:scale(.85);
  transition:opacity .2s ease,transform .2s ease;
}

.service-portfolio-thumb img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .32s ease;
}

.service-portfolio-thumb:hover{
  transform:translateY(-2px);
  box-shadow:0 8px 18px rgba(16,39,64,.15);
}

.service-portfolio-thumb:hover img{
  transform:scale(1.06);
}

.service-portfolio-thumb:hover::after{
  opacity:1;
  transform:scale(1);
}

.service-carousel-arrow{
  flex:0 0 29px;
  width:29px;
  height:42px;
  border:1px solid rgba(11,111,220,.14);
  border-radius:9px;
  display:grid;
  place-items:center;
  padding:0;
  background:#fff;
  color:#0b6fdc;
  cursor:pointer;
  box-shadow:0 4px 12px rgba(16,39,64,.06);
  transition:background .2s ease,color .2s ease,transform .2s ease;
}

.service-carousel-arrow:hover{
  background:#0b6fdc;
  color:#fff;
  transform:translateY(-1px);
}

.service-portfolio-hint{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  margin:8px 0 0 !important;
  color:#8294a6 !important;
  font-size:10px !important;
}

/* Lightbox */
.pg-lightbox{
  position:fixed;
  inset:0;
  z-index:100000;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:28px;
  opacity:0;
  visibility:hidden;
  transition:opacity .25s ease,visibility .25s ease;
}

.pg-lightbox.is-open{
  opacity:1;
  visibility:visible;
}

.pg-lightbox-backdrop{
  position:absolute;
  inset:0;
  background:rgba(7,20,34,.88);
  backdrop-filter:blur(7px);
}

.pg-lightbox-dialog{
  position:relative;
  z-index:1;
  width:min(1050px,92vw);
  max-height:90vh;
  display:grid;
  grid-template-columns:52px minmax(0,1fr) 52px;
  align-items:center;
  gap:12px;
}

.pg-lightbox figure{
  margin:0;
  min-width:0;
  border-radius:18px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 28px 80px rgba(0,0,0,.34);
}

.pg-lightbox figure img{
  display:block;
  width:100%;
  max-height:72vh;
  object-fit:contain;
  background:#0b1520;
}

.pg-lightbox figcaption{
  padding:16px 20px;
  color:#29445e;
  background:#fff;
  font-size:14px;
  line-height:1.55;
}

.pg-lightbox-close,
.pg-lightbox-nav{
  border:0;
  display:grid;
  place-items:center;
  cursor:pointer;
  color:#fff;
  background:rgba(255,255,255,.14);
  backdrop-filter:blur(8px);
  transition:background .2s ease,transform .2s ease;
}

.pg-lightbox-close:hover,
.pg-lightbox-nav:hover{
  background:#0b6fdc;
}

.pg-lightbox-close{
  position:absolute;
  top:-16px;
  right:-16px;
  z-index:3;
  width:43px;
  height:43px;
  border-radius:50%;
  font-size:20px;
}

.pg-lightbox-nav{
  width:48px;
  height:60px;
  border-radius:12px;
  font-size:19px;
}

.pg-lightbox-nav:disabled,
.pg-lightbox-nav[hidden]{
  display:none;
}

body.pg-lightbox-open{
  overflow:hidden;
}

/* Admin Portfolio */
.pg-portfolio-current{
  display:flex;
  align-items:center;
  gap:14px;
  padding:12px;
  border:1px solid #e1eaf3;
  border-radius:12px;
  background:#f8fbfe;
}

.pg-portfolio-current span{
  font-weight:700;
  color:#516b83;
}

.pg-portfolio-current img{
  width:110px;
  height:72px;
  border-radius:9px;
  object-fit:cover;
}

.pg-portfolio-admin-heading{
  margin-bottom:16px;
}

.pg-portfolio-admin-heading h3{
  margin:0 0 4px;
  color:#15324e;
}

.pg-portfolio-admin-heading p{
  margin:0;
  color:#71869a;
  font-size:13px;
}

.pg-portfolio-admin-table{
  width:100%;
  min-width:840px;
  border-collapse:collapse;
}

.pg-portfolio-admin-table th,
.pg-portfolio-admin-table td{
  padding:12px;
  text-align:left;
  vertical-align:middle;
  border-bottom:1px solid #eaf0f5;
}

.pg-portfolio-admin-table th{
  color:#536e87;
  background:#f7faff;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.04em;
}

.pg-portfolio-thumb-admin{
  display:block;
  width:96px;
  height:64px;
  object-fit:cover;
  border-radius:9px;
}

.pg-service-badge{
  display:inline-flex;
  align-items:center;
  padding:6px 9px;
  border-radius:999px;
  background:#eaf4ff;
  color:#0b6fdc;
  font-size:12px;
  font-weight:800;
}

.pg-service-badge.is-empty{
  background:#f0f3f6;
  color:#718395;
}

.pg-admin-actions{
  white-space:nowrap;
}

@media(max-width:768px){
  .service-portfolio-thumb{
    flex-basis:calc((100% - 8px)/2);
  }

  .service-carousel-arrow{
    flex-basis:28px;
    width:28px;
  }

  .pg-lightbox{
    padding:16px;
  }

  .pg-lightbox-dialog{
    width:96vw;
    grid-template-columns:42px minmax(0,1fr) 42px;
    gap:5px;
  }

  .pg-lightbox-nav{
    width:40px;
    height:52px;
  }

  .pg-lightbox-close{
    top:-12px;
    right:-4px;
  }

  .pg-lightbox figure img{
    max-height:68vh;
  }

  .pg-lightbox figcaption{
    padding:13px 15px;
  }
}

@media(prefers-reduced-motion:reduce){
  .service-portfolio-thumb,
  .service-portfolio-thumb img,
  .service-carousel-arrow,
  .pg-lightbox,
  .pg-lightbox-close,
  .pg-lightbox-nav{
    transition:none !important;
  }
}


/* === Correção de dimensionamento do lightbox do Portfólio === */
.pg-lightbox-dialog{
  width:min(1100px,94vw) !important;
  max-width:1100px;
  min-width:0;
}

.pg-lightbox-dialog figure{
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  display:block !important;
}

.pg-lightbox-dialog figure img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  max-width:100% !important;
  max-height:76vh !important;
  object-fit:contain !important;
}

.pg-lightbox-dialog figcaption{
  display:block;
  width:100%;
  box-sizing:border-box;
  white-space:normal;
  overflow-wrap:anywhere;
}

@media(max-width:768px){
  .pg-lightbox-dialog{
    width:96vw !important;
    grid-template-columns:36px minmax(0,1fr) 36px !important;
  }

  .pg-lightbox-dialog figure img{
    max-height:70vh !important;
  }
}


/* === Lightbox Portfólio v2 — estrutura robusta sem grid === */
#pg-portfolio-lightbox.pg-lightbox{
  position:fixed !important;
  inset:0 !important;
  z-index:100000 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:24px !important;
  box-sizing:border-box !important;
}

#pg-portfolio-lightbox .pg-lightbox-dialog{
  position:relative !important;
  display:block !important;
  width:min(960px,calc(100vw - 120px)) !important;
  max-width:960px !important;
  min-width:320px !important;
  max-height:90vh !important;
  margin:0 auto !important;
}

#pg-portfolio-lightbox .pg-lightbox-dialog figure{
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  margin:0 !important;
  padding:0 !important;
  border-radius:18px !important;
  overflow:hidden !important;
  background:#fff !important;
  box-sizing:border-box !important;
}

#pg-portfolio-lightbox .pg-lightbox-dialog figure img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  max-width:100% !important;
  max-height:72vh !important;
  object-fit:contain !important;
  margin:0 !important;
  background:#0b1520 !important;
}

#pg-portfolio-lightbox .pg-lightbox-dialog figcaption{
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  padding:16px 20px !important;
  margin:0 !important;
  box-sizing:border-box !important;
  white-space:normal !important;
  word-break:normal !important;
  overflow-wrap:break-word !important;
  line-height:1.5 !important;
  color:#29445e !important;
  background:#fff !important;
  font-size:14px !important;
}

#pg-portfolio-lightbox .pg-lightbox-nav{
  position:absolute !important;
  top:50% !important;
  z-index:3 !important;
  width:48px !important;
  height:58px !important;
  transform:translateY(-50%) !important;
}

#pg-portfolio-lightbox .pg-lightbox-nav.prev{
  left:-62px !important;
}

#pg-portfolio-lightbox .pg-lightbox-nav.next{
  right:-62px !important;
}

#pg-portfolio-lightbox .pg-lightbox-close{
  position:absolute !important;
  top:-16px !important;
  right:-16px !important;
  z-index:4 !important;
}

@media(max-width:768px){
  #pg-portfolio-lightbox.pg-lightbox{
    padding:14px !important;
  }

  #pg-portfolio-lightbox .pg-lightbox-dialog{
    width:calc(100vw - 28px) !important;
    min-width:0 !important;
    max-width:none !important;
  }

  #pg-portfolio-lightbox .pg-lightbox-dialog figure img{
    max-height:68vh !important;
  }

  #pg-portfolio-lightbox .pg-lightbox-nav{
    width:38px !important;
    height:48px !important;
    background:rgba(7,20,34,.68) !important;
  }

  #pg-portfolio-lightbox .pg-lightbox-nav.prev{
    left:8px !important;
  }

  #pg-portfolio-lightbox .pg-lightbox-nav.next{
    right:8px !important;
  }

  #pg-portfolio-lightbox .pg-lightbox-close{
    top:8px !important;
    right:8px !important;
    background:rgba(7,20,34,.68) !important;
  }
}


/* === Lightbox: remover barras de scroll laterais === */
html:has(#pg-portfolio-lightbox.is-open),
body.pg-lightbox-open{
  overflow:hidden !important;
}

#pg-portfolio-lightbox.pg-lightbox{
  overflow:hidden !important;
  overscroll-behavior:none;
}

#pg-portfolio-lightbox .pg-lightbox-dialog{
  overflow:visible !important;
}

#pg-portfolio-lightbox .pg-lightbox-dialog figure{
  overflow:hidden !important;
}

/* Evita qualquer scrollbar interna sem cortar a fotografia */
#pg-portfolio-lightbox .pg-lightbox-dialog figure img{
  max-width:100% !important;
  max-height:calc(100vh - 150px) !important;
}


/* === Admin Portfólio: imagens + vídeos === */
.pg-portfolio-current{
  align-items:flex-start;
}

.pg-portfolio-current-media{
  display:block;
  width:220px !important;
  height:140px !important;
  max-width:100%;
  object-fit:cover;
  border-radius:10px;
  background:#0b1520;
}

video.pg-portfolio-thumb-admin{
  background:#0b1520;
}

.pg-media-type{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 9px;
  border-radius:999px;
  font-size:12px;
  font-weight:800;
}

.pg-media-type.is-image{
  color:#0b6fdc;
  background:#eaf4ff;
}

.pg-media-type.is-video{
  color:#7d3cc7;
  background:#f3eaff;
}

/* === A Empresa: miniatura da imagem atual e da imagem selecionada === */
.pg-company-current,
.pg-company-selected-preview{
  display:flex;
  width:max-content;
  max-width:100%;
  flex-direction:column;
  gap:7px;
  margin:10px 0 12px;
  padding:10px;
  border:1px solid #dce7f0;
  border-radius:12px;
  background:#f8fbfe;
}

.pg-company-current-label{
  color:#587187;
  font-size:12px;
  font-weight:800;
}

.pg-company-current img,
.pg-company-selected-preview img{
  display:block;
  width:220px;
  height:135px;
  max-width:100%;
  object-fit:cover;
  border-radius:9px;
  background:#edf3f8;
}

/* === Serviços: miniaturas de vídeo === */
.service-portfolio-thumb video{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  background:#101b25;
}

.service-video-badge{
  position:absolute;
  inset:50% auto auto 50%;
  z-index:2;
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:50%;
  transform:translate(-50%,-50%);
  color:#fff;
  background:rgba(11,111,220,.9);
  box-shadow:0 6px 18px rgba(0,0,0,.22);
  pointer-events:none;
}

.service-video-badge i{
  margin-left:2px;
  font-size:12px;
}

/* Lightbox também suporta vídeo */
#pg-portfolio-lightbox .pg-lightbox-dialog figure video{
  display:block;
  width:100% !important;
  height:auto !important;
  max-width:100% !important;
  max-height:calc(100vh - 150px) !important;
  object-fit:contain !important;
  margin:0 !important;
  background:#0b1520 !important;
}

#pg-portfolio-lightbox .pg-lightbox-dialog figure video[hidden],
#pg-portfolio-lightbox .pg-lightbox-dialog figure img[hidden]{
  display:none !important;
}

/* Portfólio público: vídeo ocupa o mesmo espaço visual da imagem */
.portfolio figure video{
  display:block;
  width:100%;
  aspect-ratio:16/10;
  object-fit:cover;
  background:#0b1520;
}


/* === Admin: ordem manual do banner principal === */
.pg-banner-order-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
  margin-bottom:18px;
}

.pg-banner-order-head h3{
  margin:0 0 5px;
}

.pg-banner-order-head .pg-help{
  margin:0;
}

.pg-order-tip{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:8px 11px;
  border-radius:10px;
  background:#eef6ff;
  color:#0b6fdc;
  font-size:12px;
  font-weight:800;
  white-space:nowrap;
}

.pg-banner-sortable{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.pg-banner-sort-item{
  display:grid;
  grid-template-columns:34px 70px 150px minmax(0,1fr);
  align-items:center;
  gap:14px;
  min-height:104px;
  padding:12px;
  border:1px solid #dde7f0;
  border-radius:14px;
  background:#fff;
  box-shadow:0 5px 16px rgba(20,52,82,.05);
  cursor:grab;
  transition:
    transform .18s ease,
    box-shadow .18s ease,
    opacity .18s ease,
    border-color .18s ease;
}

.pg-banner-sort-item:hover{
  border-color:rgba(11,111,220,.28);
  box-shadow:0 9px 24px rgba(20,52,82,.09);
}

.pg-banner-sort-item.is-dragging{
  opacity:.48;
  transform:scale(.99);
  cursor:grabbing;
  border-color:#0b6fdc;
}

.pg-banner-drag{
  display:grid;
  place-items:center;
  height:64px;
  color:#8da1b4;
  font-size:20px;
}

.pg-banner-position{
  text-align:center;
}

.pg-banner-position span{
  display:block;
  margin-bottom:4px;
  color:#8a9daf;
  font-size:10px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.04em;
}

.pg-banner-position strong{
  display:block;
  color:#0b6fdc;
  font-size:24px;
}

.pg-banner-thumb{
  position:relative;
  width:150px;
  height:82px;
  overflow:hidden;
  border-radius:10px;
  background:#132333;
}

.pg-banner-thumb img,
.pg-banner-thumb video{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

.pg-banner-thumb .pg-media-badge{
  position:absolute;
  left:6px;
  bottom:6px;
  padding:5px 7px;
  font-size:10px;
}

.pg-banner-item-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:12px;
}

.pg-banner-move-buttons{
  display:flex;
  gap:6px;
}

.pg-order-arrow{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border:1px solid #dce7f0;
  border-radius:9px;
  background:#f8fbfe;
  color:#0b6fdc;
  cursor:pointer;
  transition:.18s ease;
}

.pg-order-arrow:hover{
  color:#fff;
  background:#0b6fdc;
  border-color:#0b6fdc;
  transform:translateY(-1px);
}

.pg-banner-order-save{
  display:flex;
  justify-content:flex-end;
  margin-top:18px;
}

@media(max-width:760px){
  .pg-banner-order-head{
    flex-direction:column;
  }

  .pg-banner-sort-item{
    grid-template-columns:30px 48px 92px minmax(0,1fr);
    gap:8px;
    min-height:82px;
    padding:9px;
  }

  .pg-banner-thumb{
    width:92px;
    height:60px;
  }

  .pg-banner-position strong{
    font-size:19px;
  }

  .pg-banner-item-actions{
    flex-direction:column;
    align-items:flex-end;
    gap:7px;
  }

  .pg-banner-drag{
    height:54px;
  }
}


/* === Home: banner mais imersivo + indicador de scroll === */
.home-page .hero{
  min-height:clamp(660px,88svh,980px);
  height:88svh;
  position:relative;
}

.home-page .hero .slide,
.home-page .hero .slide img,
.home-page .hero .slide video{
  min-height:100%;
  height:100%;
}

.hero-scroll-cue{
  position:absolute;
  left:50%;
  bottom:24px;
  z-index:8;
  display:flex;
  align-items:center;
  justify-content:center;
  width:52px;
  height:52px;
  transform:translateX(-50%);
  border-radius:50%;
  color:#fff;
  text-decoration:none;
  background:rgba(7,28,49,.24);
  border:1px solid rgba(255,255,255,.42);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  box-shadow:0 10px 28px rgba(0,0,0,.16);
  transition:
    background .22s ease,
    border-color .22s ease,
    transform .22s ease;
}

.hero-scroll-cue:hover{
  color:#fff;
  background:rgba(11,111,220,.88);
  border-color:rgba(255,255,255,.72);
  transform:translateX(-50%) translateY(-2px);
}

.hero-scroll-cue-icon{
  display:grid;
  place-items:center;
  font-size:20px;
  animation:heroScrollFloat 1.8s ease-in-out infinite;
}

@keyframes heroScrollFloat{
  0%,100%{
    transform:translateY(-4px);
  }
  50%{
    transform:translateY(5px);
  }
}

#servicos-principais{
  scroll-margin-top:72px;
}

@media(max-width:768px){
  .home-page .hero{
    min-height:620px;
    height:86svh;
  }

  .hero-scroll-cue{
    width:46px;
    height:46px;
    bottom:18px;
  }

  .hero-scroll-cue-icon{
    font-size:18px;
  }
}

@media(prefers-reduced-motion:reduce){
  .hero-scroll-cue-icon{
    animation:none !important;
  }
}


/* =========================================================
   Refinamento visual Polisglobo — mais contraste e profundidade
   ========================================================= */

:root{
  --pg-blue:#0b6fdc;
  --pg-blue-dark:#0759b3;
  --pg-navy:#16324f;
  --pg-navy-deep:#0d2236;
  --pg-sky:#eef6ff;
  --pg-surface:#f6f9fc;
  --pg-border:rgba(11,111,220,.12);
}

/* Fundo geral mais suave */
body{
  background:var(--pg-surface);
}

/* Secções com mais separação visual */
.section{
  position:relative;
  background:#fff;
}

.section + .section{
  border-top:1px solid rgba(22,50,79,.05);
}

/* Secção alternada mais marcante */
.section.alt{
  background:
    radial-gradient(circle at 15% 20%,rgba(11,111,220,.16),transparent 32%),
    linear-gradient(135deg,var(--pg-navy-deep) 0%,var(--pg-navy) 100%);
  color:#fff;
}

.section.alt h2,
.section.alt h3,
.section.alt p,
.section.alt span{
  color:inherit;
}

.section.alt .metric strong{
  color:#fff;
  text-shadow:0 6px 24px rgba(0,0,0,.18);
}

.section.alt .metric span{
  color:rgba(255,255,255,.82);
}

/* Serviços Home com mais profundidade */
.home-services{
  background:
    linear-gradient(180deg,#fff 0%,#f8fbff 100%);
}

.home-services::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:0;
  width:min(900px,80%);
  height:1px;
  transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,rgba(11,111,220,.22),transparent);
}

/* Eyebrows mais vivos */
.eyebrow{
  color:var(--pg-blue) !important;
  font-weight:800;
  letter-spacing:.08em;
}

/* Títulos com detalhe azul discreto */
.section > h2,
.section > .container > h2{
  position:relative;
  color:var(--pg-navy);
}

.section > h2::after,
.section > .container > h2::after{
  content:"";
  display:block;
  width:54px;
  height:3px;
  margin-top:10px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--pg-blue),rgba(11,111,220,.28));
}

/* Cards mais premium */
.card{
  border:1px solid var(--pg-border);
  box-shadow:0 10px 28px rgba(20,52,82,.06);
}

.card:hover{
  border-color:rgba(11,111,220,.28);
  box-shadow:0 18px 42px rgba(20,52,82,.12);
}

/* Botões com ligeiro gradiente */
.btn{
  background:linear-gradient(135deg,var(--pg-blue) 0%,#2788ee 100%);
  box-shadow:0 8px 22px rgba(11,111,220,.18);
}

.btn:hover{
  box-shadow:0 12px 28px rgba(11,111,220,.26);
}

/* Página Serviços */
.services-page{
  background:
    radial-gradient(circle at 100% 10%,rgba(11,111,220,.08),transparent 28%),
    linear-gradient(180deg,#fff 0%,#f7fbff 100%);
}

/* Contactos com fundo ligeiramente azulado */
.contact-page{
  background:
    linear-gradient(180deg,#ffffff 0%,#f5f9fd 100%);
}

.contact-page .contact-grid > div{
  border-radius:16px;
}

/* Portfólio: cartões mais definidos */
.portfolio figure{
  background:#fff;
  border:1px solid rgba(11,111,220,.10);
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 10px 26px rgba(20,52,82,.07);
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}

.portfolio figure:hover{
  transform:translateY(-5px);
  border-color:rgba(11,111,220,.24);
  box-shadow:0 18px 36px rgba(20,52,82,.13);
}

.portfolio figcaption{
  color:var(--pg-navy);
  background:#fff;
}

/* Footer com identidade mais forte */
footer{
  background:
    linear-gradient(135deg,#0d2236 0%,#153a5c 100%);
  color:#fff;
}

footer strong{
  color:#fff;
}

footer p,
footer span{
  color:rgba(255,255,255,.76);
}

footer a{
  color:rgba(255,255,255,.88);
}

footer a:hover{
  color:#fff;
}

footer .footer-facebook{
  background:rgba(255,255,255,.08);
  border-color:rgba(255,255,255,.14);
}

footer .credit{
  border-top:1px solid rgba(255,255,255,.10);
  color:rgba(255,255,255,.62);
}

/* Pequenos destaques azuis em formulários */
.form input:focus,
.form textarea:focus,
.form select:focus{
  border-color:var(--pg-blue);
  box-shadow:0 0 0 3px rgba(11,111,220,.10);
}

/* Melhor separação entre áreas internas */
body:not(.home-page) .section{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
}

/* Mobile: manter o visual limpo */
@media(max-width:768px){
  .section.alt{
    background:
      radial-gradient(circle at 10% 15%,rgba(11,111,220,.14),transparent 38%),
      linear-gradient(135deg,#102942 0%,#173b5d 100%);
  }

  .portfolio figure:hover,
  .card:hover{
    transform:none;
  }
}


/* =========================================================
   Polisglobo Visual v2 — contraste mais evidente
   ========================================================= */

/* Secções principais claramente diferenciadas */
.home-page .home-services{
  background:
    radial-gradient(circle at 88% 10%,rgba(11,111,220,.14),transparent 28%),
    linear-gradient(180deg,#eef6ff 0%,#f8fbff 100%) !important;
  padding-top:92px;
  padding-bottom:92px;
}

.home-page .section.alt{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 12% 20%,rgba(39,136,238,.28),transparent 30%),
    radial-gradient(circle at 88% 80%,rgba(11,111,220,.22),transparent 34%),
    linear-gradient(135deg,#0c2033 0%,#11385c 58%,#0b6fdc 140%) !important;
  padding-top:88px;
  padding-bottom:88px;
}

.home-page .section.alt::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(115deg,rgba(255,255,255,.04),transparent 34%);
}

.home-page .section.alt .metrics{
  position:relative;
  z-index:1;
  gap:18px;
}

.home-page .section.alt .metric{
  padding:28px 22px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:20px;
  background:rgba(255,255,255,.07);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  box-shadow:0 18px 38px rgba(0,0,0,.12);
}

.home-page .section.alt .metric strong{
  color:#fff !important;
}

.home-page .section.alt .metric span{
  color:rgba(255,255,255,.80) !important;
}

/* Títulos mais marcantes */
.section > .eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:7px 11px;
  border-radius:999px;
  background:rgba(11,111,220,.09);
  color:#0b6fdc !important;
  font-size:12px;
  line-height:1;
}

.section > .eyebrow::before{
  content:"";
  width:7px;
  height:7px;
  border-radius:50%;
  background:#0b6fdc;
  box-shadow:0 0 0 5px rgba(11,111,220,.10);
}

.section > h2{
  font-size:clamp(34px,4.6vw,56px);
  line-height:1.05;
  letter-spacing:-.035em;
}

/* Cards Serviços mais visíveis */
.home-services .card,
.services-page .card{
  border:1px solid rgba(11,111,220,.16) !important;
  border-top:4px solid #0b6fdc !important;
  border-radius:20px !important;
  background:
    linear-gradient(180deg,#fff 0%,#fbfdff 100%) !important;
  box-shadow:0 16px 38px rgba(20,52,82,.09) !important;
}

.home-services .card:hover,
.services-page .card:hover{
  box-shadow:0 24px 54px rgba(11,111,220,.17) !important;
}

.home-services .icon,
.services-page .icon{
  width:70px !important;
  height:70px !important;
  border-radius:20px !important;
  background:linear-gradient(145deg,#0b6fdc,#2788ee) !important;
  box-shadow:0 12px 28px rgba(11,111,220,.22) !important;
}

.home-services .icon i,
.services-page .icon i{
  color:#fff !important;
}

/* Página Serviços com faixa superior de cor */
body:not(.home-page) .services-page{
  background:
    linear-gradient(180deg,#eef6ff 0%,#ffffff 34%,#f8fbff 100%) !important;
}

/* Contactos: duas caixas bem definidas */
.contact-page{
  background:
    linear-gradient(180deg,#eef6ff 0%,#f8fbff 100%) !important;
}

.contact-page .contact-grid{
  gap:24px;
}

.contact-page .contact-grid > div{
  padding:28px !important;
  border:1px solid rgba(11,111,220,.14);
  border-radius:20px !important;
  background:#fff;
  box-shadow:0 16px 38px rgba(20,52,82,.08);
}

.contact-page .contact-grid > div:first-child{
  border-top:4px solid #0b6fdc;
}

.contact-page #form{
  border-top:4px solid #16324f !important;
}

/* Inputs mais modernos */
.form input,
.form textarea,
.form select{
  border-radius:12px !important;
  background:#fbfdff !important;
  border:1px solid #d8e5f1 !important;
}

.form input:focus,
.form textarea:focus,
.form select:focus{
  background:#fff !important;
  border-color:#0b6fdc !important;
  box-shadow:0 0 0 4px rgba(11,111,220,.10) !important;
}

/* Portfólio mais editorial */
.portfolio{
  gap:24px !important;
}

.portfolio figure{
  border-radius:18px !important;
  border:1px solid rgba(11,111,220,.13) !important;
  box-shadow:0 14px 34px rgba(20,52,82,.09) !important;
}

.portfolio figcaption{
  position:relative;
  padding:16px 18px 18px !important;
  font-weight:700;
}

.portfolio figcaption::before{
  content:"";
  display:block;
  width:38px;
  height:3px;
  margin-bottom:10px;
  border-radius:999px;
  background:#0b6fdc;
}

/* Footer muito mais distinto */
footer{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 8% 10%,rgba(11,111,220,.28),transparent 25%),
    linear-gradient(135deg,#081a2a 0%,#102d49 60%,#0b426e 100%) !important;
  padding-top:58px !important;
}

footer::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:4px;
  background:linear-gradient(90deg,#0b6fdc,#52a5ff,#0b6fdc);
}

footer .footer-grid{
  position:relative;
  z-index:1;
}

footer strong{
  font-size:20px;
}

/* Botões visualmente mais presentes */
.btn{
  border-radius:12px !important;
  background:linear-gradient(135deg,#0b6fdc 0%,#2788ee 100%) !important;
  box-shadow:0 10px 24px rgba(11,111,220,.24) !important;
}

.btn:hover{
  transform:translateY(-2px);
  box-shadow:0 15px 32px rgba(11,111,220,.31) !important;
}

/* Faixa de separação elegante entre hero e serviços */
.home-page .hero + .home-services{
  position:relative;
}

.home-page .hero + .home-services::before{
  content:"";
  position:absolute;
  top:-28px;
  left:50%;
  width:min(680px,78vw);
  height:56px;
  transform:translateX(-50%);
  border-radius:28px 28px 0 0;
  background:#eef6ff;
  box-shadow:0 -10px 28px rgba(16,39,64,.06);
}

/* Mobile */
@media(max-width:768px){
  .home-page .home-services,
  .home-page .section.alt{
    padding-top:68px;
    padding-bottom:68px;
  }

  .section > h2{
    font-size:clamp(31px,10vw,42px);
  }

  .contact-page .contact-grid > div{
    padding:20px !important;
  }

  .home-services .card,
  .services-page .card{
    border-top-width:3px !important;
  }

  .home-page .section.alt .metric{
    padding:22px 18px;
  }
}


/* === Footer: Facebook sem caixa/retângulo === */
footer .footer-facebook,
footer .footer-facebook:hover,
footer a.footer-facebook,
footer a.footer-facebook:hover{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
  padding:0 !important;
}

footer .footer-facebook i,
footer a.footer-facebook i{
  display:inline-block;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
}


/* === Footer: Facebook com círculo apenas no ícone === */
footer .footer-facebook,
footer .footer-facebook:hover,
footer a.footer-facebook,
footer a.footer-facebook:hover{
  display:inline-flex !important;
  align-items:center !important;
  gap:10px !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
  padding:0 !important;
}

footer .footer-facebook i,
footer a.footer-facebook i{
  width:34px !important;
  height:34px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 34px !important;
  border-radius:50% !important;
  background:#0b6fdc !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.18) !important;
  box-shadow:0 7px 18px rgba(0,0,0,.16) !important;
  transition:transform .2s ease,background .2s ease,box-shadow .2s ease !important;
}

footer .footer-facebook:hover i,
footer a.footer-facebook:hover i{
  background:#2788ee !important;
  transform:translateY(-2px) !important;
  box-shadow:0 10px 22px rgba(0,0,0,.20) !important;
}