/* Tesela · landing. Sin estilos en línea: la CSP no permite 'unsafe-inline'. */
@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url("../fonts/inter-latin-wght-normal.woff2") format("woff2")}
:root{--bg:#0F131A;--bg2:#121720;--card:#171C26;--card2:#1C2230;--line:#1C2230;--line2:#222937;--line3:#2E3647;--tx:#E7EAF0;--tx2:#C3CAD6;--tx3:#A3ACBC;--tx4:#8790A2;--or:#FF9F43;--or2:#FFB46B;--or3:#FFD2A6;--ok:#7FD8AE;--bl:#5E9CFF;--bl2:#8FB8FF}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;background:var(--bg);color:var(--tx);font-family:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--or2)}a:hover{color:var(--or3)}
:focus-visible{outline:3px solid var(--or2);outline-offset:3px;border-radius:6px}
h1,h2,h3,p,ol{margin:0}
.ts-skip{position:absolute;left:16px;top:-80px;z-index:10;background:var(--or);color:#1A1206;font-weight:700;padding:12px 18px;border-radius:10px;text-decoration:none}
.ts-skip:focus{top:12px;color:#1A1206}
.ts-wrap{max-width:1200px;margin:0 auto;padding:0 32px}
/* Encabezado */
.ts-header{position:sticky;top:0;z-index:5;background:rgba(15,19,26,.94);border-bottom:1px solid var(--line)}
.ts-nav{height:72px;display:flex;align-items:center;gap:28px}
.ts-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--tx)}
.ts-brand:hover{color:var(--tx)}
.ts-brand b{font-size:20px;letter-spacing:-.01em}
.ts-links{display:flex;gap:24px;font-size:15px;font-weight:500}
.ts-links a{color:var(--tx2);text-decoration:none}.ts-links a:hover{color:var(--tx)}
.ts-spacer{flex:1}
/* Botones */
.ts-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:12px;font-size:16px;font-weight:700;text-decoration:none}
.ts-btn--p{background:var(--or);color:#1A1206}.ts-btn--p:hover{background:var(--or2);color:#1A1206}
.ts-btn--g{border:1px solid var(--line3);color:var(--tx)}.ts-btn--g:hover{background:var(--card2);color:var(--tx)}
.ts-btn--s{min-height:40px;padding:0 16px;font-size:14px}
/* Secciones */
.ts-sec{padding:88px 0}
.ts-sec--alt{background:var(--bg2);border-top:1px solid var(--line)}
.ts-sec--suite{border-bottom:1px solid var(--line)}
.ts-stack{display:flex;flex-direction:column;gap:36px}
.ts-head{display:flex;flex-direction:column;gap:12px;max-width:680px}
.ts-eyebrow{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--or2)}
.ts-h2{font-size:40px;line-height:1.15;font-weight:800;letter-spacing:-.02em}
.ts-lead{font-size:17px;line-height:1.6;color:var(--tx3)}
/* Portada */
.ts-hero-sec{padding:96px 0 88px}
.ts-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center}
.ts-hero-txt{display:flex;flex-direction:column;gap:24px}
.ts-pill{align-self:flex-start;height:30px;padding:0 12px;display:inline-flex;align-items:center;gap:8px;border-radius:999px;background:var(--card);border:1px solid var(--line3);font-size:13px;font-weight:600;color:var(--tx2)}
.ts-pill i{width:8px;height:8px;border-radius:2px;background:var(--or)}
.ts-h1{font-size:60px;line-height:1.05;font-weight:800;letter-spacing:-.03em}
.ts-h1 span{color:var(--or)}
.ts-hero-p{max-width:520px;font-size:19px;line-height:1.6;color:var(--tx3)}
.ts-hero-p b{color:var(--tx)}
.ts-cta{display:flex;flex-wrap:wrap;gap:12px}
/* Mosaico decorativo */
.ts-mosaic{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.ts-tile{aspect-ratio:1;border-radius:16px;background:var(--card);border:1px solid var(--line2)}
.ts-tile--b{background:var(--card2)}
.ts-tile--o{background:rgba(255,159,67,.10);border-color:rgba(255,159,67,.25)}
.ts-tile--a{background:rgba(94,156,255,.08);border-color:rgba(94,156,255,.22)}
.ts-board{grid-column:span 3;grid-row:span 2;border-radius:18px;background:var(--card);border:1px solid var(--or);box-shadow:0 30px 80px rgba(0,0,0,.45),0 0 0 4px rgba(255,159,67,.10);padding:16px;display:flex;flex-direction:column;gap:12px}
.ts-board-top{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700}
.ts-board-top i{width:10px;height:10px;border-radius:3px;background:var(--or)}
.ts-board-top em{font-style:normal;color:var(--or)}
.ts-board-top small{margin-left:auto;font-size:11px;font-weight:600;color:var(--tx4)}
.ts-cols{flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.ts-col{border-radius:10px;background:#11151D;padding:8px;display:flex;flex-direction:column;gap:6px}
.ts-col b{font-size:10px;font-weight:700;color:var(--tx4)}
.ts-col--p b{color:var(--bl2)}.ts-col--h b{color:var(--ok)}
.ts-card{height:34px;border-radius:6px;background:var(--card2);border:1px solid var(--line3)}
.ts-col--p .ts-card{border-color:var(--bl)}
/* Suite */
.ts-g2{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}
.ts-app{border-radius:20px;background:var(--card);border:1px solid var(--line3);padding:28px;display:flex;flex-direction:column;gap:16px}
.ts-app-top{display:flex;align-items:center;gap:12px}
.ts-ico{width:44px;height:44px;border-radius:12px;background:rgba(255,159,67,.14);display:flex;align-items:center;justify-content:center}
.ts-app-name{display:flex;flex-direction:column}
.ts-app-name b{font-size:20px}
.ts-app-name span{font-size:13px;color:var(--ok);font-weight:600}
.ts-app p{font-size:16px;line-height:1.6;color:var(--tx3)}
.ts-app .ts-btn{align-self:flex-start}
.ts-soon{border-radius:20px;border:1.5px dashed #3A4357;padding:28px;display:flex;flex-direction:column;gap:14px;justify-content:center}
.ts-soon b{font-size:20px;color:var(--tx2)}
.ts-soon p{font-size:16px;line-height:1.6;color:var(--tx4)}
.ts-soon-tiles{display:flex;gap:8px}
.ts-soon-tiles i{width:36px;height:36px;border-radius:10px;background:var(--card2)}
/* Funciones y pasos */
.ts-g3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.ts-feat{border-radius:18px;background:var(--card);border:1px solid var(--line2);padding:24px;display:flex;flex-direction:column;gap:12px}
.ts-feat-ico{width:40px;height:40px;border-radius:10px;background:var(--card2);border:1px solid var(--line3);display:flex;align-items:center;justify-content:center;color:var(--or2)}
.ts-feat h3{font-size:17px}
.ts-feat p{font-size:15px;line-height:1.6;color:var(--tx3)}
.ts-steps{padding:0;list-style:none}
.ts-steps li{display:flex;flex-direction:column;gap:10px}
.ts-num{width:40px;height:40px;border-radius:50%;border:1.5px solid var(--or);color:var(--or2);display:flex;align-items:center;justify-content:center;font-weight:800}
.ts-steps b{font-size:18px}
.ts-steps li>span:last-child{font-size:15px;line-height:1.6;color:var(--tx3)}
.ts-final{margin-top:16px;border-radius:24px;background:var(--card);border:1px solid var(--line3);padding:36px;display:flex;flex-wrap:wrap;align-items:center;gap:20px}
.ts-final div{flex:1 1 320px;display:flex;flex-direction:column;gap:8px}
.ts-final b{font-size:24px}
.ts-final span{font-size:16px;color:var(--tx3)}
/* Pie */
.ts-footer{border-top:1px solid var(--line)}
.ts-foot{padding-top:28px;padding-bottom:36px;display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px;font-size:14px;color:var(--tx4)}
.ts-foot b{color:var(--tx)}
.ts-foot a{color:var(--tx3)}.ts-foot a:hover{color:var(--tx)}
/* 404 */
.ts-404{padding:120px 0}
.ts-404 .ts-stack{gap:20px;align-items:flex-start}
.ts-404 .ts-h1{font-size:48px}
@media (max-width:900px){
  .ts-hero,.ts-g2{grid-template-columns:1fr;gap:36px}
  .ts-g3{grid-template-columns:1fr}
  .ts-links{display:none}
  .ts-wrap{padding:0 16px}
  .ts-h1{font-size:40px}
  .ts-404 .ts-h1{font-size:34px}
  .ts-h2{font-size:32px}
  .ts-sec{padding:64px 0}
  .ts-hero-sec{padding:56px 0 64px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}