/* Typixia - portal publico v3002. Hoja independiente del panel interno. */
:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#091b43;background:#fff;scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0}a{text-decoration:none;color:inherit}img{max-width:100%}
.shell{width:calc(100% - 112px);max-width:1920px;margin-inline:auto}
.site-header{background:#fff;border-bottom:1px solid #eaf0fa;position:relative;z-index:5}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:180px}
.brand{display:flex;align-items:center;flex-shrink:0;width:420px}
.brand-art{display:block;width:100%;aspect-ratio:2.625;overflow:hidden;position:relative}
.brand-art img{display:block;position:absolute;width:110%;max-width:none;height:auto;top:-60%;left:-5%}

.nav-links,.header-actions{display:flex;align-items:center;gap:clamp(16px,2.5vw,44px)}
.nav-links a,.login-link{font-size:clamp(13px,.95vw,16px);font-weight:600;white-space:nowrap}
.nav-links a:hover,.login-link:hover{color:#235bf4}
.btn{min-height:56px;border-radius:20px;display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:0 29px;font-size:clamp(13px,1vw,17px);font-weight:750;transition:transform .15s,box-shadow .15s;white-space:nowrap}
.btn:hover{transform:translateY(-2px)}.btn-primary{color:#fff;background:linear-gradient(110deg,#0564f5,#6235ed 93%);box-shadow:0 10px 23px #3059e326}
.btn-small{min-height:46px;border-radius:30px;padding:0 25px}.btn-outline{border:1px solid #c6d7fa;background:#fff}.play-icon{border:2px solid #1269f5;border-radius:50%;color:#1269f5;width:28px;height:28px;display:inline-grid;place-items:center;font-size:12px;padding-left:2px}
.hero{display:grid;grid-template-columns:minmax(0,44%) minmax(0,56%);align-items:center;gap:0;min-height:min(780px,calc(100svh - 180px));padding-block:38px 58px}
.hero-copy{position:relative;z-index:1;max-width:780px;padding-right:12px}
.eyebrow,.kicker{color:#095df0;font-size:clamp(11px,.9vw,14px);font-weight:800;letter-spacing:.14em}
.eyebrow{display:inline-flex;align-items:center;gap:9px;background:#edf3ff;border-radius:30px;padding:10px 16px}
.pulse{width:8px;height:8px;border-radius:50%;background:#08c4b9}
.hero h1{font-size:clamp(37px,3.3vw,62px);line-height:1.12;letter-spacing:-.045em;margin:25px 0 24px;font-weight:800;overflow-wrap:normal}
.hero h1 span{background:linear-gradient(100deg,#0773f8,#7540ee);background-clip:text;-webkit-background-clip:text;color:transparent}
.hero-copy>p:not(.hero-footnote){max-width:700px;font-size:clamp(16px,1.4vw,22px);line-height:1.55;color:#51617e;margin:0}
.hero-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:30px}
.hero-footnote{font-size:clamp(12px,.9vw,15px);color:#73819b;margin-top:27px}
.hero-visual{align-self:center;justify-self:stretch;min-width:0}
.hero-visual img{display:block;width:100%;height:auto;object-fit:contain}
.section{padding-block:90px}.section-heading{max-width:730px;margin-bottom:35px}.section-heading h2,.contact h2{font-size:clamp(30px,3vw,45px);letter-spacing:-.05em;margin:12px 0}.section-heading p,.contact p{color:#617089;line-height:1.65;font-size:17px}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature{border:1px solid #e9edf7;border-radius:18px;padding:33px;background:#fff}.feature-icon{display:grid;place-items:center;background:#e5f0ff;color:#1667e8;border-radius:13px;width:50px;height:50px;font-size:25px}.feature-icon.purple{background:#f1eaff;color:#7745e6}.feature-icon.cyan{background:#ddfbf8;color:#009e9b}.feature h3{font-size:19px;margin:22px 0 9px}.feature p{font-size:15px;color:#617089;line-height:1.65}
.integrations{background:#f7faff}.integration-list,.sector-list{display:flex;flex-wrap:wrap;gap:12px}.integration-list span,.sector-list span{padding:16px 22px;border:1px solid #e2e9f7;background:#fff;border-radius:13px;font-size:15px;font-weight:700}.note{font-size:13px;color:#7c8aa1;margin-top:20px}.sector-list span{background:#f6f9ff}
.contact{background:linear-gradient(115deg,#072350,#124ce0);color:white;border-radius:28px;margin-bottom:70px;padding:48px;display:flex;align-items:center;justify-content:space-between;gap:20px}.contact p{color:#dce6fb;max-width:690px}.contact .kicker{color:#a5cdff}.btn-light{background:#fff;color:#12348b;white-space:nowrap}
.site-footer{border-top:1px solid #e9eef9}.footer-inner{display:flex;justify-content:space-between;gap:25px;align-items:center;padding:28px 0}.footer-inner strong{font-size:20px}.footer-inner small{display:block;font-size:11px;color:#8490a3;margin-top:7px}.footer-links{display:flex;flex-wrap:wrap;gap:20px;color:#667792;font-size:11px}
/* El login existente comparte esta hoja: conservamos sus estilos. */
.auth-page{background:radial-gradient(circle at 70% 20%,#e6eeff,transparent 55%),#f8faff;min-height:100vh}.auth-main{min-height:calc(100vh - 136px);display:grid;place-items:center;padding:50px 20px}.auth-card{background:white;padding:42px;border:1px solid #e4ebf7;border-radius:24px;box-shadow:0 15px 55px #2149a216;max-width:485px;width:100%}.auth-card h1{font-size:32px;letter-spacing:-.04em}.auth-card>p{line-height:1.6;color:#617089}.auth-notice{padding:20px;background:#f0f5ff;border-radius:12px;margin:27px 0}.auth-notice strong{font-size:14px}.auth-notice p{font-size:13px;line-height:1.6;color:#526989;margin-bottom:0}
@media(max-width:1250px){.shell{width:calc(100% - 64px)}.header-inner{gap:22px}.nav-links,.header-actions{gap:18px}.brand{width:335px}.header-inner{min-height:165px}.hero h1{font-size:clamp(36px,3.6vw,54px)}}
@media(max-width:1000px){.nav-links{display:none}.hero{grid-template-columns:minmax(0,48%) minmax(0,52%);min-height:0;padding-block:55px}.hero h1{font-size:clamp(35px,4.5vw,49px)}.hero-copy>p:not(.hero-footnote){font-size:16px}}
@media(max-width:760px){.shell{width:calc(100% - 36px)}.header-inner{min-height:126px}.brand{width:250px}.header-actions{gap:12px}.header-actions .btn{display:none}.login-link{font-size:13px}.hero{grid-template-columns:1fr;gap:16px;padding-top:46px;padding-bottom:48px}.hero-copy{padding-right:0}.hero h1{font-size:clamp(36px,8vw,48px)}.hero-visual{width:100%}.hero-copy>p:not(.hero-footnote){font-size:16px}.feature-grid{grid-template-columns:1fr}.section{padding-block:56px}.contact{border-radius:19px;flex-direction:column;align-items:flex-start;padding:30px;margin-bottom:30px}.footer-inner{align-items:flex-start;flex-direction:column}.auth-main{min-height:calc(100vh - 105px)}}
@media(max-width:400px){.brand{width:185px}.hero h1{font-size:34px}.btn{width:100%}.hero-actions{display:grid;grid-template-columns:1fr}}