/* Rent a Space — estilos globales y responsive.
   Los estilos de cada bloque están inline en index.html; acá van
   reset, animaciones y breakpoints (desktop > 1150 · tablet ≤ 1100 · mobile ≤ 860). */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#EEF6F0;font-family:Helvetica,'Helvetica Neue',Arial,sans-serif;color:#141914}
a{color:#1E4A19;text-decoration:none}a:hover{color:#3E7A34}
h1,h2,h3{margin:0;font-weight:bold;letter-spacing:-.02em}
p{margin:0;font-weight:400;line-height:1.62;color:#4a534a;text-wrap:pretty}
img,image-slot{max-width:100%}
.ras-rev{transition:opacity .8s cubic-bezier(.22,.61,.36,1) var(--rasd,0ms),transform .85s cubic-bezier(.22,.61,.36,1) var(--rasd,0ms)}
.ras-hidden{opacity:0;transform:translateY(34px)}
.ras-noanim,.ras-noanim *{transition:none!important;animation:none!important}
@media (prefers-reduced-motion:reduce){.ras-hidden{opacity:1!important;transform:none!important}}
#ras-fab{display:none}
@media (max-width:1150px){
  [data-r~="tag"]{position:static!important;display:inline-flex!important;margin:8px 8px 0 0}
  [data-r~="badge"]{position:static!important;display:inline-flex;align-items:center;gap:10px;margin-top:14px;text-align:left!important}
  [data-r~="badge"] > div:first-child{font-size:26px!important}
}
@media (max-width:1100px){
  [data-r~="pad"]{padding-left:32px!important;padding-right:32px!important}
  [data-r~="mar"]{margin-left:32px!important;margin-right:32px!important}
  [data-r~="porque-grid"]{grid-template-columns:1fr!important;gap:28px!important}
  [data-r~="porque-grid"] > [data-r~="videobox"]{width:100%!important;height:auto!important;aspect-ratio:4/5;order:-1}
  [data-r~="porque-grid"] > div:not([data-r~="videobox"]) > div{justify-content:flex-start!important;text-align:left!important;align-items:flex-start!important;flex-direction:row!important}
  [data-r~="porque-grid"] > div:not([data-r~="videobox"]):first-child > div{flex-direction:row-reverse!important;justify-content:flex-end!important}
}
@media (max-width:1024px){
  [data-r~="split"]{grid-template-columns:1fr!important;gap:28px!important}
  [data-r~="hero-img"]{height:360px!important}
}
@media (max-width:1000px){
  [data-r~="nav"]{display:none!important}
  [data-r~="burger"]{display:flex!important}
  [data-r~="head-cta"]{display:none!important}
}
@media (max-width:860px){
  [data-r~="pad"]{padding-left:20px!important;padding-right:20px!important;padding-top:44px!important}
  [data-r~="mar"]{margin-left:16px!important;margin-right:16px!important;padding:28px!important}
  [data-r~="split"]{grid-template-columns:1fr!important;gap:28px!important}
  [data-r~="hero"]{padding-top:8px!important;padding-bottom:36px!important}
  [data-r~="hero-img"]{height:300px!important}
  [data-r~="cards"]{grid-template-columns:1fr!important}
  [data-r~="videobox"]{width:100%!important;height:auto!important;aspect-ratio:3/4}
  [data-r~="mapbox"]{height:340px!important}
  [data-r~="faq-box"]{padding:8px 20px!important}
  [data-r~="nav"]{display:none!important}
  [data-r~="burger"]{display:flex!important}
  [data-r~="head-cta"]{display:none!important}
  [data-r~="head"]{padding:14px 20px!important}
  [data-r~="logo"] img{height:36px!important}
  [data-r~="tag"]{position:static!important;display:inline-flex!important;margin:8px 8px 0 0}
  [data-r~="tags"]{position:static!important;display:flex;flex-wrap:wrap;margin-top:4px}
  [data-r~="badge"]{position:static!important;display:inline-flex;align-items:center;gap:10px;margin-top:14px;text-align:left!important}
  [data-r~="badge"] > div:first-child{font-size:26px!important}
  #ras-fab{display:flex}
}