/* encasa.cr brand polish on top of Tailwind */
html { scroll-behavior: smooth; }
body { -webkit-font-smoothing: antialiased; }
.maplibregl-popup-content { border-radius: 10px; padding: 8px; }
.font-700 { font-weight: 700; }
.font-600 { font-weight: 600; }
.font-500 { font-weight: 500; }
.font-400 { font-weight: 400; }
::selection { background: #C16A43; color: #fff; }
/* truncate helper for 2 lines */
.clamp-2 { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }

/* rotating hero */
.hero-rotator { position:absolute; inset:0; overflow:hidden; background:#16352B; }
.hero-slide { position:absolute; inset:0; background-size:cover; background-position:center;
  opacity:0; animation:heroFade 35s infinite; will-change:opacity; }
.hero-slide:nth-child(1){ animation-delay:0s }
.hero-slide:nth-child(2){ animation-delay:7s }
.hero-slide:nth-child(3){ animation-delay:14s }
.hero-slide:nth-child(4){ animation-delay:21s }
.hero-slide:nth-child(5){ animation-delay:28s }
@keyframes heroFade { 0%{opacity:0} 3%{opacity:1} 17%{opacity:1} 20%{opacity:0} 100%{opacity:0} }
@media (prefers-reduced-motion: reduce){ .hero-slide{ animation:none } .hero-slide:nth-child(1){ opacity:1 } }
.drop-shadow { text-shadow:0 2px 12px rgba(0,0,0,.35); }