:root{--navy:#07152b;--navy2:#0c2346;--blue:#0c74f5;--cyan:#27d7ff;--ink:#142033;--muted:#607089;--line:#dce4ef;--soft:#f3f7fb;--white:#fff;--success:#0c9a68;--danger:#c53b4b;--warning:#c47a07;--shadow:0 22px 60px rgba(9,30,66,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.6}a{text-decoration:none;color:inherit}.container{width:min(1160px,calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(7,21,43,.96);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08)}.nav-wrap{min-height:82px;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:900;letter-spacing:-1.4px;font-size:26px;color:#fff}.brand span{color:var(--cyan)}.brand-dark{color:var(--navy)}.main-nav{display:flex;align-items:center;gap:24px;color:#c9d5e7;font-size:14px;font-weight:700}.main-nav>a:not(.btn){padding:28px 0;border-bottom:2px solid transparent}.main-nav>a.active,.main-nav>a:not(.btn):hover{color:#fff;border-bottom-color:var(--cyan)}.nav-toggle{display:none;background:transparent;border:0;color:#fff;font-size:27px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:8px;border:1px solid transparent;font-weight:800;cursor:pointer;font:inherit;transition:.2s}.btn-small{min-height:38px;padding:0 14px;font-size:13px}.btn-primary{background:var(--blue);color:#fff;box-shadow:0 10px 25px rgba(12,116,245,.28)}.btn-primary:hover{background:#0565dc;transform:translateY(-1px)}.btn-outline-light{border-color:rgba(255,255,255,.32);color:#fff}.btn-outline-light:hover{background:#fff;color:var(--navy)}.btn-dark{background:var(--navy);color:#fff}.btn-block{width:100%}.hero{background:radial-gradient(circle at 85% 20%,rgba(39,215,255,.18),transparent 32%),linear-gradient(135deg,var(--navy) 0%,#0a2145 70%,#0b315f 100%);color:#fff;padding:95px 0 100px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:76px;align-items:center}.eyebrow{display:inline-block;font-size:12px;letter-spacing:2px;font-weight:900;color:var(--cyan);margin-bottom:15px}.eyebrow.dark{color:var(--blue)}.hero h1,.page-hero h1{font-size:clamp(44px,6vw,72px);line-height:1.02;letter-spacing:-3px;margin:0 0 25px}.hero p,.page-hero p{font-size:19px;color:#c8d6e8;max-width:720px}.hero-actions{display:flex;gap:14px;margin:34px 0}.trust-row{display:flex;gap:22px;flex-wrap:wrap;color:#adbed3;font-size:13px}.hero-console{background:rgba(7,18,38,.78);border:1px solid rgba(39,215,255,.25);border-radius:18px;box-shadow:0 35px 90px rgba(0,0,0,.34);overflow:hidden;transform:perspective(1000px) rotateY(-3deg)}.console-top{padding:16px;background:rgba(255,255,255,.04);display:flex;gap:7px}.console-top span{width:9px;height:9px;border-radius:50%;background:#61708a}.metric{padding:31px;border-bottom:1px solid rgba(255,255,255,.08)}.metric strong{display:block;font-size:54px;line-height:1;color:var(--cyan)}.metric small{color:#99abc1}.console-list div{display:grid;grid-template-columns:35px 1fr auto;gap:12px;padding:17px 25px;border-bottom:1px solid rgba(255,255,255,.06);align-items:center}.console-list b{color:#657894}.console-list span{font-weight:700}.console-list i{font-style:normal;font-size:10px;color:#5ef1bc;letter-spacing:1px}.section{padding:90px 0}.section-soft{background:var(--soft)}.section-dark{background:var(--navy);color:#fff}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:42px}.section-heading h2,.split-section h2,.two-column h2,.cta-box h2{font-size:clamp(32px,4vw,48px);line-height:1.1;letter-spacing:-1.7px;margin:0}.section-heading p{max-width:460px;color:var(--muted)}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.service-card{padding:30px;border:1px solid var(--line);border-radius:12px;min-height:300px;display:flex;flex-direction:column;transition:.25s}.service-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#a8c8f4}.service-number{font-size:12px;color:var(--blue);font-weight:900;letter-spacing:2px}.service-card h3{font-size:24px;margin:24px 0 10px}.service-card p{color:var(--muted);font-size:15px}.service-card a{color:var(--blue);font-weight:800;margin-top:auto}.split-section{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.split-section p{color:#aebdd0;font-size:18px}.process-list{list-style:none;padding:0;margin:0}.process-list li{display:flex;gap:22px;padding:25px 0;border-bottom:1px solid rgba(255,255,255,.11)}.process-list>li>span{font-size:13px;color:var(--cyan);font-weight:900}.process-list b,.process-list small{display:block}.process-list b{font-size:19px}.process-list small{color:#94a7c0}.cta-section{padding:65px 0}.cta-box{background:linear-gradient(120deg,#dff9ff,#eaf3ff);border-radius:18px;padding:50px;display:flex;align-items:center;justify-content:space-between;gap:30px}.page-hero{background:linear-gradient(135deg,var(--navy),#103b70);color:#fff;padding:95px 0}.page-hero.compact{padding:65px 0}.page-hero.valery-hero{background:radial-gradient(circle at 80% 30%,rgba(39,215,255,.20),transparent 30%),linear-gradient(135deg,#06152e,#143b6b)}.detail-grid{display:grid;gap:22px}.detail-card{display:grid;grid-template-columns:90px 1fr;gap:20px;padding:42px;border:1px solid var(--line);border-radius:14px}.detail-index{font-size:36px;font-weight:900;color:#c7d8ec}.detail-card h2{font-size:32px;margin:0}.detail-card p{color:var(--muted)}.detail-card ul{columns:2;padding-left:20px}.detail-card li{margin:8px 0}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:80px}.two-column p{font-size:18px;color:var(--muted)}.feature-list{display:grid;gap:16px}.feature-list>div{padding:22px;border-left:4px solid var(--blue);background:var(--soft)}.feature-list b,.feature-list span{display:block}.feature-list span{color:var(--muted)}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.mini-grid>div{background:#fff;border:1px solid var(--line);padding:25px;font-weight:800;border-radius:10px}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.values-grid>div{padding:30px;border:1px solid rgba(255,255,255,.12);border-radius:12px}.values-grid span{color:var(--cyan);font-weight:900}.values-grid p{color:#aebdd0}.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.contact-card{border:1px solid var(--line);border-radius:14px;padding:35px;min-height:290px}.contact-card>span{font-size:12px;font-weight:900;color:var(--blue);letter-spacing:2px}.contact-card h2{font-size:27px}.contact-card p{color:var(--muted)}.contact-highlight{background:#e8f7ff}.form-section{background:var(--soft)}.form-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:55px;align-items:start}.form-aside{padding:20px 10px}.form-aside h2{font-size:38px;line-height:1.1}.form-aside p{color:var(--muted)}.aside-note{margin-top:30px;padding:22px;background:#fff;border-left:4px solid var(--blue)}.aside-note b,.aside-note span{display:block}.aside-note span{color:var(--muted)}.form-card{background:#fff;padding:40px;border-radius:15px;box-shadow:var(--shadow)}.stack-form{display:grid;gap:18px}.stack-form label{display:grid;gap:7px;font-weight:700;font-size:14px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}input,select,textarea{width:100%;border:1px solid #ccd7e5;border-radius:7px;padding:13px 14px;font:inherit;color:var(--ink);background:#fff}input:focus,select:focus,textarea:focus{outline:3px solid rgba(12,116,245,.13);border-color:var(--blue)}.alert{padding:14px 16px;border-radius:8px;margin-bottom:20px}.alert-success{background:#e3f8ef;color:#086c4d}.alert-danger{background:#ffe8eb;color:#9f2737}.alert-warning{background:#fff2d5;color:#8a5600}.success-panel{text-align:center;padding:30px}.success-panel>span{display:inline-grid;place-items:center;width:70px;height:70px;border-radius:50%;background:#e2f8ee;color:var(--success);font-size:34px}.success-panel strong{display:block;font-size:33px;color:var(--blue);margin:15px}.site-footer{background:#050f20;color:#9badc3;padding:60px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.footer-grid h3{color:#fff}.footer-grid a{display:block;margin:8px 0}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:40px;padding-top:20px;font-size:13px}.whatsapp-float{position:fixed;right:22px;bottom:22px;width:55px;height:55px;background:#18b96b;color:#fff;border-radius:50%;display:grid;place-items:center;font-weight:900;box-shadow:0 10px 30px rgba(0,0,0,.25)}.login-body,.install-body{min-height:100vh;background:var(--soft)}.login-shell{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-brand-panel{background:radial-gradient(circle at 80% 20%,rgba(39,215,255,.18),transparent 25%),var(--navy);padding:55px 9vw;color:#fff;display:flex;flex-direction:column;justify-content:space-between}.login-brand-panel h1{font-size:55px;line-height:1.04;letter-spacing:-2px}.login-brand-panel p{color:#aebed1;font-size:18px}.login-form-panel{display:grid;place-items:center;padding:40px}.login-form-wrap{width:min(420px,100%)}.login-form-wrap h2{font-size:34px;margin-bottom:5px}.login-form-wrap>p{color:var(--muted)}.back-link{display:block;text-align:center;margin-top:25px;color:var(--muted)}.install-body{display:grid;place-items:center;padding:40px}.install-card{width:min(580px,100%);background:#fff;border-radius:16px;padding:42px;box-shadow:var(--shadow)}.security-note{font-size:13px;color:var(--muted);margin-top:25px}code{background:#edf2f7;padding:2px 5px;border-radius:4px}@media(max-width:950px){.main-nav{position:absolute;top:82px;left:0;right:0;background:var(--navy);padding:20px;display:none;flex-direction:column;align-items:stretch}.main-nav.open{display:flex}.main-nav>a:not(.btn){padding:10px 0}.nav-toggle{display:block}.hero-grid,.split-section,.two-column,.form-layout,.login-shell{grid-template-columns:1fr}.hero-console{transform:none}.service-grid{grid-template-columns:repeat(2,1fr)}.section-heading{align-items:start;flex-direction:column}.login-brand-panel{min-height:420px}.contact-grid{grid-template-columns:1fr}.detail-card ul{columns:1}}@media(max-width:620px){.container{width:min(100% - 26px,1160px)}.hero,.section{padding:65px 0}.hero h1,.page-hero h1{letter-spacing:-2px}.service-grid,.mini-grid,.values-grid,.form-row{grid-template-columns:1fr}.detail-card{grid-template-columns:1fr;padding:28px}.cta-box{padding:30px;align-items:flex-start;flex-direction:column}.form-card{padding:24px}.footer-grid{grid-template-columns:1fr}.trust-row{display:grid;gap:8px}}
.site-notice{background:#27d7ff;color:#07152b;text-align:center;padding:9px 16px;font-weight:800;font-size:13px}
.auth-divider{display:flex;align-items:center;gap:12px;margin:24px 0 16px;color:var(--muted);font-size:12px}.auth-divider:before,.auth-divider:after{content:"";height:1px;background:var(--line);flex:1}.btn-client-register{background:#e8f3ff;border-color:#bcd8fb;color:#075dbd}.btn-client-register:hover{background:#dceeff}.auth-help{text-align:center!important;font-size:12px!important;margin:10px 0 0!important;color:var(--muted)!important}.register-shell{min-height:100vh;display:grid;grid-template-columns:minmax(330px,.72fr) minmax(620px,1.28fr)}.register-brand-panel{position:sticky;top:0;height:100vh;background:radial-gradient(circle at 82% 15%,rgba(39,215,255,.20),transparent 28%),linear-gradient(155deg,var(--navy),#0b2e5d);padding:52px 6vw;color:#fff;display:flex;flex-direction:column;justify-content:space-between}.register-brand-panel h1{font-size:clamp(38px,4.5vw,62px);line-height:1.03;letter-spacing:-2.5px;margin:15px 0 24px}.register-brand-panel p{color:#b8c8da;font-size:17px;max-width:560px}.register-benefits{list-style:none;padding:0;margin:30px 0 0;display:grid;gap:12px;color:#d8e7f6}.register-benefits li:before{content:"✓";color:var(--cyan);font-weight:900;margin-right:10px}.register-form-panel{background:var(--soft);padding:48px 5vw;display:flex;align-items:flex-start;justify-content:center}.register-form-wrap{width:min(780px,100%);background:#fff;border:1px solid var(--line);border-radius:16px;padding:38px;box-shadow:var(--shadow)}.register-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:26px}.register-heading h2{font-size:36px;margin:0}.register-heading a{color:var(--blue);font-weight:800;white-space:nowrap}.registration-form{gap:20px}.registration-form textarea{resize:vertical}.password-note{font-size:12px;color:var(--muted);margin:-8px 0 0}.consent-label{display:flex!important;grid-template-columns:none!important;align-items:flex-start;gap:10px!important;font-size:12px!important;font-weight:600!important;color:#526279}.consent-label input{width:auto;margin-top:4px;flex:none}.honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.registration-result{text-align:center;padding:35px 15px}.registration-result>span{display:inline-grid;place-items:center;width:74px;height:74px;border-radius:50%;background:#e3f8ef;color:var(--success);font-size:36px;font-weight:900}.registration-result h2{font-size:34px;margin:18px 0 8px}.registration-result p{color:var(--muted);max-width:580px;margin:0 auto 25px}@media(max-width:1000px){.register-shell{grid-template-columns:1fr}.register-brand-panel{position:relative;height:auto;min-height:470px;padding:42px 7vw}.register-form-panel{padding:35px 20px}}@media(max-width:620px){.register-form-wrap{padding:24px}.register-heading{display:grid}.register-brand-panel h1{font-size:40px}.register-form-panel{padding:20px 12px}.consent-label{font-size:11px!important}}


/* HappyTec360 V4.3 - Portafolio público */
.portfolio-hero{background:radial-gradient(circle at 85% 20%,rgba(39,215,255,.22),transparent 28%),linear-gradient(135deg,#06152e,#174d85)}
.portfolio-hero p{max-width:760px;color:#c8d7e9;font-size:19px}
.portfolio-filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:32px}
.portfolio-filters a{padding:10px 16px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-weight:800;font-size:13px;background:#fff}
.portfolio-filters a.active,.portfolio-filters a:hover{background:var(--navy);border-color:var(--navy);color:#fff}
.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.portfolio-grid-home{grid-template-columns:repeat(3,minmax(0,1fr))}
.portfolio-card{border:1px solid var(--line);border-radius:15px;background:#fff;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 10px 35px rgba(8,31,60,.06);transition:.25s}
.portfolio-card:hover{transform:translateY(-5px);box-shadow:0 20px 45px rgba(8,31,60,.13)}
.portfolio-card-media{position:relative;display:block;aspect-ratio:16/10;background:linear-gradient(135deg,#082142,#176bc0);overflow:hidden}
.portfolio-card-media img{width:100%;height:100%;object-fit:cover;transition:.4s}
.portfolio-card:hover .portfolio-card-media img{transform:scale(1.04)}
.portfolio-card-media em{position:absolute;top:14px;left:14px;background:var(--cyan);color:#07152b;font-style:normal;font-size:10px;font-weight:900;letter-spacing:1.3px;padding:7px 10px;border-radius:5px}
.portfolio-placeholder{width:100%;height:100%;display:grid;place-items:center;align-content:center;color:#fff;gap:7px;background:radial-gradient(circle at 80% 20%,rgba(39,215,255,.28),transparent 30%),linear-gradient(145deg,#07172f,#154f85)}
.portfolio-placeholder b{font-size:42px;letter-spacing:-2px}.portfolio-placeholder small{color:#b9d5ee;font-weight:800;text-transform:uppercase;letter-spacing:1px}
.portfolio-card-body{padding:25px;display:flex;flex:1;flex-direction:column}
.portfolio-meta{display:flex;justify-content:space-between;gap:15px;color:var(--blue);font-size:11px;font-weight:900;letter-spacing:1.2px;text-transform:uppercase}
.portfolio-card h2,.portfolio-card h3{margin:14px 0 10px;line-height:1.14}.portfolio-card h2{font-size:24px}.portfolio-card h3{font-size:22px}
.portfolio-card h2 a,.portfolio-card h3 a{color:var(--ink)}
.portfolio-card-body>p{color:var(--muted);font-size:14px}
.portfolio-client{border-top:1px solid var(--line);padding-top:15px;margin-top:auto;font-weight:800;font-size:13px}.portfolio-client small{display:block;color:var(--muted);font-weight:500;margin-top:3px}
.portfolio-link{color:var(--blue);font-weight:900;margin-top:16px}
.section-center-action{text-align:center;margin-top:34px}
.trusted-strip{margin-top:55px;border-top:1px solid var(--line);padding-top:30px}.trusted-strip>span{display:block;text-align:center;color:var(--muted);font-size:11px;font-weight:900;letter-spacing:1.6px;margin-bottom:20px}.trusted-strip>div{display:flex;justify-content:center;align-items:center;gap:16px;flex-wrap:wrap}.trusted-strip figure{height:72px;min-width:145px;padding:12px 18px;margin:0;border:1px solid var(--line);border-radius:10px;background:#fff;display:grid;place-items:center}.trusted-strip img{max-width:120px;max-height:45px;object-fit:contain}.trusted-strip strong{font-size:14px}
.clients-showcase{background:var(--soft)}
.client-logo-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px}
.client-logo-card{min-height:135px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.client-logo-card img{max-width:145px;max-height:65px;object-fit:contain}.client-logo-card strong{font-size:18px;color:var(--ink)}.client-logo-card small{color:var(--muted);margin-top:10px}
.testimonial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:45px}
.testimonial-grid blockquote{margin:0;background:#fff;border:1px solid var(--line);border-radius:14px;padding:28px}.testimonial-grid blockquote>p{font-size:17px;line-height:1.65;color:#31445e}.testimonial-grid footer{display:grid;gap:2px}.testimonial-grid footer strong{color:var(--ink)}.testimonial-grid footer span{font-size:13px;color:var(--muted)}
.public-empty{grid-column:1/-1;text-align:center;padding:70px 25px;border:1px dashed #b8c8dc;border-radius:15px;background:var(--soft)}.public-empty strong{font-size:25px}.public-empty p{color:var(--muted)}
.project-detail-hero{position:relative;min-height:570px;background:linear-gradient(135deg,#06152e,#174d85);display:flex;align-items:flex-end;color:#fff;overflow:hidden}
.project-detail-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.project-detail-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,13,29,.93) 0%,rgba(2,13,29,.72) 55%,rgba(2,13,29,.25) 100%)}
.project-detail-heading{position:relative;z-index:1;padding-top:130px;padding-bottom:75px}.project-detail-heading>a{color:#c9d9ea;font-weight:800;display:inline-block;margin-bottom:38px}.project-detail-heading h1{max-width:900px;font-size:clamp(42px,6vw,74px);letter-spacing:-3px;line-height:1}.project-detail-heading p{max-width:760px;font-size:19px;color:#d4e1ef}
.project-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:80px;align-items:start}
.project-story{display:grid;gap:55px}.project-copy>span{color:var(--blue);font-size:11px;font-weight:900;letter-spacing:1.8px}.project-copy h2{font-size:36px;margin:10px 0}.project-copy p{font-size:18px;line-height:1.8;color:#526279}.project-results{border-left:5px solid var(--cyan);padding:28px 32px;background:#edfaff}
.project-facts{position:sticky;top:110px;border:1px solid var(--line);border-radius:14px;padding:28px;background:var(--soft);display:grid;gap:0}.project-facts>div{padding:17px 0;border-bottom:1px solid var(--line)}.project-facts>div:last-child{border-bottom:0}.project-facts span{display:block;color:var(--muted);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:1px}.project-facts strong{display:block;margin-top:5px;font-size:16px}.project-facts p{color:#526279;margin:7px 0 0}
.project-gallery-section{background:var(--soft)}.project-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.project-gallery figure{margin:0;background:#fff;border-radius:13px;overflow:hidden;border:1px solid var(--line)}.project-gallery img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}.project-gallery figcaption{padding:13px 16px;color:var(--muted);font-size:13px}
@media(max-width:1000px){.portfolio-grid,.portfolio-grid-home{grid-template-columns:repeat(2,minmax(0,1fr))}.client-logo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.testimonial-grid{grid-template-columns:1fr 1fr}.project-detail-grid{grid-template-columns:1fr}.project-facts{position:static}}
@media(max-width:650px){.portfolio-grid,.portfolio-grid-home,.testimonial-grid,.project-gallery{grid-template-columns:1fr}.client-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-detail-hero{min-height:520px}.project-detail-heading h1{letter-spacing:-2px}.project-detail-heading{padding-bottom:55px}.project-copy h2{font-size:30px}}

/* HappyTec360 V4.5 - Portal público de correo */
.mail-public-hero{background:radial-gradient(circle at 82% 18%,rgba(39,215,255,.22),transparent 30%),linear-gradient(135deg,#06142d,#0b2c59 72%,#0d4d86);color:#fff;padding:95px 0 100px}.mail-public-hero-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(330px,.88fr);gap:72px;align-items:center}.mail-public-hero h1{font-size:clamp(43px,5.7vw,70px);line-height:1.02;letter-spacing:-3px;margin:0 0 24px}.mail-public-hero p{font-size:18px;color:#c7d7e9;max-width:730px}.mail-security-note{display:flex;gap:12px;align-items:flex-start;margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,.13)}.mail-security-note b{color:var(--cyan);white-space:nowrap}.mail-security-note span{color:#afc2d7;font-size:13px}.mail-login-preview{padding:38px;background:rgba(4,16,35,.78);border:1px solid rgba(39,215,255,.28);border-radius:18px;box-shadow:0 35px 90px rgba(0,0,0,.35);backdrop-filter:blur(12px)}.mail-login-preview>span{display:block;color:var(--cyan);font-size:10px;letter-spacing:2px;font-weight:900}.mail-login-preview h2{font-size:31px;margin:8px 0 12px;word-break:break-word}.mail-login-preview p{font-size:15px}.mail-login-preview small{display:block;text-align:center;color:#9fb3ca;margin-top:15px}.mail-at-symbol{width:74px;height:74px;border-radius:17px;display:grid;place-items:center;margin-bottom:25px;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;font-size:43px;font-weight:900;box-shadow:0 14px 35px rgba(12,116,245,.3)}.mail-settings-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.mail-settings-grid article{padding:28px;border:1px solid var(--line);border-radius:13px;background:#fff;min-height:310px}.mail-settings-grid article>span{color:var(--blue);font-size:11px;letter-spacing:1.8px;font-weight:900}.mail-settings-grid h3{font-size:22px;line-height:1.2;margin:20px 0}.mail-settings-grid p{color:var(--muted);font-size:14px}.mail-settings-grid article>strong{display:block;padding:12px;background:#edf5ff;border-radius:7px;color:var(--blue);font-size:14px;word-break:break-all}.mail-settings-grid dl{margin:0}.mail-settings-grid dl>div{padding:11px 0;border-bottom:1px solid var(--line)}.mail-settings-grid dl>div:last-child{border-bottom:0}.mail-settings-grid dt{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:1px;font-weight:800}.mail-settings-grid dd{margin:3px 0 0;font-weight:800;word-break:break-word}.mail-help-grid{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.mail-help-grid h2{font-size:clamp(34px,4vw,49px);line-height:1.08;letter-spacing:-1.7px;margin:0 0 18px}.mail-help-grid>div>p{color:var(--muted);font-size:17px}.mail-help-card{background:#fff;border:1px solid var(--line);border-left:5px solid var(--cyan);border-radius:13px;padding:34px;box-shadow:var(--shadow)}.mail-help-card h3{font-size:27px;margin:0 0 10px}@media(max-width:980px){.mail-public-hero-grid,.mail-help-grid{grid-template-columns:1fr}.mail-public-hero-grid{gap:45px}.mail-settings-grid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.mail-public-hero{padding:70px 0}.mail-public-hero h1{letter-spacing:-2px}.mail-settings-grid{grid-template-columns:1fr}.mail-login-preview{padding:27px}.mail-security-note{display:grid}.mail-public-hero .hero-actions{display:grid}.mail-public-hero .hero-actions .btn{width:100%}}

/* HappyTec360 V4.6 - Equipo Sinergia */
.btn-outline-dark{border-color:#b8c7d9;color:var(--navy);background:#fff}.btn-outline-dark:hover{border-color:var(--blue);color:var(--blue);transform:translateY(-1px)}
.sinergia-hero{background:radial-gradient(circle at 82% 18%,rgba(39,215,255,.20),transparent 31%),linear-gradient(135deg,#06142d,#0a2851 65%,#0d4a82);color:#fff;padding:92px 0 98px;overflow:hidden}.sinergia-hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:75px;align-items:center}.sinergia-hero h1{font-size:clamp(46px,6vw,74px);line-height:1;letter-spacing:-3px;margin:0 0 12px}.sinergia-hero h2{font-size:clamp(23px,3vw,35px);font-weight:700;color:#b9cee5;margin:0 0 22px}.sinergia-hero p{max-width:760px;color:#c6d6e8;font-size:18px}.sinergia-network-card{padding:34px;background:rgba(4,16,35,.72);border:1px solid rgba(39,215,255,.28);border-radius:18px;box-shadow:0 35px 90px rgba(0,0,0,.28);display:grid;gap:14px}.sinergia-network-card>span{color:var(--cyan);font-size:11px;letter-spacing:2px;font-weight:900}.sinergia-network-card>strong{font-size:64px;line-height:.95;color:#fff}.sinergia-network-card>small{color:#9eb4cb;margin-bottom:8px}.sinergia-network-card>div{display:flex;gap:12px;align-items:center;padding-top:14px;border-top:1px solid rgba(255,255,255,.09)}.sinergia-network-card>div b{color:var(--cyan)}.sinergia-network-card>div p{margin:0;font-size:14px;color:#c3d3e5}.sinergia-section{background:#fff}.sinergia-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.sinergia-card{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff;display:flex;flex-direction:column;box-shadow:0 12px 34px rgba(8,31,60,.06);transition:.22s}.sinergia-card:hover{transform:translateY(-5px);box-shadow:0 22px 50px rgba(8,31,60,.13)}.sinergia-card.is-featured{border-color:#9fc9ff}.sinergia-photo{position:relative;aspect-ratio:1/1;background:linear-gradient(145deg,#0a2042,#1765ad);overflow:hidden}.sinergia-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;z-index:2}.sinergia-initials{position:absolute;inset:0;display:grid;place-items:center;font-size:68px;font-weight:900;letter-spacing:-4px;color:rgba(255,255,255,.82);background:radial-gradient(circle at 70% 25%,rgba(39,215,255,.28),transparent 32%),linear-gradient(145deg,#081b38,#15588f)}.sinergia-photo>span{position:absolute;z-index:3;left:14px;top:14px;padding:7px 10px;border-radius:5px;background:var(--cyan);color:#06142d;font-size:10px;font-weight:900;letter-spacing:1.2px}.sinergia-card-body{padding:25px;display:flex;flex:1;flex-direction:column}.sinergia-specialty{color:var(--blue);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:1.25px}.sinergia-card h3{font-size:25px;line-height:1.1;margin:9px 0 4px}.sinergia-company{font-size:13px;font-weight:800;color:#4d5f77}.sinergia-card-body>p{font-size:14px;color:var(--muted);margin:16px 0;line-height:1.7}.sinergia-facts{display:grid;gap:7px;padding-top:15px;margin-top:auto;border-top:1px solid var(--line)}.sinergia-facts span{font-size:12px;color:#53647a;font-weight:700}.sinergia-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:19px}.sinergia-actions .btn{min-height:41px;padding:0 15px;font-size:12px}.sinergia-collaboration .split-section{align-items:start}.sinergia-capabilities{display:flex;gap:10px;flex-wrap:wrap}.sinergia-capabilities span{padding:11px 14px;border:1px solid rgba(255,255,255,.16);border-radius:30px;background:rgba(255,255,255,.06);font-weight:800;color:#d9e7f5;font-size:13px}
@media(max-width:1020px){.sinergia-hero-grid{grid-template-columns:1fr;gap:42px}.sinergia-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sinergia-network-card{max-width:620px}}
@media(max-width:650px){.sinergia-hero{padding:68px 0 75px}.sinergia-hero h1{letter-spacing:-2px}.sinergia-grid{grid-template-columns:1fr}.sinergia-card{max-width:460px;width:100%;margin:auto}.sinergia-actions{display:grid}.sinergia-actions .btn{width:100%}.sinergia-network-card>strong{font-size:52px}}
@media(max-width:1120px){.main-nav{position:absolute;top:82px;left:0;right:0;background:var(--navy);padding:20px;display:none;flex-direction:column;align-items:stretch}.main-nav.open{display:flex}.main-nav>a:not(.btn){padding:10px 0}.nav-toggle{display:block}}

/* HappyTec360 V4.6.1 - Rediseño premium Equipo Sinergia */
.sinergia-hero-v2{position:relative;padding:70px 0 72px;background:radial-gradient(circle at 84% 12%,rgba(39,215,255,.16),transparent 27%),radial-gradient(circle at 66% 84%,rgba(12,116,245,.17),transparent 36%),linear-gradient(135deg,#061327 0%,#071a35 50%,#0b2a53 100%);isolation:isolate}.sinergia-hero-v2:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 0 58%,rgba(255,255,255,.025) 58% 59%,transparent 59% 100%);pointer-events:none}.sinergia-wave{position:absolute;z-index:-1;border:1px solid rgba(56,185,255,.10);border-radius:50%;pointer-events:none}.sinergia-wave-one{width:900px;height:370px;right:-210px;bottom:-255px;transform:rotate(-8deg)}.sinergia-wave-two{width:1050px;height:420px;right:-270px;bottom:-300px;transform:rotate(-8deg);border-color:rgba(56,185,255,.07)}
.sinergia-hero-grid-v2{display:grid;grid-template-columns:minmax(0,.92fr) minmax(560px,1.08fr);gap:60px;align-items:center}.sinergia-hero-copy-v2{max-width:560px}.sinergia-hero-v2 h1{font-size:clamp(48px,5.2vw,68px);line-height:.98;letter-spacing:-3.2px;margin:0 0 12px}.sinergia-hero-v2 h2{font-size:clamp(22px,2.2vw,30px);line-height:1.2;color:#f4f8fd;margin:0 0 18px;font-weight:800}.sinergia-hero-v2 p{font-size:16px;line-height:1.75;color:#bdcce0;max-width:555px;margin:0}.sinergia-hero-actions-v2{margin:28px 0 0}.sinergia-primary-cta{gap:10px}.sinergia-primary-cta svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.sinergia-stats-panel{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:26px 20px;background:rgba(5,19,40,.72);border:1px solid rgba(146,187,233,.28);border-radius:18px;box-shadow:0 30px 65px rgba(0,0,0,.24);backdrop-filter:blur(10px)}.sinergia-stat{position:relative;text-align:center;padding:8px 18px;min-width:0}.sinergia-stat+.sinergia-stat:before{content:"";position:absolute;left:0;top:11px;bottom:11px;width:1px;background:rgba(255,255,255,.09)}.sinergia-stat-icon{width:40px;height:40px;margin:0 auto 10px;display:grid;place-items:center;color:var(--cyan)}.sinergia-stat-icon svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.sinergia-stat strong{display:block;color:#fff;font-size:clamp(24px,2.1vw,32px);line-height:1.08;letter-spacing:-.7px;white-space:nowrap}.sinergia-stat small{display:block;color:#aebfd3;font-size:12px;line-height:1.45;margin-top:8px}
.sinergia-members-v2{padding:58px 0 78px;background:linear-gradient(180deg,#fff 0%,#f7faff 45%,#f4f8fc 100%)}.sinergia-section-head-v2{text-align:center;max-width:850px;margin:0 auto 38px}.sinergia-section-head-v2 .eyebrow{margin-bottom:6px}.sinergia-section-head-v2 h2{font-size:clamp(31px,3.6vw,45px);line-height:1.07;letter-spacing:-1.7px;margin:0 0 12px;color:var(--navy)}.sinergia-section-head-v2 p{max-width:780px;margin:0 auto;color:#64748a;font-size:15px;line-height:1.65}
.sinergia-grid-v2{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.sinergia-card-v2{position:relative;flex:0 0 calc(25% - 15px);min-width:0;min-height:400px;padding:26px 17px 16px;background:#fff;border:1px solid #dfe7f1;border-radius:14px;box-shadow:0 10px 30px rgba(12,36,70,.07);display:flex;flex-direction:column;align-items:stretch;text-align:center;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;overflow:hidden}.sinergia-card-v2:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--blue),var(--cyan));opacity:0;transition:.22s}.sinergia-card-v2:hover{transform:translateY(-5px);box-shadow:0 20px 46px rgba(12,36,70,.13);border-color:#bad7fb}.sinergia-card-v2:hover:before,.sinergia-card-v2.is-featured:before{opacity:1}.sinergia-card-v2.is-featured{border-color:#a7cffb;box-shadow:0 13px 34px rgba(12,116,245,.12)}.sinergia-featured-badge{position:absolute;top:12px;right:11px;padding:4px 7px;border-radius:20px;background:#e8f7ff;color:#0865c8;border:1px solid #bde8fb;font-size:8px;line-height:1;font-weight:900;letter-spacing:.85px}
.sinergia-avatar-v2{position:relative;width:92px;height:92px;margin:0 auto 12px;border-radius:50%;padding:3px;background:linear-gradient(145deg,var(--cyan),var(--blue));box-shadow:0 8px 24px rgba(12,116,245,.18)}.sinergia-avatar-v2:after{content:"";position:absolute;inset:3px;border-radius:50%;border:3px solid #fff;z-index:3;pointer-events:none}.sinergia-avatar-v2 img,.sinergia-avatar-initials-v2{position:absolute;inset:3px;width:calc(100% - 6px);height:calc(100% - 6px);border-radius:50%;object-fit:cover;object-position:center top}.sinergia-avatar-v2 img{z-index:2}.sinergia-avatar-initials-v2{z-index:1;display:grid;place-items:center;background:radial-gradient(circle at 70% 25%,rgba(39,215,255,.28),transparent 32%),linear-gradient(145deg,#092348,#1768ae);color:#fff;font-size:26px;font-weight:900;letter-spacing:-1px}
.sinergia-card-content-v2{display:flex;flex-direction:column;align-items:center;flex:1;min-height:0}.sinergia-card-v2 h3{font-size:19px;line-height:1.15;letter-spacing:-.4px;margin:0 0 4px;color:#0b1830}.sinergia-specialty-v2{color:var(--blue);font-size:13px;line-height:1.35;font-weight:850;min-height:36px;display:flex;align-items:flex-start;justify-content:center}.sinergia-company-v2{font-size:11px;font-weight:800;color:#73829a;margin-top:2px}.sinergia-description-v2{font-size:11.5px;line-height:1.5;color:#6b7a90;margin:10px 0 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.sinergia-meta-v2{width:100%;margin-top:auto;padding:13px 0 0;display:grid;gap:6px;border-top:1px solid #edf1f6}.sinergia-meta-v2 span{display:flex;align-items:flex-start;justify-content:center;gap:6px;color:#64748a;font-size:10.5px;line-height:1.35;font-weight:650}.sinergia-meta-v2 svg{flex:0 0 14px;width:14px;height:14px;color:#1183dd;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;margin-top:1px}
.sinergia-card-actions-v2{display:flex;gap:7px;margin-top:13px}.sinergia-contact-btn,.sinergia-web-btn{min-height:38px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:850;transition:.2s}.sinergia-contact-btn{flex:1;background:linear-gradient(135deg,#0876f5,#0c67de);color:#fff;box-shadow:0 8px 17px rgba(12,116,245,.19)}.sinergia-contact-btn:hover{transform:translateY(-1px);box-shadow:0 10px 21px rgba(12,116,245,.27)}.sinergia-contact-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}.sinergia-web-btn{flex:0 0 auto;padding:0 11px;color:#38506c;background:#f5f8fc;border:1px solid #dbe4ef}.sinergia-web-btn:hover{color:var(--blue);border-color:#afd2f9;background:#eef6ff}.sinergia-web-btn svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.sinergia-empty-v2{width:100%;text-align:center;padding:42px;border:1px dashed #c9d6e7;border-radius:14px;background:#fff}
.sinergia-band-v2{padding:62px 0;background:radial-gradient(circle at 15% 20%,rgba(39,215,255,.08),transparent 28%),linear-gradient(135deg,#061327,#081b37);color:#fff}.sinergia-band-inner-v2{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.sinergia-band-v2 h2{font-size:clamp(31px,3.8vw,46px);line-height:1.05;letter-spacing:-1.6px;margin:0 0 14px}.sinergia-band-v2 p{color:#aebfd3;margin:0;font-size:15px;max-width:560px}.sinergia-capabilities-v2{display:flex;flex-wrap:wrap;gap:9px}.sinergia-capabilities-v2 span{padding:9px 13px;border-radius:40px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.055);color:#d9e6f4;font-size:12px;font-weight:750}
.sinergia-cta-v2{padding:55px 0 65px;background:#fff}.sinergia-cta-box-v2{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:38px 42px;border:1px solid #cfe6fa;border-radius:18px;background:radial-gradient(circle at 84% 10%,rgba(39,215,255,.13),transparent 32%),linear-gradient(120deg,#eaf9ff,#eef4ff);box-shadow:0 14px 40px rgba(17,67,118,.07)}.sinergia-cta-box-v2 h2{font-size:clamp(29px,3.3vw,40px);line-height:1.08;letter-spacing:-1.4px;margin:0 0 7px;color:var(--navy)}.sinergia-cta-box-v2 p{margin:0;color:#5f7086;font-size:14px}.sinergia-cta-box-v2 .eyebrow{margin-bottom:7px}
@media(max-width:1120px){.sinergia-hero-grid-v2{grid-template-columns:1fr;gap:38px}.sinergia-hero-copy-v2{max-width:720px}.sinergia-stats-panel{max-width:760px}.sinergia-card-v2{flex-basis:calc(33.333% - 14px)}}
@media(max-width:860px){.sinergia-stats-panel{grid-template-columns:repeat(2,1fr);padding:18px}.sinergia-stat:nth-child(3):before{display:none}.sinergia-stat:nth-child(n+3){border-top:1px solid rgba(255,255,255,.09);padding-top:20px;margin-top:10px}.sinergia-card-v2{flex-basis:calc(50% - 10px)}.sinergia-band-inner-v2{grid-template-columns:1fr;gap:32px}.sinergia-cta-box-v2{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.sinergia-hero-v2{padding:55px 0 58px}.sinergia-hero-v2 h1{font-size:44px;letter-spacing:-2.2px}.sinergia-hero-v2 h2{font-size:23px}.sinergia-hero-v2 p{font-size:15px}.sinergia-hero-actions-v2{display:grid}.sinergia-hero-actions-v2 .btn{width:100%}.sinergia-stats-panel{grid-template-columns:1fr 1fr;padding:14px 9px}.sinergia-stat{padding:8px 8px}.sinergia-stat strong{font-size:21px}.sinergia-stat small{font-size:10.5px}.sinergia-members-v2{padding:48px 0 58px}.sinergia-section-head-v2{margin-bottom:30px}.sinergia-section-head-v2 h2{font-size:34px}.sinergia-card-v2{flex-basis:100%;max-width:390px;min-height:380px}.sinergia-avatar-v2{width:96px;height:96px}.sinergia-band-v2{padding:50px 0}.sinergia-cta-v2{padding:42px 0 52px}.sinergia-cta-box-v2{padding:30px 24px}.sinergia-cta-box-v2 .btn{width:100%}}

/* ===== Valery dropdown navigation v4.9 ===== */
.nav-dropdown{position:relative;align-self:stretch;display:flex;align-items:center}
.nav-dropdown-trigger{height:100%;display:flex;align-items:center;border-bottom:2px solid transparent}
.nav-dropdown.active .nav-dropdown-trigger,.nav-dropdown:hover .nav-dropdown-trigger,.nav-dropdown:focus-within .nav-dropdown-trigger{border-bottom-color:var(--cyan)}
.nav-dropdown-main{display:flex;align-items:center;height:100%;padding:0;color:#c9d5e7;font-size:14px;font-weight:700;white-space:nowrap}
.nav-dropdown.active .nav-dropdown-main,.nav-dropdown:hover .nav-dropdown-main,.nav-dropdown:focus-within .nav-dropdown-main{color:#fff}
.nav-dropdown-toggle{display:grid;place-items:center;width:24px;height:34px;margin-left:3px;padding:0;border:0;background:transparent;color:#94a8c2;cursor:pointer}
.nav-dropdown-toggle svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s ease}
.nav-dropdown:hover .nav-dropdown-toggle,.nav-dropdown:focus-within .nav-dropdown-toggle,.nav-dropdown.open .nav-dropdown-toggle{color:var(--cyan)}
.nav-dropdown.open .nav-dropdown-toggle svg,.nav-dropdown:hover .nav-dropdown-toggle svg,.nav-dropdown:focus-within .nav-dropdown-toggle svg{transform:rotate(180deg)}
.nav-submenu{position:absolute;top:calc(100% - 1px);left:50%;width:300px;padding:9px;background:#fff;border:1px solid #dbe5f1;border-radius:12px;box-shadow:0 22px 55px rgba(2,16,38,.24);opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,8px);transition:opacity .18s ease,transform .18s ease,visibility .18s ease;z-index:90}
.nav-dropdown:hover .nav-submenu,.nav-dropdown:focus-within .nav-submenu,.nav-dropdown.open .nav-submenu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}
.nav-submenu:before{content:"";position:absolute;top:-7px;left:50%;width:12px;height:12px;background:#fff;border-left:1px solid #dbe5f1;border-top:1px solid #dbe5f1;transform:translateX(-50%) rotate(45deg)}
.nav-submenu>a{position:relative;z-index:1;display:block;padding:11px 13px;border-radius:8px;color:#122039;line-height:1.25;transition:.16s ease}
.nav-submenu>a:hover,.nav-submenu>a:focus{background:#edf6ff;color:#075fc8;outline:none}
.nav-submenu>a+a{margin-top:2px}
.nav-submenu span{display:block;font-size:13.5px;font-weight:850}
.nav-submenu small{display:block;margin-top:3px;color:#718198;font-size:10.5px;font-weight:650}
.nav-submenu>a:hover small,.nav-submenu>a:focus small{color:#4d6f98}

@media(max-width:950px){
  .nav-dropdown{display:block;align-self:auto;width:100%}
  .nav-dropdown-trigger{height:auto;width:100%;border-bottom:0!important;display:grid;grid-template-columns:1fr 42px;align-items:center}
  .nav-dropdown-main{height:auto;padding:10px 0!important;border:0!important;color:#c9d5e7}
  .nav-dropdown-toggle{width:42px;height:42px;justify-self:end;border:1px solid rgba(255,255,255,.10);border-radius:8px;color:#b8c8dc}
  .nav-submenu{position:static;width:100%;padding:0 0 0 13px;margin:0;background:transparent;border:0;border-radius:0;box-shadow:none;opacity:1;visibility:visible;pointer-events:auto;transform:none;display:none}
  .nav-dropdown.open .nav-submenu{display:block;transform:none}
  .nav-submenu:before{display:none}
  .nav-submenu>a{padding:10px 12px;border-left:2px solid rgba(39,215,255,.26);border-radius:0;color:#d7e4f4;background:rgba(255,255,255,.025)}
  .nav-submenu>a:hover,.nav-submenu>a:focus{background:rgba(39,215,255,.08);color:#fff;border-left-color:var(--cyan)}
  .nav-submenu small{color:#8297b1}
}