/* =========================================================
   Landings de Bitsideas Academy dentro del sitio (Activa 365, Sincronia,
   Estudio 30, Vector). Lo mismo que el bloque "Sitio" de Agente 30:
   aviso de error del formulario y submenu fijo bajo el navbar.
   ========================================================= */
/* Sitio: error de envio del formulario */
.bsa-send-err{margin:0;padding:10px 14px;border-radius:var(--bsa-r-sm);background:color-mix(in srgb,var(--bsa-danger) 10%,transparent);color:var(--bsa-danger);font-size:14px}
.bsa-btn[aria-busy="true"]{opacity:.7;pointer-events:none}

/* Sitio: la landing vive dentro de bitsideas.com con su navbar y su footer.
   El submenu va debajo del banner y, al llegar a el, se queda fijo bajo el
   navbar (66 px cuando el navbar esta compacto). */
.bsa [id]{scroll-margin-top:150px}
@property --bsa-ang{syntax:"<angle>";inherits:false;initial-value:0deg}
.bsa-subnav{position:sticky;top:76px;z-index:80;margin-top:30px;pointer-events:none}
.header.is-stuck ~ .bsa .bsa-subnav{top:76px}
.bsa-subnav-in{pointer-events:auto;position:relative;display:flex;align-items:center;gap:14px;padding:8px 8px 8px 10px;
  border-radius:var(--bsa-r-pill);background:color-mix(in srgb,var(--bsa-bg-elev) 86%,transparent);
  backdrop-filter:blur(18px) saturate(170%);-webkit-backdrop-filter:blur(18px) saturate(170%);
  border:1px solid color-mix(in srgb,var(--bsa-brand-500) 22%,var(--bsa-line));box-shadow:var(--bsa-shadow-md);
  transition:box-shadow .45s,background .45s,transform .45s cubic-bezier(.2,.8,.2,1)}
.bsa-subnav-in::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1.5px;pointer-events:none;
  background:conic-gradient(from var(--bsa-ang),transparent 0 62%,#3eb4e6 76%,#7dd2f5 82%,transparent 94%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;
  opacity:0;transition:opacity .5s;animation:bsa-borde 5s linear infinite}
@keyframes bsa-borde{to{--bsa-ang:360deg}}
.bsa-subnav.is-stuck .bsa-subnav-in{transform:translateY(0) scale(1.005);background:color-mix(in srgb,var(--bsa-bg-elev) 78%,transparent);
  box-shadow:0 22px 55px -12px color-mix(in srgb,var(--bsa-brand-600) 38%,transparent),0 2px 8px rgba(0,0,0,.08)}
.bsa-subnav.is-stuck .bsa-subnav-in::before{opacity:1}
.bsa .bsa-subnav-tit{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--bsa-ink);padding-right:6px;flex:none}
.bsa-subnav-ring{position:relative;width:44px;height:44px;display:grid;place-items:center;flex:none}
.bsa-subnav-ring svg{position:absolute;inset:0;transform:rotate(-90deg)}
.bsa-subnav-ring circle{fill:none;stroke-width:3}
.bsa-subnav-ring .t{stroke:color-mix(in srgb,var(--bsa-brand-500) 18%,transparent)}
.bsa-subnav-ring .p{stroke:var(--bsa-brand-500);stroke-linecap:round;stroke-dasharray:113.1;stroke-dashoffset:calc(113.1 - 113.1 * var(--p,0));transition:stroke-dashoffset .15s linear}
.bsa-subnav-ring>span{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:#fff;
  background:radial-gradient(circle at 35% 30%,#9fe0fb,#3eb4e6 50%,#0b6288);box-shadow:0 4px 14px rgba(14,122,171,.4)}
.bsa-subnav-ring>span svg{position:static;transform:none;width:18px;height:18px}
.bsa-subnav-name b{display:block;font:700 15px/1.15 var(--bsa-sans);letter-spacing:-.01em}
.bsa-subnav-name small{display:block;font:600 10.5px/1.3 var(--bsa-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--bsa-brand-600)}
.bsa-subnav-links{position:relative;display:flex;align-items:center;gap:2px;margin-left:auto;min-width:0}
.bsa .bsa-subnav-links a{position:relative;z-index:1;font:600 14.5px var(--bsa-sans);color:var(--bsa-ink-2);text-decoration:none;
  padding:10px 16px;border-radius:var(--bsa-r-pill);white-space:nowrap;transition:color .25s}
.bsa .bsa-subnav-links a:hover{color:var(--bsa-brand-600)}
.bsa .bsa-subnav-links a.is-active{color:var(--bsa-brand-600)}
.bsa-subnav-ind{position:absolute;top:50%;left:0;height:40px;width:0;transform:translate(var(--x,0),-50%);border-radius:var(--bsa-r-pill);
  background:var(--bsa-tint);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--bsa-brand-500) 30%,transparent);opacity:0;
  transition:transform .45s cubic-bezier(.2,.8,.2,1),width .45s cubic-bezier(.2,.8,.2,1),opacity .3s}
.bsa-subnav-ind.is-on{opacity:1}
.bsa-subnav-cta{flex:none;padding:12px 20px!important;font-size:14.4px!important}
@media (max-width:1180px){.bsa .bsa-subnav-links a{padding:10px 11px;font-size:13.8px}}
@media (max-width:1020px){.bsa-subnav-name small{display:none}}
@media (max-width:920px){
  .bsa-subnav-in{gap:8px}
  .bsa-subnav-name{display:none}
  .bsa-subnav-links{overflow-x:auto;scrollbar-width:none;-webkit-mask:linear-gradient(90deg,#000 85%,transparent);mask:linear-gradient(90deg,#000 85%,transparent);padding-right:18px}
  .bsa-subnav-links::-webkit-scrollbar{display:none}
}
@media (max-width:720px){.bsa-subnav-cta{display:none}.bsa-subnav{margin-top:22px}.bsa-subnav-ring{width:40px;height:40px}}
@media (prefers-reduced-motion:reduce){.bsa-subnav-in::before{animation:none}.bsa-subnav-ind,.bsa-subnav-in{transition:none}}
@media (max-width:720px){.bsa-sticky{right:84px}}
/* El sitio ya pinta su barra de progreso de lectura: no se duplica */
.bsa-progress{display:none}