.header-area .main-nav { position: relative; }
.header-area .main-nav .theme-switch {position:absolute;right:-52px;top:50%;transform:translateY(-50%);width:38px;height:38px;border:1px solid rgba(255,255,255,.55);border-radius:50%;background:rgba(8,56,68,.12);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:20;transition:background .2s,border-color .2s;}
.header-area .main-nav .theme-switch:hover,.header-area .main-nav .theme-switch:focus-visible {background:rgba(8,56,68,.28);border-color:#fff;outline-offset:3px;}
.header-area .main-nav .theme-switch svg {width:19px;height:19px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round;}
.header-area .main-nav .theme-switch [hidden] {display:none!important;}
@media(max-width:1199px){.header-area .main-nav .theme-switch{right:0;top:43px;}}
@media(max-width:992px){.header-area .main-nav .theme-switch{right:62px;top:40px;}}
@media(max-width:480px){.header-area .main-nav .theme-switch{right:53px;width:34px;height:34px;}}


/* Navegación móvil: encabezado visible y menú accesible. */
@media (max-width: 992px) {
  .header-area, .header-area.header-sticky, .background-header.header-sticky { height: 76px !important; min-height: 76px !important; }
  .header-area .main-nav { position: relative; height: 76px; min-height: 76px; overflow: visible !important; }
  .header-area .main-nav .logo, .background-header .main-nav .logo { position: absolute; top: 9px !important; left: 12px !important; margin: 0 !important; height: 58px; z-index: 102; }
  .header-area .main-nav .logo img { width: auto !important; max-width: 175px; height: 56px; object-fit: contain; margin: 0 !important; }
  .header-area .main-nav .menu-trigger, .background-header .main-nav .menu-trigger { display: flex !important; align-items: center; justify-content: center; position: absolute !important; right: 8px !important; top: 14px !important; width: 46px; height: 46px; z-index: 110; text-indent: -9999px; }
  .header-area .main-nav .menu-trigger span { display: block; }
  .header-area .main-nav .theme-switch { right: 64px !important; top: 38px !important; z-index: 105; }
  .header-area .main-nav .nav { position: absolute !important; top: 76px; left: 0; right: 0; width: 100%; margin: 0 !important; max-height: calc(100dvh - 76px); overflow-y: auto; z-index: 109; background: #f7f7f7; box-shadow: 0 14px 24px rgba(0,0,0,.16); }
  .header-area.header-sticky .nav, .background-header.header-sticky .nav { margin-top: 0 !important; }
}