/* Adelita Groppe Arquitetura — estilos base */
html{scroll-behavior:smooth}
body{margin:0;background:#F3F0EA}
*{box-sizing:border-box}
a{color:inherit}a:hover{color:inherit;opacity:.85}
@keyframes adlMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.adl-drag img{-webkit-user-drag:none;user-select:none}
.adl-card img{transition:transform 1.4s cubic-bezier(.2,.7,.2,1)}
.adl-card:hover img{transform:scale(1.035)}
.adl-zoom{cursor:zoom-in}
button:focus-visible,a:focus-visible{outline:2px solid #5C6B4F;outline-offset:3px}
@media (max-width: 640px){
  nav[aria-label="Principal"]{flex-wrap:nowrap!important}
  nav[aria-label="Principal"] a{padding:10px 11px!important;font-size:13px!important}
}

/* ---------- Mobile ---------- */
@media (max-width: 700px){
  .hero video{object-position:50% 0%!important}
  .hero-overlay{background:linear-gradient(180deg, rgba(14,13,12,0.72) 0%, rgba(14,13,12,0.38) 24%, rgba(14,13,12,0.42) 48%, rgba(14,13,12,0.86) 66%, rgba(14,13,12,0.95) 100%)!important}
  .hero-header{flex-direction:column!important;justify-content:flex-start!important;align-items:center!important;gap:14px!important;padding-top:24px!important}
  .hero-header > a{padding:4px 0!important}
  .hero-header > a img{width:230px!important}
  .hero-aside{display:none!important}
  .numeros{flex-wrap:nowrap!important;gap:12px!important}
  .numeros > div{flex:1 1 0!important;min-width:0}
  .numeros > div > span:first-child{font-size:clamp(22px, 6.6vw, 44px)!important;white-space:nowrap}
  .numeros > div > span:last-child{font-size:12px!important;line-height:1.35}
}