.body-innerwrapper { display: flex; flex-direction: column; }
#sp-main       { display: contents; }   /* disuelve el contenedor */
#sp-main > *   { order: 3; }            /* resto de secciones */
#sp-top-bar    { order: 1; }            /* topbar arriba del todo */
#sp-header     { order: 2; }
.sticky-header-placeholder { order: 0; }

#sp-header .container-inner {
    max-width: 1320px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}
#sp-top-bar {
    background: #4944A0;
}
#sp-bottom>.container {
    max-width: 1320px;
}
.sp-megamenu-parent .sp-mega-group>li>a {
    text-transform: none;
}
#sp-header #sp-menu .sp-megamenu-wrapper .sp-megamenu-parent .sp-menu-item {
    margin: 0px 12px !important;
}
#sp-header #sp-menu .sp-megamenu-wrapper .sp-megamenu-parent li .sp-dropdown .sp-dropdown-inner li.sp-menu-item>a, #sp-header #sp-menu .sp-megamenu-wrapper .sp-megamenu-parent li .sp-dropdown .sp-dropdown-inner li.sp-menu-item>span {
     font-size: 12px;
    padding: 4px 20px;
    border-bottom: 1px dashed #ebebeb;
}
.sp-megamenu-parent .sp-mega-group>li>a {
      padding: 0px 20px 0px;
    line-height: 20px;
    font-weight: 600;
    padding-bottom: 0px;
    border-bottom: 1px solid #ededed;
}
#sp-header #sp-menu .sp-megamenu-wrapper .sp-megamenu-parent li .sp-dropdown .sp-dropdown-inner .sp-dropdown-items {
    display: flex;
    flex-direction: column;
    gap: 2px;
}
#sp-header #sp-menu .sp-megamenu-wrapper .sp-megamenu-parent li .sp-dropdown .sp-dropdown-inner {
    padding: 20px;
    border-radius: 0px;
}
.menu_item.item-header {
    padding-bottom: 15px;
}
.sp-megamenu-parent .sp-mega-group {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
}

.view-article .article-details .article-header-container .article-header h1 {
    font-size: 40px;
    }
@media (max-width: 1199px) {
    .view-article .article-details .article-header-container .article-header h1 {
        font-size: 38px;
    }
}
@media (max-width: 575px) {
    .view-article .article-details .article-header-container .article-header h1 {
        font-size: 30px;
    }
}
  /* Header */
  /* Centra verticalmente el logo y el menú dentro del header */
#sp-header .container-inner .row {
    display: flex;
    align-items: center;   /* centra verticalmente */
    justify-content: center; /* centra horizontalmente el conjunto */
    height: 100%;
}

/* Centra el contenido interno de cada columna */
#sp-logo,
#sp-menu {
    display: flex;
    align-items: center;
    justify-content: center;
}
.offcanvas-menu .offcanvas-inner ul.menu>li>a, .offcanvas-menu .offcanvas-inner ul.menu>li>span {
    padding: 10px 0px;
}