/* Colnitia F — reglas que usan de verdad la home (index.njk) y las landings de paid media
   (landings/): el azul profundo (.deep) y el marco de la agenda (.sch, .sch-body, c-agenda). Lo
   que solo usa la home (nav, hero, campo, logos, panel .sch-info, botones, CTA) vive en home.css.
   La home carga este archivo después de home.css; las landings, desde _includes/lp.njk, después
   de f.css. */

/* azul profundo */
.deep{position:relative;overflow:hidden;color:#FFFFFF;background:radial-gradient(1100px 680px at 72% 42%,rgba(90,170,255,.55),transparent 62%),radial-gradient(700px 500px at 10% 100%,rgba(255,122,47,.18),transparent 70%),linear-gradient(180deg,#040E2E 0%,#0A2D8F 52%,#2A6EF5 100%)}
.deep::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.22) 1px,transparent 1px);background-size:26px 26px;-webkit-mask-image:radial-gradient(ellipse at 70% 45%,#000 0%,transparent 60%);mask-image:radial-gradient(ellipse at 70% 45%,#000 0%,transparent 60%);pointer-events:none}
.deep::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent)}

/* marco de la agenda (.sch) y c-agenda */
.sch{color:var(--ink)}
.sch{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);margin-top:44px;border-radius:28px;background:#FFFFFF;box-shadow:inset 0 0 0 1px rgba(10,20,48,.09),0 50px 100px -50px rgba(10,20,48,.2),0 0 120px -60px rgba(255,122,47,.45);overflow:hidden}
@media (max-width:1000px){.sch{grid-template-columns:1fr}}
.sch-body{display:flex;flex-direction:column;min-width:0}
c-agenda{display:block;position:relative;min-height:790px;background:#FFFFFF;overflow:hidden}
c-agenda .ag-load{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:28px;text-align:center;color:#4A5568;font-size:15px}
c-agenda .ag-load i{width:14px;height:14px;border-radius:21%;background:var(--orange);box-shadow:0 0 0 8px rgba(255,122,47,.18),0 0 24px rgba(255,122,47,.6);animation:agp 1.2s ease-in-out infinite}
@keyframes agp{50%{transform:scale(.7);opacity:.6}}
c-agenda .ag-load a{color:#C2501A;font-weight:600}
c-agenda iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
@media (max-width:760px){c-agenda{min-height:1080px}}
c-agenda[hidden]{display:none}