/* =========================================================
   Cabecera y pie institucional SC Capacitaciones
   ========================================================= */
.scc-main-container{min-height:100vh;display:flex;flex-direction:column;background:var(--scc-white)}
.scc-main-container>#primary,.scc-main-container>main{flex:1 0 auto}
.scc-skip-link{z-index:999999}.scc-skip-link:focus{position:fixed!important;top:12px;left:12px;width:auto;height:auto;margin:0;padding:12px 16px;clip:auto;background:var(--scc-white);color:var(--scc-ink);box-shadow:var(--scc-shadow-sm)}

.scc-header{position:sticky;top:0;z-index:120;background:var(--scc-white)}
.scc-utility{background:var(--scc-ink);color:rgba(255,255,255,.78);border-bottom:1px solid rgba(255,255,255,.1)}
.scc-utility__inner{min-height:36px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.scc-utility__claim{color:rgba(255,255,255,.9);font-family:var(--scc-sans);font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}
.scc-utility__links{display:flex;align-items:center;justify-content:flex-end;gap:18px;min-width:0}
.scc-utility__links a{color:rgba(255,255,255,.72)!important;font-size:.72rem;text-decoration:none;white-space:nowrap}
.scc-utility__links a:hover,.scc-utility__links a:focus-visible{color:var(--scc-teal)!important}

.scc-navbar{position:relative;border-bottom:1px solid var(--scc-line);background:rgba(255,255,255,.98)}
.scc-navbar__inner{min-height:78px;display:grid;grid-template-columns:minmax(190px,240px) minmax(0,1fr) auto;align-items:center;gap:22px}
.scc-navbar__brand{min-width:0;display:flex;align-items:center}
.scc-navbar__brand .custom-logo-link,.scc-navbar__logo-link{display:flex;align-items:center;max-width:228px;text-decoration:none}
.scc-navbar__brand .custom-logo,.scc-navbar__logo{display:block;width:auto!important;max-width:228px!important;height:auto!important;max-height:46px!important;object-fit:contain;object-position:left center}

.scc-primary-nav{min-width:0;align-self:stretch;display:flex;align-items:stretch;justify-content:center}
.scc-primary-menu{display:flex;align-items:stretch;justify-content:center;gap:2px;margin:0;padding:0;list-style:none}
.scc-primary-menu>li{position:relative;display:flex;align-items:stretch;margin:0}
.scc-primary-menu>li.scc-menu-campus{display:none}
.scc-primary-menu>li>a{position:relative;display:flex;align-items:center;gap:7px;padding:0 12px;color:var(--scc-ink)!important;font-family:var(--scc-sans);font-size:.84rem;font-weight:700;line-height:1.15;text-decoration:none;white-space:nowrap}
.scc-primary-menu>li>a::before{content:"";position:absolute;left:12px;right:12px;bottom:0;height:3px;background:var(--scc-teal);transform:scaleX(0);transform-origin:center;transition:transform var(--scc-transition)}
.scc-primary-menu>li:hover>a::before,.scc-primary-menu>li:focus-within>a::before,.scc-primary-menu>.current-menu-item>a::before,.scc-primary-menu>.current-menu-ancestor>a::before{transform:scaleX(1)}
.scc-primary-menu>li>a:hover,.scc-primary-menu>li>a:focus-visible,.scc-primary-menu>.current-menu-item>a,.scc-primary-menu>.current-menu-ancestor>a{color:var(--scc-teal-deep)!important}
.scc-primary-menu>.menu-item-has-children>a::after{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg)}

.scc-primary-menu .sub-menu{position:absolute;top:100%;left:0;z-index:150;width:286px;margin:0;padding:10px;list-style:none;border:1px solid var(--scc-line);background:var(--scc-white);box-shadow:0 24px 60px rgba(30,35,30,.14);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(10px);transition:opacity var(--scc-transition),transform var(--scc-transition),visibility var(--scc-transition)}
.scc-primary-menu li:hover>.sub-menu,.scc-primary-menu li:focus-within>.sub-menu{opacity:1;visibility:visible;pointer-events:auto;transform:none}
.scc-primary-menu .sub-menu li{position:relative;margin:0}
.scc-primary-menu .sub-menu a{display:block;padding:12px 13px;border:1px solid transparent;color:var(--scc-ink)!important;font-family:var(--scc-sans);font-size:.8rem;font-weight:700;line-height:1.3;text-decoration:none}
.scc-primary-menu .sub-menu a:hover,.scc-primary-menu .sub-menu a:focus-visible{border-color:var(--scc-line);background:var(--scc-paper);color:var(--scc-teal-deep)!important}
.scc-menu-description{display:block;margin-top:4px;color:var(--scc-muted);font-family:var(--scc-sans);font-size:.69rem;font-weight:400;line-height:1.4;letter-spacing:0;text-transform:none;white-space:normal}

.scc-primary-menu>li.scc-mega-menu{position:static}
.scc-primary-menu>li.scc-mega-menu>.sub-menu{left:50%;width:min(940px,calc(100vw - 48px));display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:16px;transform:translate(-50%,10px)}
.scc-primary-menu>li.scc-mega-menu:hover>.sub-menu,.scc-primary-menu>li.scc-mega-menu:focus-within>.sub-menu{transform:translate(-50%,0)}
.scc-primary-menu>li.scc-mega-menu>.sub-menu>li>a{min-height:82px;display:flex;flex-direction:column;justify-content:center;padding:15px 16px;border-left:3px solid transparent}
.scc-primary-menu>li.scc-mega-menu>.sub-menu>li:nth-child(3n+1)>a{border-left-color:var(--scc-teal)}
.scc-primary-menu>li.scc-mega-menu>.sub-menu>li:nth-child(3n+2)>a{border-left-color:var(--scc-pink)}
.scc-primary-menu>li.scc-mega-menu>.sub-menu>li:nth-child(3n)>a{border-left-color:var(--scc-ink)}

.scc-navbar__actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;white-space:nowrap}
.scc-icon-link{position:relative;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:50%;color:var(--scc-ink)!important;text-decoration:none}
.scc-icon-link:hover,.scc-icon-link:focus-visible{border-color:var(--scc-line);background:var(--scc-paper);color:var(--scc-teal-deep)!important}
.scc-icon-link svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.scc-cart-count{position:absolute;top:-2px;right:-2px;min-width:17px;height:17px;padding:0 4px;border:2px solid var(--scc-white);border-radius:20px;background:var(--scc-pink);color:var(--scc-white);font-size:.61rem;font-weight:800;line-height:13px;text-align:center}
.scc-campus-button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;padding:0 17px;border:1px solid var(--scc-ink);border-radius:4px;background:var(--scc-ink);color:var(--scc-white)!important;font-family:var(--scc-sans);font-size:.77rem;font-weight:800;text-decoration:none}
.scc-campus-button:hover,.scc-campus-button:focus-visible{border-color:var(--scc-teal-deep);background:var(--scc-teal-deep);color:var(--scc-white)!important}
.scc-nav-toggle{display:none;width:44px;height:44px;padding:0!important;border:1px solid var(--scc-line)!important;border-radius:4px!important;background:var(--scc-white)!important;color:var(--scc-ink)!important;box-shadow:none!important}
.scc-nav-toggle:hover{transform:none!important;background:var(--scc-paper)!important}
.scc-nav-toggle__label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.scc-nav-toggle__icon{display:grid;gap:4px;width:20px}.scc-nav-toggle__icon i{display:block;width:20px;height:2px;background:currentColor;transition:transform var(--scc-transition),opacity var(--scc-transition)}
.scc-nav-open .scc-nav-toggle__icon i:nth-child(1){transform:translateY(6px) rotate(45deg)}
.scc-nav-open .scc-nav-toggle__icon i:nth-child(2){opacity:0}
.scc-nav-open .scc-nav-toggle__icon i:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.scc-submenu-toggle{display:none}

.admin-bar .scc-header{top:32px}
@media(max-width:782px){.admin-bar .scc-header{top:46px}}

/* Compatibilidad con estructuras del padre. */
.scc-site .hero-section,.scc-site .page-title,.scc-site .entry-header{max-width:var(--scc-shell);margin-inline:auto}
.scc-canvas-active .hero-section,.scc-canvas-active .page-title,.scc-canvas-active .entry-header{display:none!important}
.scc-site #footer.ct-footer,.scc-site footer.ct-footer,.scc-site .site-header,.scc-site .ct-header{display:none!important}

/* Pie institucional */
.scc-platform-footer{flex:0 0 auto;padding:70px 0 0;background:var(--scc-ink);color:rgba(255,255,255,.72)}
.scc-platform-footer__grid{display:grid;grid-template-columns:minmax(250px,1.35fr) repeat(3,minmax(150px,.72fr));gap:clamp(32px,5vw,68px);align-items:start}
.scc-platform-footer__brand{display:grid;justify-items:start;gap:15px;max-width:390px;min-width:0}
.scc-platform-footer__logo{display:block;width:auto!important;max-width:245px!important;height:auto!important;max-height:52px!important;object-fit:contain;object-position:left center}
.scc-platform-footer__brand p{margin:0;color:rgba(255,255,255,.68);font-size:.83rem;line-height:1.7}
.scc-platform-footer__meta{display:block;color:rgba(255,255,255,.62)!important;font-size:.75rem;text-decoration:none;overflow-wrap:anywhere}
.scc-platform-footer__meta:hover{color:var(--scc-teal)!important}
.scc-platform-footer__column{min-width:0}
.scc-platform-footer__column h2{margin:3px 0 20px;color:var(--scc-white)!important;font-family:var(--scc-sans);font-size:.82rem!important;font-weight:800;line-height:1.2!important;letter-spacing:.11em;text-transform:uppercase;word-break:normal;overflow-wrap:normal;hyphens:none}
.scc-platform-footer__column ul{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.scc-platform-footer__column a{color:rgba(255,255,255,.69)!important;font-size:.78rem;line-height:1.45;text-decoration:none;word-break:normal;overflow-wrap:normal}
.scc-platform-footer__column a:hover{color:var(--scc-teal)!important}
.scc-platform-footer__bottom{display:flex;align-items:flex-start;justify-content:space-between;gap:30px;margin-top:58px;padding:22px 0;border-top:1px solid rgba(255,255,255,.12)}
.scc-platform-footer__bottom nav{display:flex;flex-wrap:wrap;gap:9px 19px}
.scc-platform-footer__bottom a,.scc-platform-footer__bottom p{margin:0;color:rgba(255,255,255,.5)!important;font-size:.68rem;line-height:1.5;text-decoration:none}
.scc-platform-footer__bottom p{max-width:620px;text-align:right}
.scc-platform-footer__bottom a:hover{color:var(--scc-white)!important}

@media(max-width:1180px){
  .scc-navbar__inner{grid-template-columns:minmax(180px,210px) minmax(0,1fr) auto;gap:14px}
  .scc-navbar__brand .custom-logo-link,.scc-navbar__logo-link{max-width:200px}
  .scc-navbar__brand .custom-logo,.scc-navbar__logo{max-width:200px!important;max-height:42px!important}
  .scc-primary-menu>li>a{padding-inline:9px;font-size:.79rem}
  .scc-navbar__actions .scc-icon-link--search{display:none}
  .scc-campus-button{padding-inline:13px}
}

@media(max-width:1024px){
  body.scc-nav-open{overflow:hidden}
  .scc-utility__inner{min-height:34px}
  .scc-utility__claim{font-size:.66rem}
  .scc-utility__phone,.scc-utility__email{display:none}
  .scc-navbar__inner{position:relative;min-height:68px;grid-template-columns:minmax(0,1fr) auto;gap:12px}
  .scc-navbar__brand .custom-logo-link,.scc-navbar__logo-link{max-width:190px}
  .scc-navbar__brand .custom-logo,.scc-navbar__logo{max-width:190px!important;max-height:40px!important}
  .scc-nav-toggle{display:inline-flex!important;align-items:center;justify-content:center}
  .scc-navbar__actions{display:none}
  .scc-primary-nav{position:absolute;top:100%;left:50%;right:auto;width:100vw;display:block;max-height:calc(100vh - 104px);overflow:auto;padding:12px 20px 24px;border-top:1px solid var(--scc-line);border-bottom:1px solid var(--scc-line);background:var(--scc-white);box-shadow:0 28px 60px rgba(30,35,30,.16);opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,-8px);transition:opacity var(--scc-transition),transform var(--scc-transition),visibility var(--scc-transition)}
  .scc-nav-open .scc-primary-nav{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}
  .scc-primary-menu{display:block}
  .scc-primary-menu>li{display:block;border-bottom:1px solid var(--scc-line)}
  .scc-primary-menu>li>a{min-height:52px;padding:14px 48px 14px 4px;font-size:.91rem;white-space:normal}
  .scc-primary-menu>li>a::before,.scc-primary-menu>.menu-item-has-children>a::after{display:none}
  .scc-primary-menu .sub-menu,.scc-primary-menu>li.scc-mega-menu>.sub-menu{position:static;width:auto;display:none;margin:0 0 12px;padding:3px 0 9px 14px;border:0;border-left:2px solid var(--scc-teal);box-shadow:none;opacity:1;visibility:visible;pointer-events:auto;transform:none!important}
  .scc-primary-menu li.scc-submenu-open>.sub-menu{display:block}
  .scc-primary-menu>li.scc-mega-menu>.sub-menu{grid-template-columns:1fr}
  .scc-primary-menu>li.scc-mega-menu>.sub-menu>li>a{min-height:0;display:block;padding:11px 12px;border-left:0}
  .scc-primary-menu .sub-menu a{padding:10px 12px;font-size:.79rem}
  .scc-menu-description{font-size:.68rem}
  .scc-submenu-toggle{position:absolute;top:6px;right:0;width:40px;height:40px;display:inline-flex!important;align-items:center;justify-content:center;padding:0!important;border:0!important;background:transparent!important;color:var(--scc-ink)!important;box-shadow:none!important}
  .scc-submenu-toggle::before{content:"";width:8px;height:8px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform var(--scc-transition)}
  .scc-submenu-open>.scc-submenu-toggle::before{transform:translateY(2px) rotate(225deg)}
  .scc-submenu-toggle:hover{transform:none!important;background:var(--scc-paper)!important}
  .scc-primary-menu li{position:relative}
  .scc-platform-footer__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .scc-platform-footer__brand{max-width:none}
}

@media(max-width:680px){
  .scc-utility__claim{display:none}
  .scc-utility__inner{justify-content:center}
  .scc-utility__links{width:100%;justify-content:center;gap:16px}
  .scc-navbar__brand .custom-logo-link,.scc-navbar__logo-link{max-width:170px}
  .scc-navbar__brand .custom-logo,.scc-navbar__logo{max-width:170px!important;max-height:36px!important}
  .scc-platform-footer{padding-top:54px}
  .scc-platform-footer__grid{grid-template-columns:1fr;gap:32px}
  .scc-platform-footer__logo{max-width:220px!important}
  .scc-platform-footer__bottom{flex-direction:column;margin-top:42px}
  .scc-platform-footer__bottom p{text-align:left}
}