/* JOMA Express — estilos complementares ao Tailwind */

html { scroll-behavior: smooth; }

body {
  font-family: 'Inter', system-ui, sans-serif;
}

h1,h2,h3,h4 { font-family: 'Poppins', system-ui, sans-serif; letter-spacing: -0.01em; }

/* Hero overlay diagonal inspirado no logo */
.hero-clip {
  clip-path: polygon(0 0, 100% 0, 100% 88%, 0 100%);
}

/* Marquee de logos de clientes */
.marquee { overflow: hidden; position: relative; }
.marquee-track {
  display: flex;
  width: max-content;
  animation: marquee 35s linear infinite;
  gap: 3rem;
}
.marquee:hover .marquee-track { animation-play-state: paused; }
@keyframes marquee {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* Leaflet — markers customizados JOMA */
.joma-marker { position: relative; }
.joma-marker__dot {
  position: absolute; left: 50%; top: 50%;
  width: 14px; height: 14px;
  border: 3px solid #fff;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 3px 8px rgba(0,0,0,.4);
  z-index: 2;
}
.joma-marker__pulse {
  position: absolute; left: 50%; top: 50%;
  width: 14px; height: 14px;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  opacity: .55;
  animation: jomaPing 2s cubic-bezier(0,0,0.2,1) infinite;
}
@keyframes jomaPing {
  0%   { transform: translate(-50%,-50%) scale(.6); opacity: .7; }
  80%  { transform: translate(-50%,-50%) scale(3); opacity: 0; }
  100% { transform: translate(-50%,-50%) scale(3); opacity: 0; }
}

/* Popup Leaflet com cantos arredondados */
.leaflet-popup-content-wrapper {
  border-radius: 12px !important;
  box-shadow: 0 10px 30px -10px rgba(15,30,90,.3) !important;
}
.leaflet-popup-tip { box-shadow: none !important; }
.leaflet-container { background: #1E3A8A; font-family: 'Inter', sans-serif; }

/* Card unidade hover */
.unit-card { transition: transform .25s ease, box-shadow .25s ease; }
.unit-card:hover { transform: translateY(-4px); box-shadow: 0 18px 40px -16px rgba(15,30,90,.25); }

/* Diagonal divider section */
.diagonal-bottom {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 95%);
}

/* Reveal animation simples */
.reveal { opacity: 0; transform: translateY(20px); transition: opacity .7s ease, transform .7s ease; }
.reveal.in  { opacity: 1; transform: none; }

/* Modal de boas-vindas (Jortek → JOMA) */
#welcomeModal { transition: opacity .28s ease; opacity: 0; }
#welcomeModal.is-open { opacity: 1; }
#welcomeModal .welcome-card {
  transform: translateY(24px) scale(.96);
  transition: transform .35s cubic-bezier(.2,.9,.3,1.2), opacity .35s ease;
  opacity: 0;
}
#welcomeModal.is-open .welcome-card { transform: none; opacity: 1; }

/* Banner de cookies */
#cookieBanner { transform: translateY(120%); transition: transform .35s cubic-bezier(.2,.9,.3,1.05); }
#cookieBanner.is-open { transform: none; }