/* Industrial + Inter: asistencia directa y entrada a App Tecnolux. */
.app-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:9px 13px;background:var(--navy);border:1px solid var(--navy);color:#fff;font-size:11px;font-weight:600;white-space:nowrap;flex-shrink:0;transition:background .2s}
.app-link:hover{background:var(--blue);border-color:var(--blue)}
.app-link svg{width:16px;height:16px}
.app-link-short{display:none}
.header-inner{gap:23px}
.shop-link{padding-left:20px;flex-shrink:0}
.hero .hero-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:55px;align-items:center;padding-top:55px;padding-bottom:60px}
.hero-copy{min-width:0}
:root[data-font="inter"] .hero .hero-copy h1{font-size:clamp(46px,4.3vw,62px);line-height:1.08;max-width:800px;font-weight:650;letter-spacing:-.04em}
.hero .hero-copy>p{max-width:475px;margin-top:24px}
.hero-copy .hero-actions{gap:11px;margin-top:28px}
.hero-copy .hero-actions .button{font-size:12px;padding:12px 17px;gap:11px}
.hero-copy .hero-foot{margin-top:32px;gap:19px;font-size:10px}
.help-panel,.quick-help-panel{position:relative;color:var(--ink);background:#fff;border:1px solid #dce7ee;border-radius:8px;box-shadow:0 15px 45px #031c3426;min-width:0;text-align:left}
.help-panel:before{content:'';position:absolute;left:-10px;top:50px;width:18px;height:18px;background:#fff;border-left:1px solid #dce7ee;border-bottom:1px solid #dce7ee;transform:rotate(45deg)}
.help-heading{position:relative;padding:24px 25px 21px}
.helper-label{display:block;color:#607788;font-size:9px;font-weight:600;letter-spacing:1.3px;text-transform:uppercase;margin-bottom:11px;line-height:1.5}
:root[data-font="inter"] .help-heading h2{font-size:23px;line-height:1.22;letter-spacing:-.035em;font-weight:600;color:var(--navy)}
.help-action{display:grid;grid-template-columns:25px minmax(0,1fr) 16px;gap:12px;align-items:center;padding:17px 23px;border-top:1px solid #e3ebf0;transition:background .2s}
.help-action:hover{background:#edf7fc}
.help-action>svg:first-child{width:23px;height:23px;color:var(--blue)}
.help-action>svg:last-child{width:16px;height:16px;color:var(--navy)}
.help-action>span{min-width:0}
.help-action strong{display:block;font-size:12px;line-height:1.4;font-weight:600;color:var(--navy)}
.help-action small{display:block;font-size:10px;line-height:1.6;color:#617788;margin-top:4px}
.help-app-entry{padding:14px 24px;border-top:1px solid #e3ebf0;font-size:10px;line-height:1.7;color:#5d7485}
.help-app-entry a{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:var(--navy);border-bottom:1px solid var(--blue);margin-left:4px}
.help-app-entry a svg{width:12px;height:12px}
.help-panel p,.quick-help-panel p{color:#5d7485;font-size:11px;line-height:1.6;margin:0}
.help-phone{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 24px;background:#edf4f8;border-radius:0 0 8px 8px;color:#5d7485;font-size:10px}
.help-phone a{font-size:18px;font-weight:600;letter-spacing:-.03em;color:var(--navy);white-space:nowrap}
.quick-help-wrapper{position:fixed;right:20px;bottom:18px;z-index:60;max-width:calc(100vw - 40px)}
.quick-help-trigger{display:flex;align-items:center;justify-content:center;gap:10px;min-height:49px;padding:13px 19px;background:var(--navy);border:1px solid #597d97;border-radius:28px;color:#fff;box-shadow:0 5px 25px #062b4933;font:600 11px/1.4 var(--font-body,Arial,sans-serif);transition:background .2s}
.quick-help-trigger:hover,.quick-help-trigger[aria-expanded="true"]{background:var(--blue);border-color:var(--blue)}
.quick-help-trigger svg{width:20px;height:20px}
.quick-help-panel{position:absolute;right:0;bottom:calc(100% + 14px);width:360px;max-width:calc(100vw - 40px);max-height:calc(100svh - 130px);overflow-y:auto;overscroll-behavior:contain}
.quick-help-panel:before{display:none}
.quick-help-panel>.help-panel{width:100%;box-shadow:none}
.quick-help-panel .help-panel:before{display:none}
.quick-help-panel{border:0;background:transparent}
.quick-help-panel .help-heading{padding:23px 24px 20px}
:root[data-font="inter"] .quick-help-panel .help-heading h2{font-size:23px}
.quick-help-panel .help-action{padding:16px 22px}
.quick-help-panel .help-phone{padding:14px 23px}
.app-promo{background:var(--deep);border-top:1px solid #365e79;color:#fff;padding:73px 0}
.app-promo-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:center;gap:100px}
.app-promo-copy{min-width:0}
.app-promo .eyebrow{color:#b7d8eb}
:root[data-font="inter"] .app-promo h2{font-size:clamp(32px,3vw,42px);line-height:1.16;max-width:570px;color:#fff}
.app-promo-copy>p{font-size:14px;color:#c4d7e4;max-width:490px;margin-top:23px;line-height:1.8}
.app-eligibility{display:flex;align-items:flex-start;gap:10px;max-width:480px;margin-top:25px;padding-top:22px;border-top:1px solid #355872;color:#d5e8f3;font-size:12px;line-height:1.75}
.app-eligibility svg{width:18px;height:18px;color:#7dc9ec;margin-top:2px}
.app-promo-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:29px}
.app-promo-actions .button{font-size:12px;gap:11px;padding:12px 18px}
.app-promo-note{font-size:10px!important;line-height:1.8!important;color:#a7c0d1!important;max-width:470px;margin-top:20px!important}
.app-preview{background:#fff;border:1px solid #b5ccdc;border-radius:7px;color:var(--ink);box-shadow:0 18px 45px #001b3426;overflow:hidden;min-width:0}
.app-preview-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 22px;background:#edf4f8;border-bottom:1px solid #dce7ee;font-size:11px;font-weight:600;color:var(--navy)}
.app-preview-top>span:last-child{font-size:9px;font-weight:500;color:#5e7788;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.app-preview-top svg{width:12px;height:12px}
.app-preview-logo{width:145px;height:90px;object-fit:contain;margin:20px auto 12px}
:root[data-font="inter"] .app-preview h3{font-size:23px;line-height:1.25;text-align:center;letter-spacing:-.035em;padding:0 25px}
.app-preview>p{font-size:11px;color:#637b8c;text-align:center;line-height:1.8;max-width:310px;margin:11px auto 24px;padding:0 20px}
.app-preview-role{display:grid;grid-template-columns:24px minmax(0,1fr) 18px;gap:12px;align-items:center;margin:0 25px;padding:20px 1px;border-top:1px solid #dce7ee;line-height:1.5}
.app-preview-role>svg:first-child{width:21px;height:21px;color:var(--blue)}
.app-preview-role>svg:last-child,.app-preview-role>span:last-child{width:17px;color:var(--blue);font-size:18px}
.app-preview-role strong{font-size:12px;font-weight:600;min-width:0}
.app-preview-role small{display:block;font-size:10px;color:#6a7f8e;font-weight:400;margin-top:4px;line-height:1.6}
.app-preview-role:last-child{margin-bottom:14px}
.app-preview-role:hover{color:var(--blue)}
.app-entry-note{display:flex;align-items:flex-start;gap:12px;max-width:820px;font-size:14px;color:var(--muted);line-height:1.8;margin:0 0 32px}
.app-entry-note>svg{width:20px;height:20px;color:var(--blue);margin-top:3px}
.app-entry-note>p{margin:0}
.app-entry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
.app-entry-card{position:relative;border:1px solid #d5e1e9;border-top:3px solid var(--blue);background:#fff;padding:35px;display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.app-entry-card>svg{width:33px;height:33px;color:var(--blue);margin-bottom:24px}
.app-role-kicker{font-size:10px;font-weight:600;letter-spacing:1.3px;text-transform:uppercase;color:#657d8e;line-height:1.6;margin-bottom:12px}
:root[data-font="inter"] .app-entry-card h2{font-size:30px;line-height:1.2;letter-spacing:-.035em;max-width:420px}
.app-entry-card>p{font-size:13px;color:var(--muted);line-height:1.85;margin-top:19px;max-width:440px}
.app-entry-card ul{list-style:none;padding:0;margin:24px 0 29px;width:100%}
.app-entry-card li{position:relative;padding:10px 0 10px 18px;border-top:1px solid #e2eaf0;color:#536e80;font-size:12px;line-height:1.75}
.app-entry-card li:before{content:'+';position:absolute;left:0;top:10px;color:var(--blue);font-weight:600}
.app-entry-card>.button{margin-top:auto;font-size:12px;min-height:48px;gap:13px;max-width:100%}
.app-entry-card>.text-link{margin-top:18px;font-size:11px}
.app-contract-strip{display:flex;align-items:center;justify-content:space-between;gap:45px;background:#edf4f8;padding:34px 36px;margin-top:30px;border-left:3px solid var(--blue)}
:root[data-font="inter"] .app-contract-strip h2{font-size:24px;line-height:1.3;max-width:650px}
.app-contract-strip p{font-size:13px;color:var(--muted);line-height:1.8;max-width:650px;margin-top:12px}
.app-contract-strip .button{flex-shrink:0;font-size:12px;gap:11px;padding:12px 18px}
.app-entry-policy{max-width:900px;margin-top:27px;color:#647d8e;font-size:11px;line-height:1.85}
.app-entry-policy a{color:var(--navy);border-bottom:1px solid var(--blue)}
@media(max-width:1200px){
 .header-inner{gap:17px}
 .nav{gap:17px}
 .shop-link{padding-left:16px;font-size:11px;gap:7px}
 .app-link{padding:9px 11px;font-size:10px}
 .hero .hero-layout{grid-template-columns:minmax(0,1fr) 330px;gap:40px}
 :root[data-font="inter"] .hero .hero-copy h1{font-size:52px}
 .hero-copy .hero-actions .button{font-size:11px;padding:12px 15px}
 .hero-copy .hero-foot{gap:15px;font-size:9px}
 .app-promo-layout{gap:65px}
}
@media(max-width:1100px){
 .header-inner{height:80px;gap:18px}
 .menu-toggle{display:block;margin-left:auto}
 .nav{display:none;position:absolute;top:80px;left:0;right:0;background:#fff;padding:20px 30px 28px;border-bottom:1px solid var(--line);box-shadow:0 12px 20px #092c4912;align-items:stretch;gap:0}
 .nav.open{display:flex;flex-direction:column}
 .nav a{font-size:15px;padding:13px 0;border-bottom:1px solid var(--line)}
 .nav a:after{display:none}
 .shop-link{border-left:0;padding-left:0;font-size:12px}
 .app-link{font-size:11px;padding:9px 13px}
 .hero .hero-layout{grid-template-columns:minmax(0,1fr) 320px;gap:32px}
 :root[data-font="inter"] .hero .hero-copy h1{font-size:46px}
 .hero-copy .hero-actions{flex-direction:column;align-items:flex-start;gap:10px}
 .hero-copy .hero-foot{gap:13px}
 .hero-copy .hero-foot span:last-child{display:none}
 .help-heading{padding:23px 22px 20px}
 .help-action{padding:17px 20px;gap:10px}
 .help-app-entry,.help-phone{padding-right:21px;padding-left:21px}
 :root[data-font="inter"] .help-heading h2{font-size:22px}
 .app-promo-layout{gap:45px}
 .app-entry-card{padding:29px}
 :root[data-font="inter"] .app-entry-card h2{font-size:27px}
}
@media(max-width:1000px){
 .hero{min-height:0}
 .hero .hero-layout{grid-template-columns:minmax(0,1fr);gap:38px;padding-top:48px;padding-bottom:50px}
 .hero-copy{max-width:700px}
 :root[data-font="inter"] .hero .hero-copy h1{font-size:clamp(45px,6.4vw,60px);max-width:780px}
 .hero-copy .hero-actions{flex-direction:row}
 .hero-copy .hero-foot{margin-top:27px;font-size:10px;gap:20px}
 .help-panel{width:min(100%,540px);justify-self:end}
 .help-panel:before{top:-10px;left:auto;right:45px;transform:rotate(135deg)}
 .help-action{padding:17px 25px}
 .help-heading{padding:24px 25px 21px}
 .help-app-entry,.help-phone{padding-right:25px;padding-left:25px}
 .app-promo-layout{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:35px}
 .app-preview-role{margin-right:20px;margin-left:20px}
 .app-contract-strip{gap:30px;padding:29px}
}
@media(max-width:760px){
 .hero .hero-layout{gap:34px}
 .app-promo{padding:55px 0}
 .app-promo-layout{grid-template-columns:minmax(0,1fr);gap:37px}
 .app-promo-copy{max-width:650px}
 .app-promo-copy>p,.app-eligibility{max-width:600px}
 .app-preview{width:min(100%,500px);justify-self:end}
 .app-entry-grid{grid-template-columns:minmax(0,1fr);gap:23px}
 .app-entry-card{padding:31px}
 .app-entry-card>p{max-width:100%}
 .app-contract-strip{flex-direction:column;align-items:flex-start;gap:22px}
 :root[data-font="inter"] .app-contract-strip h2{font-size:25px}
}
@media(max-width:600px){
 .header-inner{height:76px;gap:11px}
 .brand,.brand img{width:112px}
 .brand img{height:69px}
 .menu-toggle{padding:7px}
 .menu-toggle svg{width:20px;height:20px}
 .nav{top:76px;padding-right:20px;padding-left:20px}
 .shop-link{font-size:10px;gap:6px}
 .shop-link svg{width:16px;height:16px}
 .app-link{min-height:35px;padding:7px 9px;gap:6px;font-size:10px}
 .app-link svg{width:14px;height:14px}
 .app-link-label{display:none}
 .app-link-short{display:inline}
 .hero .hero-layout{padding-top:36px;padding-bottom:35px;gap:28px}
 :root[data-font="inter"] .hero .hero-copy h1{font-size:38px;line-height:1.13;letter-spacing:-.04em;max-width:100%}
 .hero .hero-copy .eyebrow{font-size:9px;margin-bottom:20px;letter-spacing:1.2px}
 .hero .hero-copy>p{font-size:13px;line-height:1.75;margin-top:19px;max-width:360px}
 .hero-copy .hero-actions{display:none}
 .hero-copy .hero-foot{margin-top:23px;font-size:9px;gap:17px}
 .help-panel{width:100%;justify-self:stretch}
 .help-panel:before{right:35px}
 .help-heading{padding:22px 22px 18px}
 :root[data-font="inter"] .help-heading h2{font-size:22px}
 .helper-label{font-size:8px;letter-spacing:1.1px;margin-bottom:9px}
 .help-action{padding:16px 21px;grid-template-columns:23px minmax(0,1fr) 15px;gap:11px}
 .help-action strong{font-size:12px}
 .help-action small{font-size:10px;line-height:1.65}
 .help-app-entry{font-size:10px;padding:13px 21px}
 .help-phone{padding:13px 21px;font-size:9px}
 .help-phone a{font-size:18px}
 .quick-help-wrapper{bottom:12px;right:12px;max-width:calc(100vw - 24px)}
 .quick-help-trigger{min-height:44px;padding:11px 15px;gap:8px;font-size:10px}
 .quick-help-trigger svg{width:18px;height:18px}
 .quick-help-panel{width:360px;max-width:calc(100vw - 24px);max-height:calc(100svh - 116px);bottom:calc(100% + 11px)}
 .quick-help-panel .help-heading{padding:21px 21px 18px}
 .quick-help-panel .help-action{padding:15px 20px}
 .quick-help-panel .help-phone{padding:13px 21px}
 :root[data-font="inter"] .app-promo h2{font-size:31px;line-height:1.2}
 .app-promo-copy>p{font-size:13px;margin-top:19px}
 .app-eligibility{font-size:11px;margin-top:22px;padding-top:19px}
 .app-promo-actions{flex-direction:column;align-items:stretch;gap:11px;margin-top:25px}
 .app-promo-actions .button{font-size:11px;min-height:47px}
 .app-promo-note{font-size:9px!important}
 .app-preview{width:100%;justify-self:stretch}
 .app-preview-top{padding:13px 19px;font-size:10px}
 .app-preview-logo{margin-top:18px;margin-bottom:11px;width:135px;height:82px}
 :root[data-font="inter"] .app-preview h3{font-size:22px}
 .app-preview>p{font-size:11px;max-width:300px;margin-bottom:21px}
 .app-preview-role{margin:0 21px;padding:18px 0;gap:11px}
 .app-preview-role strong{font-size:12px}
 .app-preview-role:last-child{margin-bottom:11px}
 .app-entry-note{font-size:13px;margin-bottom:27px}
 .app-entry-card{padding:27px 23px}
 .app-entry-card>svg{width:29px;height:29px;margin-bottom:20px}
 .app-role-kicker{font-size:9px;margin-bottom:10px}
 :root[data-font="inter"] .app-entry-card h2{font-size:27px}
 .app-entry-card>p{font-size:12px;margin-top:17px}
 .app-entry-card li{font-size:11px;padding-top:10px;padding-bottom:10px}
 .app-entry-card>.button{width:100%;font-size:11px}
 .app-contract-strip{padding:26px 22px;gap:21px;margin-top:26px}
 :root[data-font="inter"] .app-contract-strip h2{font-size:23px}
 .app-contract-strip p{font-size:12px}
 .app-contract-strip .button{font-size:11px;white-space:normal}
 .app-entry-policy{font-size:10px;margin-top:23px}
}
@media(max-width:360px){
 .header-inner{gap:10px}
 .shop-label{display:none}
 .shop-link{padding:7px;gap:0}
 .brand,.brand img{width:108px}
 :root[data-font="inter"] .hero .hero-copy h1{font-size:34px}
 :root[data-font="inter"] .help-heading h2{font-size:21px}
 .help-action{padding-right:17px;padding-left:17px;gap:9px}
 .help-phone{padding-right:17px;padding-left:17px}
 .help-app-entry{padding-right:17px;padding-left:17px;font-size:9px}
 .app-preview-top{padding-right:16px;padding-left:16px}
 .app-preview-role{margin-right:18px;margin-left:18px}
}
@media(prefers-reduced-motion:reduce){.app-link,.help-action,.quick-help-trigger{transition:none}}

.app-shop-note{font-size:12px;line-height:1.8;color:var(--muted);margin:0 0 30px;padding:18px 21px;background:var(--paper);border-left:2px solid var(--blue)}.app-shop-note a{color:var(--navy);text-decoration:underline;text-underline-offset:3px}