/*
 * Casa Cruz Apartments — responsive.css
 * Ajustes por tamaño de pantalla y por la barra de administración de WordPress.
 * (Las utilidades responsive del diseño —sm:, lg:— viven en tailwind.css.)
 */

/* ---------- barra de administración: la cabecera es fija ---------- */
.admin-bar #siteHeader { top: calc(1rem + 32px); }
.admin-bar section[id] { scroll-margin-top: calc(var(--cc-header-offset) + 32px); }
@media screen and (max-width: 782px) {
  .admin-bar #siteHeader { top: calc(1rem + 46px); }
  .admin-bar section[id] { scroll-margin-top: calc(var(--cc-header-offset) + 46px); }
}
/* Por debajo de 600px la barra de WordPress deja de ser fija y se va con el scroll. */
@media screen and (max-width: 600px) {
  .admin-bar #siteHeader.scrolled { top: 1rem; }
}

/* ---------- evita desbordes horizontales ---------- */
html, body.cc-site { overflow-x: clip; }

/* ---------- páginas internas ---------- */
@media (max-width: 900px) {
  .cc-prose .alignwide { margin-left: 0; margin-right: 0; }
  .cc-prose .alignleft, .cc-prose .alignright { float: none; margin: 0 0 1rem; }
}
@media (max-width: 640px) {
  .cc-page { padding: 7.5rem 0 4rem; }
  .cc-prose { font-size: 1rem; }
  .cc-search-form { flex-direction: column; }
  .post-navigation .nav-links { flex-direction: column; }
  .cc-404-code { font-size: 3.5rem; }
}

/* ---------- pantallas muy anchas ---------- */
@media (min-width: 1920px) {
  .cc-page { padding-top: 11rem; }
}