/* ======================================================================
   DIFUSOR V136 · LOGO ALINEADO AL INICIO DEL HERO
   La Home define la guía horizontal. En desktop, el contenido visible del
   logo (imagen) comienza sobre la misma vertical que el título principal.
   La navegación y el CTA mantienen sus anclajes V135 sin desplazarse.
   ====================================================================== */

@media (min-width:1001px){
  :root{
    /* La Home usa --max:1240px y 21px de margen mínimo en .wrap. */
    --v136-hero-left:max(21px, calc((100vw - 1240px) / 2));
    --v136-nav-left:12px;
    --v136-logo-inner-left:13px;
    --v136-logo-shift:max(0px, calc(var(--v136-hero-left) - var(--v136-nav-left) - var(--v136-logo-inner-left)));
  }

  /* Mueve solo el logo. menu{margin-left:auto} conserva menú + CTA a la derecha. */
  body:not(.portfolio-page) .nav .logo-wrap,
  body.portfolio-page .nav .brand.brand-box{
    margin-left:var(--v136-logo-shift)!important;
    margin-right:0!important;
  }
}