/* ---------- Base ---------- */
.container { max-width: 1100px; margin: 0 auto; padding: 1.5rem; }
.loc-hero { text-align:center; padding: 2rem 0; }
.loc-hero .btn { display:inline-block; padding:.8rem 1.2rem; border-radius:10px; margin:.3rem; text-decoration:none; }
.loc-hero .btn.outline { border:1px solid; }
.loc-thumb img { border-radius:14px; }
.loc-grid { display:grid; grid-template-columns: repeat(auto-fill, minmax(240px,1fr)); gap: 1rem; }
.loc-card { border:1px solid #eee; border-radius:14px; padding:1rem; }
.loc-card img { width:100%; height:auto; border-radius:10px; }

/* ---------- Single Localidad: ancho completo ---------- */
.single-localidad .site-content > .ast-container{ max-width:100% !important; padding:0 !important; }

/* Contenedor interior amplio y centrado */
.single-localidad .entry-content,
.single-localidad .ast-container{
  width:100%;
  max-width:1400px;
  margin:0 auto;
  padding:20px;
}

/* Sobrescribe .container solo en single-localidad */
.single-localidad .container{ max-width:1280px; padding:1.5rem; }

/* Grid principal: contenido + sidebar (sin duplicados) */
.single-localidad .site-main .loc-contenido{
  display:grid !important;
  grid-template-columns: minmax(0,2fr) minmax(0,1fr);
  gap:3rem;
  align-items:start; /* alinear arriba */
}

/* Sidebar arriba y sin márgenes extra de Astra */
.single-localidad .site-main .sidebar{ align-self:start; }
.single-localidad .site-main .sidebar .widget,
.single-localidad .site-main .sidebar .widget h4{
  margin-top:0 !important;
}

/* Opcional: sidebar “pegado” al hacer scroll */
@media (min-width: 1100px){
  .single-localidad .site-main .sidebar .widget{
    position:sticky;
    top:90px; /* ajusta si tienes header fijo */
  }
}

/* Medios fluidos */
.single-localidad img,
.single-localidad video{ max-width:100%; height:auto; display:block; }

/* ---------- Formulario del hero: textos en BLANCO ---------- */
.hero-localidad .contact-form,
.hero-localidad .contact-form *{
  color:#fff !important;
}
.hero-localidad .contact-form h2{ color:#fff !important; }
.hero-localidad .contact-form a{ color:#fff !important; text-decoration:underline; }
.hero-localidad .contact-form input::placeholder,
.hero-localidad .contact-form textarea::placeholder{ color:#f3f4f6; opacity:1; }

/* Botón que mantenga su color */
.hero-localidad .contact-form button{
  color:#05270e !important;
  background:#22c55e !important;
}