:root{
  --td-navy:#071B63;
  --td-blue:#2F5BFF;
  --td-violet:#7A35FF;
  --td-cyan:#20D7E5;
  --td-teal:#19D2B1;
  --td-ink:#071330;
  --td-muted:#5C6683;
  --td-light:#F5F8FF;
  --td-white:#FFFFFF;
  --td-border:rgba(7,27,99,.12);
  --td-shadow:0 22px 70px rgba(7,27,99,.13);
  --td-radius:26px;
  --td-gradient:linear-gradient(135deg,var(--td-blue),var(--td-violet),var(--td-cyan));
  --td-gradient-soft:linear-gradient(135deg,rgba(47,91,255,.12),rgba(122,53,255,.10),rgba(32,215,229,.14));
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:'Inter','Segoe UI',Arial,sans-serif;color:var(--td-ink);background:var(--td-white);line-height:1.6;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.td-container{width:min(1180px,calc(100% - 36px));margin-inline:auto}
.td-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);border-bottom:1px solid var(--td-border)}
.td-nav-wrap{height:86px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.td-brand img{width:176px;height:auto;object-fit:contain;object-position:left center;max-height:74px}
.td-main-nav{display:flex;align-items:center;gap:10px;padding:8px;border:1px solid var(--td-border);border-radius:999px;background:rgba(245,248,255,.75)}
.td-main-nav a{padding:10px 16px;border-radius:999px;font-weight:700;color:var(--td-navy);transition:.25s ease}
.td-main-nav a:hover,.td-main-nav a.is-active{background:var(--td-white);box-shadow:0 10px 26px rgba(7,27,99,.10);color:var(--td-blue)}
.td-nav-cta,.td-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 20px;border-radius:999px;background:var(--td-gradient);color:#fff;font-weight:800;box-shadow:0 16px 40px rgba(47,91,255,.24);border:0;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease}
.td-nav-cta:hover,.td-btn:hover{transform:translateY(-2px);box-shadow:0 20px 48px rgba(47,91,255,.32)}
.td-btn-secondary{background:#fff;color:var(--td-navy);border:1px solid var(--td-border);box-shadow:0 14px 32px rgba(7,27,99,.08)}
.td-menu-btn{display:none;width:46px;height:46px;border:1px solid var(--td-border);border-radius:15px;background:#fff;align-items:center;justify-content:center;flex-direction:column;gap:5px}
.td-menu-btn span{display:block;width:22px;height:2px;background:var(--td-navy);border-radius:5px}
.td-section{padding:92px 0;position:relative}
.td-hero{min-height:calc(100vh - 86px);display:grid;align-items:center;background:radial-gradient(circle at 20% 10%,rgba(32,215,229,.20),transparent 34%),radial-gradient(circle at 80% 12%,rgba(122,53,255,.16),transparent 34%),linear-gradient(180deg,#fff 0%,#f7fbff 100%);overflow:hidden}
.td-hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:54px;align-items:center}
.td-eyebrow{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border:1px solid var(--td-border);background:rgba(255,255,255,.70);border-radius:999px;color:var(--td-blue);font-weight:800;font-size:.92rem;margin-bottom:18px}
.td-eyebrow::before{content:'';width:10px;height:10px;border-radius:50%;background:var(--td-teal);box-shadow:0 0 0 6px rgba(25,210,177,.13)}
h1,h2,h3{line-height:1.1;margin:0;color:var(--td-navy)}
h1{font-size:clamp(2.5rem,5vw,5.6rem);letter-spacing:-.065em;margin-bottom:22px}
h2{font-size:clamp(2rem,3.3vw,3.6rem);letter-spacing:-.045em;margin-bottom:18px}
h3{font-size:1.25rem;margin-bottom:10px}
.td-gradient-text{background:var(--td-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}
.td-lead{font-size:clamp(1.05rem,1.7vw,1.32rem);color:var(--td-muted);margin:0 0 30px;max-width:720px}
.td-actions{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:34px}
.td-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.td-kpi{padding:18px;border:1px solid var(--td-border);border-radius:20px;background:#fff;box-shadow:0 12px 36px rgba(7,27,99,.06)}
.td-kpi strong{display:block;font-size:1.45rem;color:var(--td-navy)}
.td-kpi span{font-size:.92rem;color:var(--td-muted)}
.td-hero-card{position:relative;border:1px solid var(--td-border);border-radius:36px;background:rgba(255,255,255,.72);box-shadow:var(--td-shadow);padding:26px;overflow:hidden;min-height:510px}
.td-hero-card::before{content:'';position:absolute;inset:-2px;background:linear-gradient(135deg,rgba(47,91,255,.18),rgba(122,53,255,.12),rgba(32,215,229,.18));z-index:-1}
.td-hero-logo{width:min(500px,95%);margin:10px auto 18px;filter:drop-shadow(0 28px 45px rgba(7,27,99,.16))}
.td-orbit{position:absolute;border:1px solid rgba(47,91,255,.16);border-radius:50%;animation:tdSpin 16s linear infinite;pointer-events:none}
.td-orbit.one{width:290px;height:290px;right:-80px;top:28px}
.td-orbit.two{width:220px;height:220px;left:-70px;bottom:40px;animation-duration:22s}
.td-chip-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px;position:relative;z-index:1}
.td-chip{padding:16px;border-radius:20px;background:#fff;border:1px solid var(--td-border);font-weight:800;color:var(--td-navy);box-shadow:0 12px 34px rgba(7,27,99,.07)}
.td-chip small{display:block;color:var(--td-muted);font-weight:600;margin-top:4px}
.td-section-head{text-align:center;max-width:850px;margin:0 auto 44px}
.td-section-head p{margin:0;color:var(--td-muted);font-size:1.08rem}
.td-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.td-card{position:relative;padding:30px;border:1px solid var(--td-border);border-radius:var(--td-radius);background:#fff;box-shadow:0 18px 55px rgba(7,27,99,.07);overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}
.td-card:hover{transform:translateY(-6px);box-shadow:var(--td-shadow)}
.td-card::after{content:'';position:absolute;inset:auto 0 0;height:4px;background:var(--td-gradient)}
.td-icon{width:58px;height:58px;border-radius:18px;background:var(--td-gradient-soft);display:grid;place-items:center;margin-bottom:18px;color:var(--td-blue);font-size:1.6rem;font-weight:900}
.td-card p{color:var(--td-muted);margin:0}
.td-split{display:grid;grid-template-columns:.95fr 1.05fr;gap:44px;align-items:center}
.td-image-placeholder{min-height:360px;border-radius:34px;border:1px dashed rgba(47,91,255,.36);background:linear-gradient(135deg,rgba(7,27,99,.05),rgba(32,215,229,.09));display:grid;place-items:center;text-align:center;padding:30px;color:var(--td-muted);position:relative;overflow:hidden}
.td-image-placeholder::before{content:'';position:absolute;width:230px;height:230px;border-radius:50%;background:rgba(122,53,255,.14);filter:blur(10px);right:-60px;top:-60px}
.td-image-placeholder strong{display:block;color:var(--td-navy);font-size:1.18rem;margin-bottom:6px}
.td-list{display:grid;gap:14px;margin:24px 0 0;padding:0;list-style:none}
.td-list li{padding:16px 18px;border:1px solid var(--td-border);border-radius:18px;background:#fff;color:var(--td-muted)}
.td-list li strong{color:var(--td-navy)}
.td-dark{background:linear-gradient(135deg,#071330,#071B63 56%,#122a87);color:#fff;overflow:hidden}
.td-dark h2,.td-dark h3{color:#fff}.td-dark p{color:rgba(255,255,255,.78)}
.td-process{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.td-step{padding:24px;border:1px solid rgba(255,255,255,.16);border-radius:24px;background:rgba(255,255,255,.07);backdrop-filter:blur(10px)}
.td-step span{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:15px;background:var(--td-gradient);font-weight:900;margin-bottom:16px}
.td-tags{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:24px}
.td-tags a,.td-tags span{padding:10px 14px;border-radius:999px;border:1px solid var(--td-border);background:#fff;color:var(--td-navy);font-weight:750;font-size:.92rem}
.td-contact-box{padding:34px;border-radius:34px;border:1px solid var(--td-border);background:#fff;box-shadow:var(--td-shadow)}
.td-contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:26px}
.td-contact-item{padding:22px;border-radius:22px;background:var(--td-light);border:1px solid var(--td-border)}
.td-contact-item strong{display:block;color:var(--td-navy);margin-bottom:6px}.td-contact-item span{color:var(--td-muted)}
.td-footer{background:#050f35;color:#fff;padding:64px 0 0}.td-footer-grid{display:grid;grid-template-columns:1.4fr .8fr .9fr 1fr;gap:34px}.td-footer-logo{width:170px;height:auto;margin-bottom:12px}.td-footer p,.td-footer a{display:block;color:rgba(255,255,255,.74);margin:0 0 10px}.td-footer h3{color:#fff;margin-bottom:16px}.td-footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:38px;padding:18px;text-align:center;color:rgba(255,255,255,.64)}
.td-side-panel{position:fixed;right:18px;top:42%;z-index:60}.td-side-toggle{width:54px;height:54px;border-radius:18px;border:0;background:var(--td-gradient);color:#fff;font-weight:900;box-shadow:0 18px 40px rgba(47,91,255,.28);cursor:pointer}.td-side-content{position:absolute;right:66px;top:0;width:220px;padding:18px;border-radius:22px;background:#fff;border:1px solid var(--td-border);box-shadow:var(--td-shadow);display:grid;gap:9px;opacity:0;transform:translateX(12px);pointer-events:none;transition:.25s ease}.td-side-panel.is-open .td-side-content{opacity:1;transform:translateX(0);pointer-events:auto}.td-side-content strong{color:var(--td-navy)}.td-side-content a{color:var(--td-muted);font-weight:700}.td-side-content a:hover{color:var(--td-blue)}
.td-reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.td-reveal.is-visible{opacity:1;transform:translateY(0)}
.td-particles{position:absolute;inset:0;pointer-events:none;overflow:hidden}.td-particle{position:absolute;width:8px;height:8px;border-radius:50%;background:rgba(32,215,229,.45);animation:tdFloat 8s ease-in-out infinite}
@keyframes tdSpin{to{transform:rotate(360deg)}}@keyframes tdFloat{0%,100%{transform:translateY(0);opacity:.3}50%{transform:translateY(-28px);opacity:1}}
@media (max-width:960px){.td-menu-btn{display:flex}.td-main-nav{position:fixed;left:18px;right:18px;top:96px;display:grid;border-radius:24px;padding:16px;opacity:0;pointer-events:none;transform:translateY(-12px);transition:.25s ease;box-shadow:var(--td-shadow)}.td-main-nav.is-open{opacity:1;pointer-events:auto;transform:translateY(0)}.td-nav-cta{display:none}.td-hero-grid,.td-split{grid-template-columns:1fr}.td-card-grid,.td-process,.td-contact-grid,.td-footer-grid{grid-template-columns:1fr 1fr}.td-hero-card{min-height:auto}.td-kpis{grid-template-columns:1fr 1fr}.td-side-panel{display:none}}
@media (max-width:640px){.td-container{width:min(100% - 28px,1180px)}.td-nav-wrap{height:76px}.td-brand img{width:150px}.td-section{padding:68px 0}h1{font-size:2.45rem}.td-card-grid,.td-process,.td-contact-grid,.td-footer-grid,.td-kpis,.td-chip-grid{grid-template-columns:1fr}.td-hero{min-height:auto;padding:42px 0}.td-actions{display:grid}.td-btn{width:100%}.td-image-placeholder{min-height:260px}}

/* Página Transformación Digital por Industrias */
.td-industry-hero{background:radial-gradient(circle at 18% 12%,rgba(32,215,229,.22),transparent 34%),radial-gradient(circle at 82% 18%,rgba(122,53,255,.17),transparent 36%),linear-gradient(180deg,#fff 0%,#f6fbff 100%)}
.td-industry-visual{min-height:270px;margin-bottom:18px;border-style:solid;background:linear-gradient(135deg,rgba(7,27,99,.05),rgba(47,91,255,.08),rgba(32,215,229,.11))}
.td-industry-chips{margin-top:16px}
.td-industry-grid .td-card{min-height:100%;display:flex;flex-direction:column}
.td-mini-image{margin-top:auto;padding:14px 16px;border:1px dashed rgba(47,91,255,.32);border-radius:18px;background:linear-gradient(135deg,rgba(47,91,255,.06),rgba(32,215,229,.08));color:var(--td-muted);font-size:.92rem;font-weight:750;text-align:center}
.td-dark-list li{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16);color:rgba(255,255,255,.78)}
.td-dark-list li strong{color:#fff}
.td-light-process .td-step{background:#fff;border:1px solid var(--td-border);box-shadow:0 18px 55px rgba(7,27,99,.07)}
.td-light-process .td-step h3{color:var(--td-navy)}
.td-light-process .td-step p{color:var(--td-muted)}
.td-footer-bottom{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}
.td-powered{display:inline-flex;gap:5px;align-items:center;color:rgba(255,255,255,.64)}
.td-powered a{display:inline;color:#20D7E5;margin:0;font-weight:800}
.td-powered a:hover{color:#19D2B1}