/* Continuidad Operativa — NOC Globalvoip logo (docs/render-noc-marca.cjs). The official SVG is used as-is (an <img>),
   never recreated; only its size is set, keeping its proportions.
   1. Capacidades: the existing NOC information panel (continuidad-capacidades.css) shows the logo as its heading.
   2. NOC + Mesa de Ayuda: compact dark glass module in place of the 24/7 capsule (same slot in .noc-header). */

/* ---- 1 · Capacidades panel ---- */
.continuity-page .service-info-brand{display:block}
.continuity-page .service-info-brand img{display:block;width:118px;max-width:100%;height:auto}
/* Desktop / tablet: NOC sits in the middle column, so its panel can be a little wider than the item (centred under it).
   The text then takes fewer lines and the panel stays inside the section (which clips its overflow). */
@media (min-width:701px){
  .continuity-page .service-info--noc{left:calc(50% - 215px);right:auto;width:430px}
}
/* Mobile: the panels expand in place (max-height 230px); the NOC one has the logo on top, so it gets a little more room. */
@media (max-width:700px){
  .continuity-page .service-capability.is-active .service-info--noc{max-height:300px}
}

/* ---- 2 · Header module ---- */
.noc-badge{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;gap:12px;width:220px;margin:0;padding:20px 22px 16px;border:1px solid rgba(255,255,255,.12);border-radius:16px;
  background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.015) 55%),rgba(6,16,38,.62);
  -webkit-backdrop-filter:blur(16px) saturate(130%);backdrop-filter:blur(16px) saturate(130%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 14px 36px rgba(0,1,14,.35)}
.noc-badge img{display:block;width:100%;height:auto}
.noc-badge-meta{margin:0;padding-top:12px;width:100%;border-top:1px solid rgba(255,255,255,.08);text-align:center;color:#a9b8cb;font-size:.76rem;line-height:1.4;white-space:nowrap}
.noc-badge-meta strong{color:#fff;font-weight:600}
/* ≤1179px the header stacks (continuidad-noc.css): the module sits after the intro, before the diagram. */
@media (max-width:1179px){
  .noc-badge{justify-self:start}
}
@media (max-width:700px){
  .noc-badge{width:190px;padding:16px 18px 13px;gap:10px;border-radius:14px}
}