/*
 * responsive.css — Media queries del theme volveraverclaro.com.
 *
 * Todos los `min-width` viven acá, agrupados por corte (no por sección),
 * separados de main.css para que en mobile no se priorice su descarga
 * (se encola con `media="(min-width: 781px)"` en functions.php).
 * Ver "Sistema de layout" en MANUAL.md.
 */

/* =============================================
   CORTE: 781px — tablet / desktop
   ============================================= */
@media (min-width: 781px) {

  /* Tokens */
  :root {
    --header-h: 140px; /* desktop: header alto con nav horizontal */
    --header-h-scrolled: 112px;
  }

  /* Header:*/
  .site-header.scrolled .site-logo img { height: calc(var(--header-h-scrolled) - 50px); }
  .site-nav ul li a {
    background-image: linear-gradient(var(--color-accent-1), var(--color-accent-1));
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 0% 2px;
    transition: background-size 1s;
  }
  .site-nav ul li:not(.campus) a:hover,
  .site-nav ul li.current-menu-item:not(.campus) > a,
  .site-nav ul li.current_page_item:not(.campus) > a {
    background-size: 100% 2px;
  }

  /* Header: nav horizontal, oculta hamburguesa */
  .hamburger { display: none; }

  .site-nav {
    display: flex !important;
    position: static;
    border: none;
    padding: 0;
    align-items: center;
    gap: 30px;
    flex: 1;
    justify-content: space-between;
    background: transparent;
    box-shadow: none;
  }

  .site-nav ul {
    flex-direction: row;
    gap: 2.5rem;
    align-items: center;
    margin-top: 0;
  }
  .site-nav .campus{
    background: var(--color-accent-1);
    padding: 1px 15px;
    border-radius: 15px;
    border:1px solid var(--color-accent-1);
  }
  .site-nav .campus a{
    color: var(--color-claro);
  }
  .site-nav .campus:hover{
    background: var(--color-claro);
  }
  .site-nav .campus:hover a{
    color: var(--color-accent-1);
  }

  .social-links { margin-top: 0; }

  /* Footer: columnas en fila */
  .principal-footer .footer-inner { flex-direction: row; }
  .footer-col { flex: 1; }

  /* Sidebar del blog: dos columnas */
  .inner-main.has-sidebar {
    grid-template-columns: 2fr 1fr;
    align-items: start;
  }
  .tabs-nav {
    grid-template-columns: repeat(5, 1fr);
  }
}

/* =============================================
   CORTE: 1200px — desktop grande
   ============================================= */
@media (min-width: 1200px) {  
  .cabecera-completa .wp-block-group{
    width: 900px;
    max-width: 92%;
  }
  .tabs-nav {
    grid-template-columns: repeat(10, 1fr);
  }
  .footer-col:first-child { flex: 2; }
}