/* Turnow · agendia (generado desde el diseño aprobado) */
/* Layout: móvil primero, una columna; bandas a todo el ancho claro/oscuro. Sol abre, voltea entre AgendIA y Academia, y cierra. */
:root{
  --ink:#0A0C1A; --ink-2:#2B2F3D; --muted:#4B5060; --paper:#F7F7F6; --white:#FFFFFF; --card:#EAEAE8;
  --night:#03040E; --blue:#2537A6; --blue-2:#4B65C2; --sky:#86A2C9;
  --sun:#F3E092; --cream:#F4EADB; --soft:#B8BCCB; --soft-2:#D5D8E2;
  --line:rgb(10 12 26 / .1); --line-d:rgb(244 234 219 / .14);
  --note:#6A5F2E; --note-bg:#FFF8DC;
  --display:'Inter Tight','Helvetica Neue',Helvetica,Arial,sans-serif;
  --body:'Inter','Helvetica Neue',Helvetica,Arial,sans-serif;
  --ease:cubic-bezier(.16,1,.3,1);
  --nav-h:60px;
  --grain:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .5 0 0 0 0 .5 0 0 0 0 .5 0 0 0 .9 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
  --sol-stops:#000000 0%, #03040E 28%, #0E1756 39%, #2537A6 46%, #4B65C2 52%, #86A2C9 58%, #C7C1BF 63.5%, #F3E092 68.5%, #F4EADB 74%, #F9EFEA 80%;
  color-scheme:light;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--paper);color:var(--ink);font-family:var(--body);font-size:1rem;line-height:1.5;letter-spacing:-.011em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:var(--paper)}
a{color:inherit}
img{display:block}
h1,h2,h3{font-family:var(--display);margin:0;text-wrap:balance;font-weight:600;letter-spacing:-.035em}
p{margin:0}
.wrap{width:100%;max-width:1200px;margin-inline:auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
.band{padding-block:104px}
.eyebrow{font-family:var(--body);font-size:clamp(1.0625rem,1.8vw,1.1875rem);font-weight:700;letter-spacing:-.02em;text-transform:none;color:var(--eyebrow,#2537A6)}
.h2{font-size:clamp(2.25rem,8vw,4rem);line-height:1;letter-spacing:-.045em}
.lede{font-size:clamp(1.0625rem,2.2vw,1.25rem);line-height:1.45;letter-spacing:-.016em;color:var(--muted);max-width:56ch}
.stack{display:flex;flex-direction:column;gap:18px}
.row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.grainy{position:relative;isolation:isolate}
.grainy::after{content:"";position:absolute;inset:0;background-image:var(--grain);background-size:240px 240px;mix-blend-mode:overlay;opacity:.38;pointer-events:none;z-index:0}
.grainy > *{position:relative;z-index:1}

/* Botones: barrido Sol de izquierda a derecha */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 24px;border-radius:999px;font-family:var(--body);font-weight:500;font-size:1rem;letter-spacing:-.011em;text-decoration:none;border:1px solid transparent;cursor:pointer;
  background-size:380% 100%;background-repeat:no-repeat;background-position:0% 50%;transition:background-position .8s var(--ease),color .45s ease .18s,border-color .4s}
.btn:focus-visible,.navlink:focus-visible,summary:focus-visible,.dot:focus-visible,.svc:focus-visible,.signal:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.btn-primary{color:var(--white);background-image:linear-gradient(90deg,#2537A6 0%,#2537A6 26%,#4B65C2 38%,#86A2C9 50%,#C7C1BF 58%,#F3E092 70%,#F4EADB 84%,#F4EADB 100%)}
.btn-primary:hover,.btn-primary:active{background-position:100% 50%;color:var(--night)}
.btn-cream{color:var(--night);background-image:linear-gradient(90deg,#F4EADB 0%,#F4EADB 26%,#F3E092 40%,#C7C1BF 50%,#86A2C9 60%,#4B65C2 72%,#2537A6 84%,#2537A6 100%)}
.btn-cream:hover,.btn-cream:active{background-position:100% 50%;color:var(--white)}
.btn-ghost{color:var(--ink);border-color:rgb(10 12 26 / .14);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  background-image:linear-gradient(90deg,rgb(247 247 246 / .72) 0%,rgb(247 247 246 / .72) 24%,#F4EADB 36%,#F3E092 46%,#86A2C9 58%,#2537A6 70%,#0E1756 80%,#03040E 88%,#03040E 100%)}
.btn-ghost:hover,.btn-ghost:active{background-position:100% 50%;color:var(--white);border-color:#03040E}

/* Entradas: palabras que suben, bloques que llegan con desenfoque */
.js .reveal{opacity:0;transform:translateY(28px);filter:blur(8px);transition:opacity 1s var(--ease),transform 1.1s var(--ease),filter 1s var(--ease)}
.js .reveal.in{opacity:1;transform:none;filter:none}
.js .reveal-img{clip-path:inset(6% 6% 6% 6% round 28px);transform:scale(1.06);opacity:.4;transition:clip-path 1.3s var(--ease),transform 1.5s var(--ease),opacity 1s var(--ease)}
.js .reveal-img.in{clip-path:inset(0 0 0 0 round 24px);transform:none;opacity:1}
.w{display:inline-block;overflow:hidden;vertical-align:top;padding:.16em .04em .14em;margin:-.16em -.04em -.14em}
.wi{display:inline-block;transform:none;transition:transform 1s var(--ease)}
.js .split:not(.in) .wi{transform:translateY(108%)}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js .reveal,.js .reveal-img,.js .split .wi{opacity:1!important;transform:none!important;filter:none!important;clip-path:none!important}*{transition-duration:.01ms!important;animation:none!important}}

/* Notas de estrategia */
.note{font-size:0.75rem;line-height:1.5;color:var(--note);background:var(--note-bg);border:1px dashed #D9C77A;border-radius:10px;padding:10px 12px;max-width:62ch}
.note b{font-weight:600;color:var(--ink)}
.dark .note{background:rgb(243 224 146 / .1);color:var(--sun);border-color:rgb(243 224 146 / .35)}
.dark .note b{color:var(--cream)}
body:not(.show-notes) .note{display:none}
.todo{background:var(--sun);color:var(--ink);font-size:.78em;font-weight:500;padding:1px 6px;border-radius:4px;white-space:nowrap;letter-spacing:0}
.notes-toggle{position:fixed;right:max(16px,env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:70;font:500 0.75rem var(--body);padding:10px 14px;border-radius:999px;border:1px solid var(--line);background:var(--white);color:var(--ink);box-shadow:0 8px 24px -10px rgb(3 4 14 / .35);cursor:pointer}

/* Header adaptable */
.nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;color:var(--ink);background:rgb(247 247 246 / .72);-webkit-backdrop-filter:saturate(1.4) blur(16px);backdrop-filter:saturate(1.4) blur(16px);border-bottom:1px solid var(--line);transition:background-color .4s ease,color .4s ease,border-color .4s ease}
.nav.on-dark{color:var(--cream);background:rgb(3 4 14 / .62);border-bottom-color:var(--line-d)}
.nav .wrap{height:var(--nav-h);display:flex;align-items:center;justify-content:space-between;gap:16px}
.logo{display:block;height:19px;width:auto;aspect-ratio:458/79;color:currentColor}
.navlinks{display:none;gap:28px;font-size:0.875rem;font-weight:500}
.navlink{text-decoration:none;opacity:.72;transition:opacity .2s}
.navlink:hover{opacity:1}
.nav .btn{min-height:40px;padding:0 18px;font-size:0.875rem}
.nav.on-dark .btn-primary{color:var(--night);background-image:linear-gradient(90deg,#F4EADB 0%,#F4EADB 26%,#F3E092 40%,#C7C1BF 50%,#86A2C9 60%,#4B65C2 72%,#2537A6 84%,#2537A6 100%)}
.nav.on-dark .btn-primary:hover{color:var(--white)}
@media (min-width:880px){.navlinks{display:flex}}

/* Sol */
.sol{background:linear-gradient(to top, rgb(0 0 0 / .85) 0%, rgb(0 0 0 / 0) 24%), radial-gradient(ellipse 115% 105% at 47% 118% in oklab, var(--sol-stops), #F7F7F6 90%)}
@media (max-width:700px){.sol{background:linear-gradient(to top, rgb(0 0 0 / .85) 0%, rgb(0 0 0 / 0) 20%), radial-gradient(ellipse 210% 92% at 50% 112% in oklab, var(--sol-stops), #F7F7F6 90%)}}
.sol-flip{height:clamp(440px,62vw,760px);background:linear-gradient(to bottom, #03040E 0%, rgb(3 4 14 / .88) 14%, rgb(3 4 14 / 0) 42%), radial-gradient(ellipse 135% 112% at 50% -16% in oklab, var(--sol-stops), #FFFFFF 94%)}
@media (max-width:700px){.sol-flip{height:520px;background:linear-gradient(to bottom, #03040E 0%, rgb(3 4 14 / .88) 14%, rgb(3 4 14 / 0) 40%), radial-gradient(ellipse 240% 105% at 50% -10% in oklab, var(--sol-stops), #FFFFFF 94%)}}

/* Hero */
.hero{padding-block:64px 0;overflow:hidden}
.hero h1{font-size:clamp(3.375rem,14.6vw,8.5rem);line-height:.92;letter-spacing:-.055em}
.hero h1 .ln{display:block}
.devices{position:relative;margin:56px auto 0;height:clamp(400px,62vw,600px);max-width:980px}
.laptop{position:absolute;right:-4%;top:6%;width:min(78%,720px);aspect-ratio:16/10.4;border-radius:16px;background:var(--white);border:1px solid rgb(10 12 26 / .12);box-shadow:0 50px 90px -40px rgb(0 0 0 / .75),0 0 0 6px rgb(255 255 255 / .35);overflow:hidden;transform:perspective(1600px) rotateY(-16deg) rotateZ(3deg);transform-origin:left center;display:flex;flex-direction:column}
.win-bar{height:30px;flex:none;display:flex;align-items:center;gap:6px;padding:0 12px;border-bottom:1px solid var(--line);background:#FAFAF9}
.win-bar i{width:9px;height:9px;border-radius:50%;background:#DADAD6}
.win-bar span{margin-left:10px;font-size:0.6562rem;color:var(--muted);background:var(--white);border:1px solid var(--line);border-radius:6px;padding:2px 10px}
.win-body{flex:1;display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:12px;padding:12px;min-height:0}
.vid{position:relative;border-radius:10px;overflow:hidden;background:radial-gradient(ellipse 130% 95% at 50% 125% in oklab, var(--sol-stops), #F7F7F6 90%)}
.vid .play{display:block;position:absolute;inset:0;margin:auto;width:42px;height:42px;border-radius:50%;background:rgb(255 255 255 / .9)}
.vid .play::after{content:"";position:absolute;left:17px;top:13px;border-left:12px solid var(--night);border-top:8px solid transparent;border-bottom:8px solid transparent}
.vid .pb{display:block;position:absolute;left:10px;right:10px;bottom:10px;height:4px;border-radius:2px;background:rgb(255 255 255 / .25)}
.vid .pb b{display:block;width:62%;height:100%;border-radius:2px;background:var(--sun)}
.vid small{position:absolute;left:12px;top:10px;font-size:0.6562rem;color:var(--ink);font-weight:600}
.side{display:flex;flex-direction:column;gap:6px;font-size:0.6875rem;min-width:0}
.side b{font-size:0.7188rem;margin-bottom:2px}
.side .l{display:flex;align-items:center;gap:7px;padding:6px 7px;border-radius:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.side .l.on{background:rgb(37 55 166 / .08);color:var(--blue);font-weight:500}
.side .l i{width:11px;height:11px;border-radius:50%;flex:none;border:1.5px solid var(--line)}
.side .l i.d{background:var(--blue);border-color:var(--blue)}
.side .prog{margin-top:auto;font-size:0.6562rem;color:var(--muted)}
.side .prog span{display:block;height:5px;border-radius:3px;background:var(--paper);margin-top:5px;overflow:hidden}
.side .prog span b{display:block;width:68%;height:100%;background:var(--blue)}
.phone{position:absolute;left:2%;top:0;width:min(42%,270px);aspect-ratio:9/18.6;border-radius:42px;background:#0B0D18;padding:9px;box-shadow:0 50px 90px -30px rgb(0 0 0 / .85),inset 0 0 0 1.5px rgb(255 255 255 / .14);transform:perspective(1400px) rotateY(16deg) rotateZ(-5deg);transform-origin:right center;z-index:2}
.phone-screen{height:100%;border-radius:34px;background:#F7F7F6;overflow:hidden;display:flex;flex-direction:column}
.ph-top{padding:30px 14px 10px;display:flex;align-items:center;gap:9px;border-bottom:1px solid var(--line);background:var(--white)}
.av{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#86A2C9,#2537A6);flex:none}
.ph-name{font-size:0.75rem;font-weight:600;line-height:1.2}
.ph-name small{display:block;font-size:0.6562rem;font-weight:400;color:var(--muted)}
.ph-chat{flex:1;padding:12px 10px;display:flex;flex-direction:column;gap:7px;font-size:0.7188rem;line-height:1.35}
.b{max-width:86%;padding:7px 10px;border-radius:13px}
.b.in{align-self:flex-start;background:var(--white);border:1px solid var(--line);border-bottom-left-radius:4px}
.b.out{align-self:flex-end;background:var(--blue);color:var(--white);border-bottom-right-radius:4px}
.b.time{align-self:center;font-size:0.625rem;color:var(--muted);padding:2px}
.float{position:absolute;z-index:3;display:flex;align-items:center;gap:10px;padding:11px 13px;border-radius:16px;background:rgb(255 255 255 / .86);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgb(255 255 255 / .9);box-shadow:0 20px 40px -18px rgb(3 4 14 / .55);font-size:0.7812rem;font-weight:500;line-height:1.25;color:var(--ink)}
.float small{display:block;color:var(--muted);font-size:0.6875rem;font-weight:400}
.float i{width:26px;height:26px;border-radius:8px;flex:none;display:grid;place-items:center;font-style:normal;font-size:0.8125rem;font-weight:600}
.float.f1{left:24%;bottom:12%}
.float.f2{right:2%;top:0}
@media (max-width:600px){.devices{height:400px}.laptop{width:84%;right:-10%;top:16%;border-radius:10px}.phone{width:46%;left:0;border-radius:24px;padding:6px}.phone-screen{border-radius:19px}.ph-top{padding:20px 10px 8px}.ph-chat{padding:10px 8px;font-size:0.6562rem}.b{padding:6px 8px;border-radius:10px}.float.f1{left:20%;bottom:6%}.float.f2{right:0;top:2%}}
.hero-services{margin-top:-1px;padding-block:20px 32px;display:grid;grid-template-columns:1fr}
.svc{display:flex;justify-content:space-between;align-items:baseline;gap:16px;text-decoration:none;color:var(--cream);padding:16px 0;border-top:1px solid var(--line-d)}
.svc strong{font-weight:500;font-size:1.125rem}
.svc span{font-size:0.75rem;font-weight:600;letter-spacing:-.01em;color:var(--soft)}
@media (min-width:760px){.hero-services{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}}

/* Tesis */
.thesis .h2{font-size:clamp(1.875rem,5.6vw,3rem);line-height:1.05;letter-spacing:-.04em;max-width:22ch}
.thesis-body{display:grid;gap:22px;margin-top:28px}
@media (min-width:880px){.thesis-body{grid-template-columns:1fr 1fr;gap:40px}}

/* Señales: tarjetas con foto */
.signals{display:grid;grid-auto-flow:column;grid-auto-columns:82%;gap:12px;margin-top:36px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;scrollbar-width:none}
.signals::-webkit-scrollbar{display:none}
.signal{position:relative;aspect-ratio:4/5;border-radius:24px;overflow:hidden;scroll-snap-align:start;text-decoration:none;color:var(--white);display:flex;flex-direction:column;justify-content:flex-end;padding:24px;background:var(--night)}
.signal img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.signal::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(to bottom, rgb(3 4 14 / 0) 30%, rgb(3 4 14 / .72) 58%, rgb(3 4 14 / .96) 82%, #03040E 100%)}
.signal > div{position:relative;z-index:2;display:flex;flex-direction:column;gap:10px}
.signal h3{font-size:1.5rem;line-height:1.1;letter-spacing:-.035em}
.signal p{color:var(--soft-2);font-size:0.9375rem}
.signal .to{font-size:0.75rem;font-weight:700;letter-spacing:-.01em;color:var(--sun);margin-top:4px}
.signal:hover img{transform:scale(1.04)}
@media (min-width:880px){.signals{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-columns:auto;gap:20px;overflow:visible}}

/* AgendIA */
.dark{background:var(--night);color:var(--cream)}
.dark .eyebrow{color:var(--eyebrow-d,#F3E092)}
.dark .lede{color:var(--soft)}
.flow{position:relative;height:calc(4 * 70svh + 100svh);margin-top:24px}
.flow-inner{position:sticky;top:calc(var(--nav-h) + env(safe-area-inset-top,0px));height:calc(100svh - var(--nav-h) - env(safe-area-inset-top,0px));display:flex;flex-direction:column;justify-content:center;gap:20px;padding-block:16px}
.screen{position:relative;width:100%;max-width:420px;height:min(46svh,360px);margin-inline:auto;border-radius:28px;background:linear-gradient(180deg,#0E1756 0%,#070A22 100%);border:1px solid var(--line-d);overflow:hidden}
.panel{position:absolute;inset:0;padding:22px;display:flex;flex-direction:column;gap:10px;opacity:0;transform:translateY(10px) scale(.985);transition:opacity .5s var(--ease),transform .6s var(--ease)}
.panel.is-active{opacity:1;transform:none}
.panel .top{display:flex;justify-content:space-between;font-size:0.6875rem;font-weight:600;letter-spacing:-.01em;color:var(--soft)}
.bub{max-width:84%;padding:10px 14px;font-size:0.875rem;line-height:1.35;border-radius:16px}
.bub.in{align-self:flex-start;background:rgb(244 234 219 / .1);border-bottom-left-radius:4px}
.bub.out{align-self:flex-end;background:var(--cream);color:var(--night);border-bottom-right-radius:4px}
.tag{display:inline-flex;align-items:center;gap:6px;font-size:0.75rem;font-weight:500;padding:4px 10px;border-radius:999px;background:rgb(134 162 201 / .18);color:#CFE0F1}
.tag.sun{background:var(--sun);color:var(--night)}
.slot{display:flex;justify-content:space-between;padding:10px 12px;border-radius:12px;border:1px solid var(--line-d);font-size:0.875rem}
.slot.on{background:var(--cream);color:var(--night);border-color:var(--cream);font-weight:500}
.kan{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;flex:1}
.kan div{border-radius:12px;background:rgb(244 234 219 / .06);padding:10px;display:flex;flex-direction:column;gap:6px;font-size:0.6875rem;color:var(--soft);min-width:0}
.kan i{font-style:normal;display:block;padding:6px 8px;border-radius:8px;background:rgb(244 234 219 / .1);color:var(--cream);font-size:0.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.steps{position:relative;min-height:230px;max-width:520px;margin-inline:auto;width:100%}
.step{position:absolute;inset:0;display:flex;flex-direction:column;gap:10px;opacity:0;transform:translateY(14px);transition:opacity .5s var(--ease),transform .6s var(--ease);pointer-events:none}
.step.is-active{opacity:1;transform:none;pointer-events:auto}
.step .k{font-size:clamp(1.0625rem,1.8vw,1.1875rem);font-weight:700;letter-spacing:-.02em;color:var(--sun)}
.step h3{font-size:clamp(1.625rem,6.4vw,2.625rem);line-height:1.05;letter-spacing:-.04em}
.step p{color:var(--soft);font-size:1rem;max-width:44ch}
.dots{display:flex;gap:8px;justify-content:center;margin-top:14px}
.dot{width:28px;height:4px;border-radius:2px;border:0;padding:0;background:var(--line-d);cursor:pointer;transition:background .3s}
.dot.on{background:var(--sun)}
@media (min-width:1024px){
  .flow{height:auto;margin-top:40px}
  .flow-inner{position:static;height:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:72px;padding:0}
  .flow-visual{grid-column:2;grid-row:1;position:sticky;top:calc(50vh - 220px);align-self:start;margin-block:22vh}
  .screen{height:440px}
  .steps{grid-column:1;grid-row:1;min-height:0;max-width:none}
  .step{position:static;min-height:66vh;justify-content:center;opacity:.28;transform:none;pointer-events:auto;transition:opacity .6s var(--ease)}
  .step.is-active{opacity:1}
}
.photo{width:100%;max-width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:24px}
.photo-cap{display:grid;gap:20px;margin-top:64px}
.photo-cap p{color:var(--soft);font-size:clamp(1.25rem,3vw,1.75rem);line-height:1.25;font-family:var(--display);letter-spacing:-.025em;max-width:30ch}
.photo-cap p strong{color:var(--cream);font-weight:600}
@media (min-width:880px){.photo-cap{grid-template-columns:1.4fr 1fr;align-items:end;gap:48px}}
.guarantee{margin-top:56px;border:1px solid var(--line-d);border-radius:22px;padding:28px;display:grid;gap:18px}
@media (min-width:880px){.guarantee{grid-template-columns:1fr auto;align-items:center}}

/* Tarjeta CTA (estilo garantía) */
.promise{background:radial-gradient(ellipse 160% 200% at 50% -30% in oklab,var(--sol-stops),#FFFFFF 94%);border-radius:32px;padding:clamp(28px,5vw,56px);display:grid;gap:22px;color:var(--cream);overflow:hidden;margin-top:56px}
.promise h2,.promise h3{font-family:var(--display);font-weight:600;font-size:clamp(2.5rem,8.6vw,5.5rem);line-height:.94;letter-spacing:-.055em;color:var(--white);max-width:16ch}
.promise p{color:var(--soft-2);max-width:52ch;font-size:1.0625rem}
.promise .eyebrow{color:var(--soft-2)}
/* Academia: bento con mismo esquema por tarjeta */
.academia{background:var(--white);padding-top:16px}
.bento{display:grid;grid-template-columns:1fr;gap:14px;margin-top:48px}
.card{background:var(--card);border-radius:28px;padding:28px;display:flex;flex-direction:column;gap:24px;overflow:hidden;min-width:0}
.card h3{font-size:1.375rem;letter-spacing:-.03em}
.card p{color:var(--muted);font-size:0.9375rem;margin-top:6px;max-width:44ch}
.ill{margin-top:auto;min-height:170px;position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:8px}
.card.human{padding-bottom:0}
.human .ill{min-height:300px;justify-content:flex-end}
.human img{width:100%;max-width:560px;margin-inline:auto;aspect-ratio:3/2;object-fit:cover;-webkit-mask-image:radial-gradient(ellipse 70% 95% at 55% 62%,#000 55%,transparent 98%);mask-image:radial-gradient(ellipse 70% 95% at 55% 62%,#000 55%,transparent 98%)}
.chipcard{position:absolute;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:var(--white);box-shadow:0 14px 30px -16px rgb(3 4 14 / .35);font-size:0.7812rem;font-weight:500;line-height:1.25;white-space:nowrap}
.chipcard small{display:block;color:var(--muted);font-weight:400;font-size:0.6875rem}
.chipcard i{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;font-style:normal;font-size:0.75rem;font-weight:700;flex:none}
.human .c1{left:0;top:18%}
.human .c2{right:0;top:8%}
.human .c3{right:2%;bottom:14%}
@media (min-width:700px){.bento{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.span2{grid-column:span 2}}
@media (min-width:1024px){.bento{grid-template-columns:repeat(3,minmax(0,1fr))}.span2-lg{grid-column:span 2}}
.lsn{display:flex;align-items:center;gap:10px;font-size:0.8438rem;padding:10px 12px;border-radius:12px;background:var(--white)}
.ck{width:18px;height:18px;border-radius:50%;flex:none;border:1.5px solid var(--line)}
.ck.done{background:var(--blue);border-color:var(--blue);box-shadow:inset 0 0 0 4px var(--white)}
.lsn em{margin-left:auto;font-style:normal;color:var(--muted);font-size:0.75rem}
.q{font-size:0.875rem;font-weight:600;margin-bottom:2px}
.opt{display:flex;align-items:center;gap:10px;font-size:0.8438rem;padding:10px 12px;border-radius:12px;background:var(--white);border:1px solid transparent}
.opt.sel{border-color:var(--blue);color:var(--blue);font-weight:500}
.cert{position:relative;align-self:center;width:min(100%,280px);border:1px solid #E4D8B0;border-radius:6px;padding:16px 18px;background:linear-gradient(180deg,#FFFDF5,#F9EFEA);box-shadow:0 18px 34px -18px rgb(106 95 46 / .5);transform:rotate(-3deg)}
.cert small{display:block;font-size:0.625rem;font-weight:700;letter-spacing:-.01em;color:var(--note)}
.cert b{display:block;font-family:var(--display);font-size:1.25rem;letter-spacing:-.025em;margin:6px 0 2px}
.cert span{font-size:0.7188rem;color:var(--muted)}
.cert .seal{position:absolute;right:16px;bottom:14px;width:30px;height:30px;border-radius:50%;background:radial-gradient(circle,#F3E092 0 45%,#E2C65B 46% 100%)}
.seg{display:inline-flex;align-self:flex-start;padding:4px;border-radius:999px;background:var(--white);font-size:0.8125rem}
.seg span{padding:7px 14px;border-radius:999px;color:var(--muted)}
.seg span.on{background:var(--blue);color:var(--white);font-weight:500}
.pay{display:flex;flex-wrap:wrap;gap:8px}
.pay span{font-size:0.8125rem;font-weight:500;padding:9px 12px;border-radius:10px;background:var(--white)}
.paid{display:flex;align-items:center;gap:8px;font-size:0.8125rem;color:var(--muted)}
.paid b{width:8px;height:8px;border-radius:50%;background:#3BA55C}
.stu{display:grid;grid-template-columns:28px minmax(0,1fr) minmax(70px,40%) 36px;align-items:center;gap:10px;font-size:0.8125rem;padding:8px 12px;border-radius:12px;background:var(--white)}
.stu i{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:0.6562rem;font-weight:600;color:var(--white)}
.stu em{font-style:normal;color:var(--muted);font-size:0.75rem;text-align:right}
.bar{height:6px;border-radius:999px;background:var(--paper);overflow:hidden}
.bar b{display:block;height:100%;background:var(--blue);border-radius:999px}
.bridge{margin-top:16px;border-radius:28px;padding:32px;background:var(--night);color:var(--cream);display:grid;gap:14px}
.bridge p{color:var(--soft)}
.bridge h3{font-size:clamp(1.5rem,3.6vw,2.125rem);line-height:1.1;letter-spacing:-.035em;max-width:24ch}

/* Marca */
.brand-grid{display:grid;gap:40px}
.brand-photo{position:relative}
.brand-photo .chipcard{left:16px;bottom:16px}
.sw{display:flex;gap:4px}
.sw b{width:14px;height:14px;border-radius:4px}
.deliv{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.deliv li{display:flex;justify-content:space-between;gap:16px;padding:18px 0;border-bottom:1px solid var(--line);font-size:1.125rem;font-weight:500;letter-spacing:-.02em}
.deliv li span{font-size:0.8125rem;font-weight:400;color:var(--muted);text-align:right;letter-spacing:-.011em}
@media (min-width:880px){.brand-grid{grid-template-columns:1fr 1fr;align-items:center;gap:64px}}

/* Proyectos */
.cases{display:grid;gap:28px;margin-top:40px}
.case{display:flex;flex-direction:column;gap:12px}
.ph{aspect-ratio:4/3;max-width:100%;border-radius:20px;background:repeating-linear-gradient(135deg,#ECECEA 0 10px,#F3F3F1 10px 20px);border:1px solid var(--line);display:flex;align-items:flex-end;padding:14px;font-size:0.75rem;color:var(--muted)}
.case h3{font-size:1.4375rem}
.case p{color:var(--muted)}
.tags{display:flex;flex-wrap:wrap;gap:6px}
.chip{font-size:0.75rem;font-weight:500;padding:4px 10px;border-radius:999px;border:1px solid var(--line);color:var(--muted)}
@media (min-width:700px){.cases{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* FAQ */
.faq{margin-top:32px;border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;padding:22px 44px 22px 0;font-size:1.125rem;font-weight:500;letter-spacing:-.02em;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";position:absolute;right:8px;top:50%;width:14px;height:14px;margin-top:-7px;background:linear-gradient(currentColor,currentColor) center/14px 1.5px no-repeat,linear-gradient(currentColor,currentColor) center/1.5px 14px no-repeat;color:var(--muted);transition:transform .6s var(--ease)}
.faq details[open] summary::after{transform:rotate(135deg)}
.faq .a{overflow:hidden}
.faq .a p{padding:0 0 24px;color:var(--muted);max-width:62ch}
.faq .a .fw{display:inline-block;opacity:0;transform:translateY(10px);filter:blur(4px);transition:opacity .6s var(--ease),transform .7s var(--ease),filter .6s var(--ease)}
.faq details.shown .a .fw{opacity:1;transform:none;filter:none}
@media (min-width:1024px){.faq-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:72px}.faq{margin-top:0}}

/* Cierre */
.close{padding-block:112px 0}
.close h2{font-size:clamp(3.5rem,14vw,8.25rem);line-height:.9;letter-spacing:-.055em}
.contact{margin-top:140px;padding-block:28px 40px;display:grid;gap:18px;color:var(--cream)}
.contact .lbl{font-size:0.75rem;font-weight:700;letter-spacing:-.01em;color:var(--soft)}
.contact .val{font-size:1.375rem;font-weight:500;letter-spacing:-.02em;user-select:all}
@media (min-width:760px){.contact{grid-template-columns:repeat(3,minmax(0,1fr))}}

footer{background:#000;color:var(--soft);padding-block:40px}
footer .wrap{display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;align-items:center;font-size:0.875rem}
footer .logo{color:var(--cream);height:17px}
footer nav{display:flex;flex-wrap:wrap;gap:20px}
footer a{text-decoration:none}
footer a:hover{color:var(--cream)}


/* ===================== AgendIA · Eclipse ===================== */
:root{--ecl-core:#050608 0%, #050608 24%, #0E1756 36%, #3E6BFF 45%, #F2A26B 52%, #FFC48C 57%, #FFE2BD 64%, #FFF3E6 72%;--ecl-stops:var(--ecl-core), #F7F7F6 88%;--ecl-stops-w:var(--ecl-core), #FFFFFF 88%;--eclipse:#050608;--eclipse-2:#0B0D16;--eclipse-3:#12141C;--flare:#FF8A3D;--flare-2:#FF5A1F;--rim:#3E6BFF;--rim-2:#9DB6FF}
.navlink.active{opacity:1;font-weight:600}
.dark{background:var(--eclipse)}
.glow-l{position:relative;isolation:isolate}
.glow-l::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(38% 46% at 0% 30%,rgb(255 138 61 / .16),transparent 72%),radial-gradient(42% 52% at 100% 70%,rgb(62 107 255 / .2),transparent 72%)}
.sec-h{font-size:clamp(1.875rem,5.4vw,3.25rem);line-height:1.02;letter-spacing:-.045em}

/* Eclipse: 8 capas */
.eclipse{display:block;width:100%;height:auto;overflow:visible}
.eclipse .breath{animation:breath 7s ease-in-out infinite;transform-origin:300px 300px}
.eclipse .flare{animation:flare 9s ease-in-out infinite;transform-origin:300px 300px}
@keyframes breath{0%,100%{opacity:.34}50%{opacity:.5}}
@keyframes flare{0%,100%{transform:rotate(0deg)}50%{transform:rotate(-7deg)}}

/* Hero */
.ag-hero{padding-block:56px 72px;overflow:hidden;background:radial-gradient(45% 55% at 100% 55%,rgb(62 107 255 / .26),transparent 72%),var(--eclipse)}
.ag-hero .grid{display:grid;gap:8px;align-items:center}
.ag-hero h1{font-size:clamp(2.5rem,8.4vw,4.875rem);line-height:.98;letter-spacing:-.05em;color:var(--white)}
.ag-hero .lede{color:var(--soft)}

.orb{position:relative;width:min(560px,112%);margin:24px auto 0;aspect-ratio:1;max-width:100%}
.orb::before{content:"";position:absolute;inset:6% 4%;border-radius:40%;background:radial-gradient(45% 55% at 22% 45%,rgb(255 138 61 / .7),transparent 70%),radial-gradient(28% 32% at 24% 38%,rgb(255 217 160 / .55),transparent 70%),radial-gradient(48% 60% at 78% 55%,rgb(62 107 255 / .6),transparent 70%);filter:blur(30px)}
.orb .phone{position:absolute;left:50%;top:50%;width:min(46%,250px);transform:translate(-50%,-48%) rotate(-4deg);box-shadow:0 60px 100px -30px rgb(0 0 0 / .9),inset 0 0 0 1.5px rgb(255 255 255 / .14),-18px 0 60px -20px rgb(255 138 61 / .35),18px 0 60px -20px rgb(62 107 255 / .45)}
.orb .float{z-index:3}
.orb .f1{left:0;top:auto;bottom:14%}
.orb .f2{right:0;top:12%}
.orb .f3{left:2%;top:18%}
.float.dk{background:rgb(11 13 22 / .78);color:var(--cream);border-color:rgb(255 255 255 / .1)}
.float.dk small{color:var(--soft)}
@media (min-width:960px){.ag-hero .grid{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:40px}.orb{margin:0}}
@media (max-width:600px){.orb .phone{width:54%;border-radius:26px;padding:6px}.orb .phone-screen{border-radius:21px}.orb .ph-top{padding:20px 10px 8px}.orb .ph-chat{padding:10px 8px;font-size:0.6562rem}.orb .b{padding:6px 8px;border-radius:10px}.orb .float{font-size:0.7188rem;padding:9px 10px}.orb .float i{width:22px;height:22px}}

.btn-ghost-dk{color:var(--cream);border-color:rgb(255 255 255 / .2);background-image:linear-gradient(90deg,rgb(255 255 255 / .06) 0%,rgb(255 255 255 / .06) 24%,#F2A26B 40%,#C7C1BF 52%,#3E6BFF 64%,#0E1756 78%,#0E1756 100%)}
.btn-ghost-dk:hover,.btn-ghost-dk:active{background-position:100% 50%;color:var(--white);border-color:#3E6BFF}
.phone-screen{color:var(--ink)}
.eyebrow{background-image:linear-gradient(90deg,#D9622B,#2F55E8);-webkit-background-clip:text;background-clip:text;color:transparent;align-self:flex-start;width:fit-content}
.dark .eyebrow,.ag-hero .eyebrow{background-image:linear-gradient(90deg,#FFB37A,#8EA8FF);color:transparent}
.stack[style*="center"] .eyebrow{align-self:center}
/* Transición a claro */
.flip-light{height:clamp(300px,40vw,520px);background:linear-gradient(to bottom,var(--eclipse) 0%,rgb(5 6 8 / .9) 14%,rgb(5 6 8 / 0) 42%),radial-gradient(ellipse 135% 112% at 50% -16% in oklab,var(--sol-stops),#F7F7F6 94%)}
@media (max-width:700px){.flip-light{height:380px;background:linear-gradient(to bottom,var(--eclipse) 0%,rgb(5 6 8 / .9) 14%,rgb(5 6 8 / 0) 40%),radial-gradient(ellipse 240% 105% at 50% -10% in oklab,var(--sol-stops),#F7F7F6 94%)}}
.flip-dark{height:clamp(200px,26vw,320px);background:linear-gradient(to bottom,#F7F7F6 0%,#D9DCE6 30%,#3B4366 62%,var(--eclipse) 100%)}


/* Gradiente Eclipse: misma estructura que Sol */
.ecl-down{height:clamp(360px,40vw,520px);background:linear-gradient(to top,var(--eclipse) 0%,rgb(5 6 8 / 0) 26%),radial-gradient(ellipse 120% 105% at 50% 118% in oklab,var(--ecl-stops))}
.ecl-up{height:clamp(420px,52vw,640px);background:linear-gradient(to bottom,var(--eclipse) 0%,rgb(5 6 8 / .9) 12%,rgb(5 6 8 / 0) 40%),radial-gradient(ellipse 135% 112% at 50% -16% in oklab,var(--ecl-stops))}
@media (max-width:700px){
  .ecl-down{height:460px;background:linear-gradient(to top,var(--eclipse) 0%,rgb(5 6 8 / 0) 22%),radial-gradient(ellipse 230% 100% at 50% 114% in oklab,var(--ecl-stops))}
  .ecl-up{height:460px;background:linear-gradient(to bottom,var(--eclipse) 0%,rgb(5 6 8 / .9) 12%,rgb(5 6 8 / 0) 38%),radial-gradient(ellipse 240% 105% at 50% -10% in oklab,var(--ecl-stops))}
}
.ecl-close{background:linear-gradient(to top,var(--eclipse) 0%,rgb(5 6 8 / 0) 24%),radial-gradient(ellipse 118% 128% at 50% 120% in oklab,var(--ecl-stops))}
@media (max-width:700px){.ecl-close{background:linear-gradient(to top,var(--eclipse) 0%,rgb(5 6 8 / 0) 20%),radial-gradient(ellipse 210% 108% at 50% 114% in oklab,var(--ecl-stops))}}
.ecl-up.on-white{background:linear-gradient(to bottom,var(--eclipse) 0%,rgb(5 6 8 / .9) 12%,rgb(5 6 8 / 0) 40%),radial-gradient(ellipse 135% 112% at 50% -16% in oklab,var(--ecl-stops-w))}
.ecl-down.on-white{background:linear-gradient(to top,var(--eclipse) 0%,rgb(5 6 8 / 0) 26%),radial-gradient(ellipse 120% 105% at 50% 118% in oklab,var(--ecl-stops-w))}
@media (max-width:700px){.ecl-up.on-white{background:linear-gradient(to bottom,var(--eclipse) 0%,rgb(5 6 8 / .9) 12%,rgb(5 6 8 / 0) 38%),radial-gradient(ellipse 240% 105% at 50% -10% in oklab,var(--ecl-stops-w))}.ecl-down.on-white{background:linear-gradient(to top,var(--eclipse) 0%,rgb(5 6 8 / 0) 22%),radial-gradient(ellipse 230% 100% at 50% 114% in oklab,var(--ecl-stops-w))}}
/* Horizonte Eclipse: separa dos secciones negras */
.ecl-horizon{height:clamp(160px,18vw,240px);background:radial-gradient(ellipse 80% 160% at 50% 175%,var(--eclipse) 60%,#0E1756 64%,rgb(62 107 255 / .85) 66.5%,rgb(242 162 107 / .55) 68.5%,rgb(5 6 8 / 0) 74%),var(--eclipse);-webkit-mask-image:linear-gradient(to bottom,#000 45%,transparent 96%);mask-image:linear-gradient(to bottom,#000 45%,transparent 96%)}
.ecl-horizon + .band{padding-top:8px}

.ecl-close h2{font-size:clamp(2.5rem,8vw,5.25rem);line-height:.98;letter-spacing:-.05em;max-width:16ch}
/* Para quién */
.who-sec{padding-top:24px;background:var(--paper)}
body{background:var(--eclipse)}
body::before{background:var(--eclipse)}
@media (max-width:700px){.ag-close .orb2{width:118vw;margin-bottom:-12vw}}
.who{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;margin-top:44px;justify-items:start}
.who > .who-card{width:100%}
.slider{position:relative;display:inline-flex;gap:0;padding:4px;border-radius:999px;isolation:isolate}
.slider .ind{position:absolute;z-index:-1;top:4px;bottom:4px;left:0;width:0;border-radius:999px;background:linear-gradient(90deg,#F2A26B,#3E6BFF);transition:transform .55s var(--ease),width .55s var(--ease),background .4s}
.tabs.slider{display:flex;max-width:100%;overflow-x:auto;scrollbar-width:none;background:rgb(10 12 26 / .05);border:1px solid var(--line);align-self:flex-start;width:max-content}
.tabs::-webkit-scrollbar{display:none}
.tab{flex:none;font:500 0.9375rem var(--body);letter-spacing:-.011em;padding:11px 18px;border-radius:999px;border:0;background:none;color:var(--ink-2);cursor:pointer;transition:color .35s}
.tab[aria-selected="true"]{color:var(--white)}
.tab:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}
.who-card{position:relative;overflow:hidden;isolation:isolate;align-content:center;background:var(--eclipse);color:var(--cream);border-radius:36px;padding:clamp(24px,4vw,48px);display:grid;gap:32px}
.who-card::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(45% 70% at 0% 100%,rgb(242 162 107 / .2),transparent 70%),radial-gradient(45% 70% at 100% 0%,rgb(62 107 255 / .3),transparent 70%)}
.who-chat{display:flex;flex-direction:column;gap:14px;min-height:300px;justify-content:flex-start;padding:clamp(18px,3vw,28px);border-radius:24px;background:rgb(255 255 255 / .04);border:1px solid rgb(255 255 255 / .08)}
.who-chat .top{display:flex;justify-content:space-between;align-items:center;font-size:0.75rem;font-weight:600;color:var(--soft)}
.who-chat .b{font-size:0.9375rem;max-width:84%;padding:12px 16px;border-radius:18px}
.who-chat .b.in{background:rgb(244 234 219 / .1);border:0;color:var(--cream)}
.who-chat .b.out{background:var(--cream);color:var(--night)}
.who-chat .note-ex{margin-top:auto;font-size:0.7812rem;color:var(--soft)}
.who-info{display:flex;flex-direction:column;gap:20px;justify-content:center}
.who-info h3{font-size:clamp(1.625rem,3.4vw,2.25rem);line-height:1.06;letter-spacing:-.04em;color:var(--white)}
.who-info ul{list-style:none;margin:0;padding:0;display:grid;border-top:1px solid var(--line-d)}
.who-info li{padding:16px 0;border-bottom:1px solid var(--line-d);font-size:1rem;display:flex;gap:14px;align-items:baseline;color:var(--soft-2)}
.who-info li::before{content:"";width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#F2A26B,#3E6BFF);flex:none;transform:translateY(-2px)}
.swap{transition:opacity .35s var(--ease),transform .5s var(--ease)}
.swap.out{opacity:0;transform:translateY(10px)}
@media (min-width:880px){.who-card{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:stretch}}

/* Costo de esperar: Hoy / Con AgendIA */
.vs-toggle{margin-top:40px;padding:5px;border-radius:999px;background:rgb(255 255 255 / .06);border:1px solid rgb(255 255 255 / .1)}
.vs-btn{font:600 1.0312rem var(--body);letter-spacing:-.015em;padding:14px 24px;border-radius:999px;border:0;background:none;color:var(--soft);cursor:pointer;transition:color .3s}
.vs-btn{position:relative}
.vs-btn[aria-selected="true"]{color:var(--night)}
.vs-btn[data-s="con"][aria-selected="true"]{color:var(--white)}
.vs-toggle .ind{background:var(--cream)}
.vs-toggle.is-con .ind{background:linear-gradient(90deg,#F2A26B,#3E6BFF)}
.vs-btn:focus-visible{outline:2px solid var(--rim);outline-offset:2px}
.pains{display:grid;gap:44px;margin-top:40px}
.pain{display:flex;flex-direction:column;gap:12px}
.pain .vis{position:relative;height:250px;margin-bottom:18px}
.pain .vis::after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:2px;border-radius:2px;background:linear-gradient(90deg,#F2A26B,#3E6BFF);transform:scaleX(0);transform-origin:left;transition:transform .8s var(--ease)}
.pains[data-state="con"] .vis::after{transform:scaleX(1)}
.pain .vis::before{content:"";position:absolute;inset:10% 6%;border-radius:50%;filter:blur(40px);opacity:.5;transition:background .6s var(--ease);background:radial-gradient(circle at 30% 50%,rgb(255 77 77 / .38),transparent 65%)}
.pains[data-state="con"] .vis::before{background:radial-gradient(circle at 70% 50%,rgb(62 107 255 / .6),transparent 65%)}
.st{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:10px;transition:opacity .5s var(--ease),transform .6s var(--ease)}
.pains[data-state="hoy"] .st.con,.pains[data-state="con"] .st.hoy{opacity:0;transform:translateY(12px);pointer-events:none}
.pain h3{font-size:1.375rem;line-height:1.15;letter-spacing:-.03em;color:var(--white);max-width:22ch}
.pain p{color:var(--soft);font-size:0.9375rem;max-width:40ch}
.bb{padding:12px 16px;border-radius:18px;font-size:0.9688rem;max-width:92%}
.bb.in{background:rgb(244 234 219 / .1);color:var(--cream);border-bottom-left-radius:4px}
.bb.out{align-self:flex-end;background:var(--cream);color:var(--night);border-bottom-right-radius:4px}
.warn,.good{font-size:0.9062rem;font-weight:600;display:inline-flex;align-items:center;gap:7px;font-style:normal}
.warn{color:#FF4D4D}.good{color:var(--rim-2)}
.warn::before,.good::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.slot2 .warn::before,.slot2 .good::before{display:none}
.apps{position:relative;width:200px;height:110px;transform:scale(1.2);transform-origin:left center}
.app{position:absolute;width:56px;height:56px;border-radius:16px;display:grid;place-items:center;color:#fff;font-weight:700;font-size:0.8125rem;box-shadow:0 14px 30px -12px rgb(0 0 0 / .7)}
.app b{position:absolute;top:-7px;right:-7px;min-width:22px;height:22px;border-radius:11px;background:#FF3B30;font-size:0.6875rem;display:grid;place-items:center;padding:0 5px;border:2px solid var(--eclipse)}
.app.wa{left:6px;top:30px;background:#2FA357;transform:rotate(-8deg)}
.app.ig{left:72px;top:2px;background:linear-gradient(135deg,#F58529,#DD2A7B 55%,#8134AF);transform:rotate(4deg)}
.app.fb{left:138px;top:36px;background:#3E6BFF;transform:rotate(10deg)}
.mini-inbox{display:grid;gap:8px;width:min(100%,320px)}
.mini-inbox span{display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px 10px;align-items:center;padding:10px 14px;border-radius:14px;background:var(--cream);color:var(--night);font-size:0.875rem;font-weight:500}
.mini-inbox span small{grid-column:2;font-size:0.7188rem;font-weight:600;color:var(--muted)}
.slot2{display:flex;justify-content:space-between;gap:16px;width:min(100%,320px);padding:16px 18px;border-radius:16px;background:rgb(255 255 255 / .06);color:var(--cream);font-size:0.9688rem}
.slot2 span{text-decoration:line-through;text-decoration-color:rgb(255 77 77 / .8)}
.slot2.ok{background:var(--cream);color:var(--night)}
.slot2.ok span{text-decoration:none}
.slot2.ok .good{color:var(--blue)}
@media (min-width:880px){.pains{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}}

/* Canales */
.chan{position:relative;margin-top:8px;display:grid;gap:14px}
.chan-rows{display:grid;gap:14px}
.chan-row{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px}
.chan-pill{display:inline-flex;align-items:center;gap:10px;padding:12px 16px;border-radius:999px;background:rgb(244 234 219 / .06);border:1px solid var(--line-d);font-weight:500;white-space:nowrap}
.logo-ph{width:28px;height:28px;border-radius:8px;display:inline-grid;place-items:center;font-size:0.6562rem;font-weight:700;color:#fff;border:2px solid var(--eclipse);flex:none}
.hs-wrap{background:var(--cream);color:var(--night)}
.hs{width:17px;height:17px}
.wire{position:relative;height:2px;background:var(--line-d);border-radius:2px;overflow:hidden}
.wire::after{content:"";position:absolute;top:0;left:-30%;width:30%;height:100%;background:linear-gradient(90deg,transparent,var(--flare),var(--rim),transparent);animation:flowline 2.6s var(--ease) infinite;animation-delay:var(--d,0s)}
@keyframes flowline{to{left:100%}}
.inbox{margin-top:10px;border-radius:26px;background:var(--cream);color:var(--night);padding:22px;display:grid;gap:10px;box-shadow:-30px 0 80px -40px rgb(255 138 61 / .5),30px 0 80px -40px rgb(62 107 255 / .6)}
.inbox .hd{display:flex;justify-content:space-between;align-items:center;font-weight:600}
.inbox .hd span{font-size:0.75rem;font-weight:600;padding:4px 10px;border-radius:999px;background:var(--night);color:var(--cream)}
.msg{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 12px;border-radius:14px;background:var(--white);font-size:0.875rem}
.msg strong{font-weight:600}
.msg > span:nth-child(2){color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.msg em{font-style:normal;font-size:0.75rem;color:var(--muted)}
.msg .src{display:block;font-size:0.7188rem;font-weight:600;color:var(--blue);margin-top:2px}
.ch{display:inline-flex;align-items:center;gap:5px;font-size:0.625rem;font-weight:600;color:var(--muted)}
.ch::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--c,#86A2C9)}
.c-wa{--c:#2FA357}.c-ig{--c:#DD2A7B}.c-fb{--c:#3E6BFF}.c-web{--c:#E2B93B}
@media (min-width:880px){.chan{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:56px;align-items:center}.inbox{margin-top:0}}

/* Cómo funciona: escenario propio */
.stage-sec{background:var(--eclipse)}
.stage-sec .flow-inner{position:sticky}
.stage{position:relative;border-radius:36px;background:linear-gradient(180deg,#0B1030,#070A1A);border:1px solid rgb(157 182 255 / .14);box-shadow:inset 0 1px 0 rgb(255 255 255 / .06)}
.rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:14px}
.rail .dot{width:auto;height:auto;background:none;border-radius:0;display:flex;flex-direction:column;gap:8px;text-align:left;font:700 0.875rem var(--body);letter-spacing:-.015em;color:var(--soft);padding:0}
.rail .dot::before{content:"";display:block;height:3px;border-radius:2px;background:var(--line-d);transition:background .4s}
.rail .dot.on{color:var(--cream)}
.rail .dot.on::before{background:linear-gradient(90deg,var(--flare),var(--rim))}
.stage-sec .screen{background:radial-gradient(80% 60% at 0% 0%,rgb(255 138 61 / .14),transparent 70%),radial-gradient(80% 60% at 100% 100%,rgb(62 107 255 / .25),transparent 70%),#0A0D22;border-color:rgb(157 182 255 / .18);box-shadow:-24px 0 70px -40px rgb(255 138 61 / .6),24px 0 70px -40px rgb(62 107 255 / .7)}
.stage-sec .step .k{font-size:clamp(1.0625rem,1.8vw,1.1875rem);letter-spacing:-.02em;background-image:linear-gradient(90deg,#FFB37A,#8EA8FF);-webkit-background-clip:text;background-clip:text;color:transparent;width:fit-content}
.stage-sec .step .k::before{content:attr(data-n) "  "}
.screen .field{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;padding:10px 12px;border-radius:12px;background:rgb(244 234 219 / .06);font-size:0.8438rem}
.screen .field b{font-weight:500;color:var(--soft)}
.screen .field.typing{grid-template-columns:auto minmax(0,1fr) auto;align-items:center}
.screen .field.typing::after{content:"";width:2px;height:1em;background:var(--cream);display:inline-block;margin-left:2px;animation:blink 1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
.cal{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;font-size:0.6875rem;color:var(--soft);text-align:center}
.cal span{padding:8px 0;border-radius:8px;background:rgb(244 234 219 / .06)}
.cal span.busy{background:rgb(62 107 255 / .22);color:#CFE0F1}
.cal span.new{background:var(--sun);color:var(--night);font-weight:600;animation:pop 2.4s var(--ease) infinite}
@keyframes pop{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}
.stage-sec .screen .bub{font-size:0.9688rem;padding:12px 16px}.stage-sec .screen .field{font-size:0.9375rem;padding:12px 14px}.stage-sec .screen .tag{font-size:0.8125rem;padding:6px 12px}.stage-sec .screen .panel .top{font-size:0.75rem}.stage-sec .cal{font-size:0.7812rem}.stage-sec .kan i{font-size:0.8438rem;padding:8px 10px}.stage-sec .kan div{font-size:0.7812rem}
.stage-sec .step h3{font-size:clamp(1.875rem,4.6vw,3.25rem)}.stage-sec .step p{font-size:1.125rem}
@media (min-width:1024px){.stage-sec .screen{height:520px;max-width:500px}.stage-sec .flow{margin-top:24px}.stage-sec .flow-visual{top:calc(50vh - 250px);margin-block:6vh}.stage-sec .step{min-height:58vh}.stage-sec .step:first-child{min-height:44vh;justify-content:flex-start;padding-top:8vh}}

/* CRM bento dinámico */
.bento{margin-top:48px}
.card.dk{background:var(--eclipse);color:var(--cream);position:relative;isolation:isolate}
.card.dk::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:radial-gradient(60% 60% at 0% 100%,rgb(255 138 61 / .2),transparent 70%),radial-gradient(60% 60% at 100% 0%,rgb(62 107 255 / .28),transparent 70%)}
.card.dk h3{color:var(--white)}
.card.dk p{color:var(--soft)}
.stackmsg{position:relative;display:flex;flex-direction:column;gap:8px}
.stackmsg .msg{box-shadow:0 10px 24px -16px rgb(3 4 14 / .35)}
.stackmsg .msg.new{animation:slidein 4.5s var(--ease) infinite}
@keyframes slidein{0%{opacity:0;transform:translateY(-14px) scale(.98)}12%,88%{opacity:1;transform:none}100%{opacity:1}}
.badge{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--blue);color:#fff;font-size:0.6875rem;font-weight:600;font-style:normal}
.typing{display:inline-flex;align-items:center;gap:8px;font-size:0.7812rem;color:var(--muted);padding:4px 2px}
.typing i{display:inline-flex;gap:3px}
.typing i b{width:5px;height:5px;border-radius:50%;background:var(--muted);animation:dot 1.2s infinite}
.typing i b:nth-child(2){animation-delay:.15s}.typing i b:nth-child(3){animation-delay:.3s}
@keyframes dot{0%,60%,100%{opacity:.3;transform:none}30%{opacity:1;transform:translateY(-3px)}}
.profile{background:var(--white);border-radius:20px;padding:16px;display:grid;gap:12px;box-shadow:0 22px 40px -26px rgb(3 4 14 / .45);transform:rotate(-1.5deg)}
.profile .who-r{display:flex;align-items:center;gap:12px}
.profile .av2{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--flare),var(--rim));flex:none}
.profile .who-r strong{display:block;font-size:0.9375rem}
.profile .who-r small{color:var(--muted);font-size:0.75rem}
.profile .chips{display:flex;flex-wrap:wrap;gap:6px}
.profile .chips span{font-size:0.7188rem;font-weight:500;padding:4px 9px;border-radius:999px;background:var(--paper)}
.profile .chips span.ok{background:rgb(59 165 92 / .12);color:#1E7A3C}
.auto{display:inline-flex;align-items:center;gap:6px;font-size:0.7188rem;font-weight:600;color:var(--blue)}
.auto::before{content:"✦"}
.week{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.week div{display:grid;gap:5px;font-size:0.6562rem;color:var(--soft);text-align:center}
.week span{display:block;height:22px;border-radius:7px;background:rgb(255 255 255 / .06)}
.week span.b{background:rgb(62 107 255 / .35)}
.week span.n{background:var(--sun);animation:pop 2.4s var(--ease) infinite}
.sync{display:flex;gap:8px;flex-wrap:wrap}
.sync span{font-size:0.75rem;font-weight:500;padding:6px 10px;border-radius:999px;background:rgb(255 255 255 / .08);color:var(--cream)}
.kanban{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.kanban > div{display:flex;flex-direction:column;gap:7px;min-width:0;font-size:0.7188rem;font-weight:600;color:var(--muted)}
.kanban > div > b{display:flex;justify-content:space-between;align-items:center;padding-bottom:6px;border-bottom:2px solid var(--bar,#C9CCD6)}
.kanban i{font-style:normal;font-weight:500;display:block;padding:9px 10px;border-radius:12px;background:var(--white);color:var(--ink);font-size:0.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 6px 14px -10px rgb(3 4 14 / .3)}
.kanban i.moving{border:1.5px solid var(--blue);transform:rotate(-2deg);box-shadow:0 16px 30px -14px rgb(37 55 166 / .55);animation:drift 3.6s var(--ease) infinite}
@keyframes drift{0%,100%{transform:rotate(-2deg) translateY(0)}50%{transform:rotate(-1deg) translateY(-4px)}}
.handoff .b{font-size:0.8438rem}
.ping{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:var(--eclipse);color:var(--cream);font-size:0.8125rem}
.ping i{width:8px;height:8px;border-radius:50%;background:var(--sun);animation:ping 1.8s ease-out infinite}
@keyframes ping{0%{box-shadow:0 0 0 0 rgb(243 224 146 / .6)}100%{box-shadow:0 0 0 10px rgb(243 224 146 / 0)}}
.photo-card{position:relative;padding:0;min-height:340px;background:var(--night)}
.photo-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.photo-card::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(to bottom,rgb(3 4 14 / 0) 40%,rgb(3 4 14 / .85) 100%)}
.photo-card > .pc-text{position:relative;z-index:2;margin-top:auto;padding:28px;color:var(--white)}
.photo-card h3{color:var(--white);font-size:clamp(1.375rem,3vw,1.875rem);line-height:1.1}
.photo-card p{color:var(--soft-2)}
.photo-card .chipcard{position:absolute;z-index:2;right:20px;top:20px}
@media (min-width:1024px){.photo-card{min-height:420px}}

/* Automatizaciones: notificaciones en el tiempo */
.tl{list-style:none;margin:56px 0 0;padding:0;position:relative;display:grid;gap:18px}
.tl::before{content:"";position:absolute;left:25px;top:30px;bottom:30px;width:2px;background:linear-gradient(to bottom,#F2A26B,#3E6BFF);opacity:.7}
.tl li{position:relative;display:grid;grid-template-columns:52px minmax(0,1fr);gap:18px;align-items:start}
.tl .ic{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:var(--eclipse);border:1px solid rgb(255 255 255 / .16);z-index:1;color:var(--cream);margin-top:22px}
.tl .ic svg{width:24px;height:24px}
.tl-card{display:grid;border-radius:26px;background:var(--eclipse-2);border:1px solid rgb(255 255 255 / .08);overflow:hidden}
.tl-card > div:first-child{padding:26px}
.tl .when{display:block;font-size:clamp(1.0625rem,1.8vw,1.1875rem);font-weight:700;letter-spacing:-.02em;background-image:linear-gradient(90deg,#FFB37A,#8EA8FF);-webkit-background-clip:text;background-clip:text;color:transparent;width:fit-content}
.tl h3{font-size:clamp(1.375rem,3vw,1.75rem);line-height:1.1;letter-spacing:-.035em;margin:8px 0 8px;color:var(--white)}
.tl p{color:var(--soft);max-width:44ch}
.msgpane{display:flex;flex-direction:column;justify-content:center;gap:10px;padding:22px 26px 26px;background:rgb(255 255 255 / .035);border-top:1px solid rgb(255 255 255 / .08)}
.msgpane > small{font-size:0.7812rem;font-weight:600;color:var(--soft)}
.notif{width:100%;padding:14px 16px;border-radius:20px 20px 6px 20px;background:#0A84FF;border:0;box-shadow:0 14px 30px -18px rgb(10 132 255 / .8);display:grid;grid-template-columns:36px minmax(0,1fr);gap:4px 12px}
.notif .ap{grid-row:span 2;width:36px;height:36px;border-radius:10px;background:#2FA357;border:2px solid rgb(255 255 255 / .35);display:grid;place-items:center;color:#fff;font-size:0.75rem;font-weight:700}
.notif .hd{display:flex;justify-content:space-between;font-size:0.75rem;font-weight:600;color:rgb(255 255 255 / .78)}
.notif .tx{font-size:0.9688rem;color:#FFFFFF;line-height:1.35}
.tl-end{display:flex;gap:14px;align-items:flex-start;padding:22px;border-radius:24px;background:var(--eclipse-2);border:1px solid rgb(255 255 255 / .08);color:var(--soft);max-width:760px;margin-top:24px}
.tl-end b{color:var(--cream)}
@media (min-width:880px){.tl-card{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.tl-card > div:first-child{padding:30px 32px}.msgpane{border-top:0;border-left:1px solid rgb(255 255 255 / .08);padding:28px 30px}}

/* Empezamos */
.start{display:grid;gap:12px;margin-top:48px}
.light-end{background:var(--paper)}
.start .card{background:var(--white);border:1px solid var(--line);gap:18px}
.start .card h3{color:var(--ink)}
.start .card p{color:var(--muted)}
.start .n{font-family:var(--display);font-weight:600;font-size:3.5rem;line-height:1;letter-spacing:-.05em;color:transparent;background:linear-gradient(90deg,#FF8A3D,#3E6BFF);-webkit-background-clip:text;background-clip:text;opacity:.9}
@media (min-width:880px){.start{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}

/* Garantía (Sol) */
.promise{background:radial-gradient(ellipse 160% 200% at 50% -30% in oklab,var(--sol-stops),#FFFFFF 94%);border-radius:32px;padding:clamp(28px,5vw,56px);display:grid;gap:22px;color:var(--cream);overflow:hidden}
.promise h2{font-size:clamp(2.75rem,10vw,6rem);line-height:.92;letter-spacing:-.055em;color:var(--white)}
.promise p{color:var(--soft-2);max-width:52ch;font-size:1.0625rem}

/* FAQ oscuro */
.dark .faq{border-top-color:var(--line-d)}
.dark .faq details{border-bottom-color:var(--line-d)}
.dark .faq summary{color:var(--cream)}
.dark .faq summary::after{color:var(--soft)}
.dark .faq .a p{color:var(--soft)}

/* Cierre Eclipse */
.ag-close{padding-block:96px 0;overflow:hidden;text-align:center}
.ag-close h2{font-size:clamp(2.5rem,8vw,5.25rem);line-height:.98;letter-spacing:-.05em;color:var(--white);max-width:14ch;margin-inline:auto}
.ag-close .lede{margin-inline:auto;color:var(--soft)}
.ag-close .row{justify-content:center}
.ag-close .orb2{width:min(760px,130vw);margin:48px 0 calc(-.42 * min(760px,130vw)) 50%;transform:translateX(-50%)}
.ag-close .contact{text-align:left;margin-top:0;position:relative;z-index:2}

/* == finalize: menú móvil y escala == */
html{font-size:100%;-webkit-text-size-adjust:100%}
.menu-btn{display:inline-grid;place-items:center;width:44px;height:44px;margin-left:auto;border-radius:999px;border:1px solid currentColor;border-color:rgb(127 127 127 / .3);background:none;color:inherit;cursor:pointer}
.menu-btn span{display:block;width:18px;height:2px;border-radius:2px;background:currentColor;box-shadow:0 6px 0 currentColor,0 -6px 0 currentColor;transition:transform .3s var(--ease),box-shadow .3s}
body.menu-open .menu-btn span{box-shadow:none;transform:rotate(45deg)}
body.menu-open .menu-btn span::after{content:"";display:block;width:18px;height:2px;border-radius:2px;background:currentColor;transform:rotate(-90deg)}
.nav .wrap{gap:10px}
.nav .btn{white-space:nowrap}
.mnav{position:fixed;left:0;right:0;top:calc(var(--nav-h) + env(safe-area-inset-top,0px));z-index:49;background:var(--paper);color:var(--ink);border-bottom:1px solid var(--line);padding:12px max(20px,env(safe-area-inset-right,0px)) 24px max(20px,env(safe-area-inset-left,0px));display:flex;flex-direction:column;gap:2px;transform:translateY(-8px);opacity:0;pointer-events:none;transition:opacity .3s var(--ease),transform .4s var(--ease);box-shadow:0 30px 60px -40px rgb(3 4 14 / .5)}
body.menu-open .mnav{opacity:1;transform:none;pointer-events:auto}
.mnav a{display:flex;justify-content:space-between;align-items:center;padding:14px 4px;font-family:var(--display);font-size:1.5rem;font-weight:600;letter-spacing:-.03em;text-decoration:none;border-bottom:1px solid var(--line)}
.mnav a[aria-current]{color:var(--blue)}
.mnav a::after{content:"→";font-size:1rem;color:var(--muted)}
@media (min-width:880px){.menu-btn,.mnav{display:none}}
@media (max-width:879px){.nav .btn{display:none}}
@media (max-width:420px){.nav .wrap{height:56px}}
footer .copy-name{font-weight:500}

.chip.wip{border-color:rgb(243 224 146 / .9);background:#FFF8DC;color:#6A5F2E}
/* == polish: íconos de redes y etiquetas sin versalitas == */
html,body{margin:0}
.si{width:1.125em;height:1.125em;flex:none;fill:currentColor;display:inline-block;vertical-align:-.18em}
.c-wa{--m:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z'/></svg>")}.c-ig{--m:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M7.0301.084c-1.2768.0602-2.1487.264-2.911.5634-.7888.3075-1.4575.72-2.1228 1.3877-.6652.6677-1.075 1.3368-1.3802 2.127-.2954.7638-.4956 1.6365-.552 2.914-.0564 1.2775-.0689 1.6882-.0626 4.947.0062 3.2586.0206 3.6671.0825 4.9473.061 1.2765.264 2.1482.5635 2.9107.308.7889.72 1.4573 1.388 2.1228.6679.6655 1.3365 1.0743 2.1285 1.38.7632.295 1.6361.4961 2.9134.552 1.2773.056 1.6884.069 4.9462.0627 3.2578-.0062 3.668-.0207 4.9478-.0814 1.28-.0607 2.147-.2652 2.9098-.5633.7889-.3086 1.4578-.72 2.1228-1.3881.665-.6682 1.0745-1.3378 1.3795-2.1284.2957-.7632.4966-1.636.552-2.9124.056-1.2809.0692-1.6898.063-4.948-.0063-3.2583-.021-3.6668-.0817-4.9465-.0607-1.2797-.264-2.1487-.5633-2.9117-.3084-.7889-.72-1.4568-1.3876-2.1228C21.2982 1.33 20.628.9208 19.8378.6165 19.074.321 18.2017.1197 16.9244.0645 15.6471.0093 15.236-.005 11.977.0014 8.718.0076 8.31.0215 7.0301.0839m.1402 21.6932c-1.17-.0509-1.8053-.2453-2.2287-.408-.5606-.216-.96-.4771-1.3819-.895-.422-.4178-.6811-.8186-.9-1.378-.1644-.4234-.3624-1.058-.4171-2.228-.0595-1.2645-.072-1.6442-.079-4.848-.007-3.2037.0053-3.583.0607-4.848.05-1.169.2456-1.805.408-2.2282.216-.5613.4762-.96.895-1.3816.4188-.4217.8184-.6814 1.3783-.9003.423-.1651 1.0575-.3614 2.227-.4171 1.2655-.06 1.6447-.072 4.848-.079 3.2033-.007 3.5835.005 4.8495.0608 1.169.0508 1.8053.2445 2.228.408.5608.216.96.4754 1.3816.895.4217.4194.6816.8176.9005 1.3787.1653.4217.3617 1.056.4169 2.2263.0602 1.2655.0739 1.645.0796 4.848.0058 3.203-.0055 3.5834-.061 4.848-.051 1.17-.245 1.8055-.408 2.2294-.216.5604-.4763.96-.8954 1.3814-.419.4215-.8181.6811-1.3783.9-.4224.1649-1.0577.3617-2.2262.4174-1.2656.0595-1.6448.072-4.8493.079-3.2045.007-3.5825-.006-4.848-.0608M16.953 5.5864A1.44 1.44 0 1 0 18.39 4.144a1.44 1.44 0 0 0-1.437 1.4424M5.8385 12.012c.0067 3.4032 2.7706 6.1557 6.173 6.1493 3.4026-.0065 6.157-2.7701 6.1506-6.1733-.0065-3.4032-2.771-6.1565-6.174-6.1498-3.403.0067-6.156 2.771-6.1496 6.1738M8 12.0077a4 4 0 1 1 4.008 3.9921A3.9996 3.9996 0 0 1 8 12.0077'/></svg>")}.c-fb{--m:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M9.101 23.691v-7.98H6.627v-3.667h2.474v-1.58c0-4.085 1.848-5.978 5.858-5.978.401 0 .955.042 1.468.103a8.68 8.68 0 0 1 1.141.195v3.325a8.623 8.623 0 0 0-.653-.036 26.805 26.805 0 0 0-.733-.009c-.707 0-1.259.096-1.675.309a1.686 1.686 0 0 0-.679.622c-.258.42-.374.995-.374 1.752v1.297h3.919l-.386 2.103-.287 1.564h-3.246v8.245C19.396 23.238 24 18.179 24 12.044c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.628 3.874 10.35 9.101 11.647Z'/></svg>")}
.c-wa::before,.c-ig::before,.c-fb::before{border-radius:0!important;width:12px!important;height:12px!important;-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat}
.app .si,.logo-ph .si{width:56%;height:56%;fill:#fff;vertical-align:0}
.logo-ph .si{width:62%;height:62%}
.float i .si{width:62%;height:62%;fill:#fff;vertical-align:0}
.contact a{text-decoration:none}
.contact .ct{display:flex;flex-direction:column;gap:6px}
.contact .lbl{display:inline-flex;align-items:center;gap:8px;font-size:.9375rem;font-weight:600;letter-spacing:-.01em;color:var(--soft)}
.contact .lbl .si{width:18px;height:18px}
.contact a.ct .val{transition:opacity .2s}
.contact a.ct:hover .val{opacity:.75}
.icard small{display:inline-flex;align-items:center;gap:8px}
.icard small .si{width:18px;height:18px}
a.icard{color:inherit}