/* responsive.css — Breakpoint único @media (min-width: 1100px). Mobile-first overrides. */

@media (min-width: 1100px) {

  /* ---------------------------------------------------------------- */
  /*  Container                                                         */
  /* ---------------------------------------------------------------- */

  .container {
    padding-inline: var(--pad-desktop);
  }

  /* ---------------------------------------------------------------- */
  /*  Nav desktop                                                       */
  /* ---------------------------------------------------------------- */

  .nav-links {
    display: flex;
  }

  .brand-name {
    font-size: var(--text-2xl);
  }

  .hamburger {
    display: none;
  }

  .nav-drawer {
    display: none;
  }

  .fab-wa {
    display: none;
  }

  /* ---------------------------------------------------------------- */
  /*  Hero desktop — grid 2 columnas                                   */
  /* ---------------------------------------------------------------- */

  .hero-meta {
    padding-inline: var(--pad-desktop);
  }

  .hero-body {
    display: grid;
    grid-template-columns: 1.05fr 1fr;
    min-height: 640px;
  }

  .hero-text {
    padding: 80px var(--pad-desktop) 64px;
  }

  .hero-img {
    aspect-ratio: auto;
  }

  /* ---------------------------------------------------------------- */
  /*  Facts desktop — 4 columnas                                       */
  /* ---------------------------------------------------------------- */

  .facts {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    border-bottom: 1px solid var(--border-default);
  }

  .facts-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
  }

  .fact {
    border-bottom: none;
  }

  .fact:nth-child(even) {
    border-right: 1px solid var(--border-default);
  }

  .fact:last-child {
    border-right: none;
  }

  /* ---------------------------------------------------------------- */
  /*  Apartamentos grid — 3 columnas                                   */
  /* ---------------------------------------------------------------- */

  .aptos-grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .section-aptos-header {
    padding-inline: var(--pad-desktop);
  }

  /* ---------------------------------------------------------------- */
  /*  Zona desktop — grid SVG + lista                                  */
  /* ---------------------------------------------------------------- */

  .zona-body {
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    gap: var(--space-16);
    padding-inline: var(--pad-desktop);
  }

  /* ---------------------------------------------------------------- */
  /*  Sobre desktop — texto + imagen                                   */
  /* ---------------------------------------------------------------- */

  .sobre-body {
    display: grid;
    grid-template-columns: 1fr 1.1fr;
    gap: var(--space-16);
    align-items: start;
    padding-inline: var(--pad-desktop);
  }

  /* ---------------------------------------------------------------- */
  /*  Reseñas desktop — 3 columnas                                     */
  /* ---------------------------------------------------------------- */

  .resenas-grid {
    grid-template-columns: repeat(3, 1fr);
    padding-inline: var(--pad-desktop);
  }

  /* ---------------------------------------------------------------- */
  /*  Diario desktop — 3 columnas                                      */
  /* ---------------------------------------------------------------- */

  .diario-grid {
    grid-template-columns: repeat(3, 1fr);
    padding-inline: var(--pad-desktop);
  }

  /* ---------------------------------------------------------------- */
  /*  CTA strip desktop — grid 2 columnas                              */
  /* ---------------------------------------------------------------- */

  .cta-strip-inner {
    display: grid;
    grid-template-columns: 1.4fr 1fr;
    gap: var(--space-16);
    align-items: end;
  }

  .cta-strip-links {
    flex-direction: column;
    gap: var(--space-4);
  }

  /* ---------------------------------------------------------------- */
  /*  Single apartamento desktop — main + sidebar                      */
  /* ---------------------------------------------------------------- */

  .apto-detail-body {
    display: grid;
    grid-template-columns: 1fr 360px;
    gap: var(--space-12);
    align-items: start;
  }

  .apto-sidebar {
    position: sticky;
    top: calc(var(--space-20) + var(--space-4));
  }

  /* ---------------------------------------------------------------- */
  /*  Archive grid desktop — 2-3 columnas                              */
  /* ---------------------------------------------------------------- */

  .archive-grid-inner {
    grid-template-columns: repeat(3, 1fr);
  }

  /* ---------------------------------------------------------------- */
  /*  Section headers desktop — padding desktop                        */
  /* ---------------------------------------------------------------- */

  .section-header,
  .section-aptos-header,
  .section-sobre .sobre-body {
    padding-inline: var(--pad-desktop);
  }

  .section-zona .section-header {
    padding-inline: var(--pad-desktop);
  }

  .section-aptos {
    padding-inline: 0;
  }

  .aptos-grid {
    padding-inline: var(--pad-desktop);
  }

  .diario-footer {
    padding-inline: var(--pad-desktop);
  }

  /* ---------------------------------------------------------------- */
  /*  Footer desktop — 3 columnas                                      */
  /* ---------------------------------------------------------------- */

  .footer-inner {
    display: grid;
    grid-template-columns: 1.4fr 1fr 1fr 1fr;
    gap: var(--space-12);
    padding: var(--space-16) var(--pad-desktop);
    align-items: start;
  }

  .footer-bottom {
    padding-inline: var(--pad-desktop);
  }

  /* ---------------------------------------------------------------- */
  /*  Blog archive desktop                                             */
  /* ---------------------------------------------------------------- */

  .blog-head-inner {
    padding-inline: var(--pad-desktop);
  }

  .blog-cats-inner {
    padding-inline: var(--pad-desktop);
  }

  .blog-featured-inner {
    flex-direction: row;
    align-items: stretch;
  }

  .blog-featured-img {
    flex: 0 0 55%;
    aspect-ratio: auto;
  }

  .blog-featured-content {
    flex: 1;
    padding: var(--space-12) var(--pad-desktop);
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .blog-agenda .container {
    padding-inline: var(--pad-desktop);
  }

  .blog-articles .container {
    padding-inline: var(--pad-desktop);
  }

  .blog-articles-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: var(--space-8);
  }

  .blog-pager .container {
    padding-inline: var(--pad-desktop);
  }

  .blog-newsletter .container {
    padding-inline: var(--pad-desktop);
  }

  .blog-newsletter-inner {
    flex-direction: row;
    align-items: center;
    gap: var(--space-16);
  }

  .blog-newsletter-copy {
    flex: 1;
  }

  .blog-newsletter-form {
    flex-direction: row;
    flex: 0 0 400px;
  }

  /* ---------------------------------------------------------------- */
  /*  404 desktop                                                       */
  /* ---------------------------------------------------------------- */

  .error-404 .error-404-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}