*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:#152c29;font-family:'DM Sans',sans-serif;background:#fff}a{color:inherit;text-decoration:none}.topline{display:flex;justify-content:space-between;padding:10px 6vw;background:#082647;color:#d8e8e3;font-size:12px;letter-spacing:.04em}.header{height:82px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;gap:22px;background:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid #e8efec}.brand{display:flex;align-items:center;gap:11px;font-family:Manrope,sans-serif;letter-spacing:.04em;font-size:15px}.brand b{color:#168bba}.brand small{display:block;font:10px 'DM Sans';color:#71817d;letter-spacing:.09em;margin-top:4px}.brandmark{display:grid;place-items:center;background:#082647;color:#fff;width:42px;height:42px;border-radius:12px;font-weight:800;font-size:24px}.header nav{display:flex;align-items:center;gap:20px;font-size:13px;font-weight:600;color:#465b56}.header nav a:hover{color:#168bba}.header nav .portal{padding:12px 15px;border-radius:9px;background:#e7f4fa;color:#168bba}.hamb{display:none;border:0;background:none;font-size:25px}.hero{display:grid;grid-template-columns:1fr .9fr;gap:5vw;padding:76px 7vw 64px;min-height:600px;align-items:center;background:radial-gradient(ellipse at 75% 35%,#e0f0e9 0,transparent 46%),linear-gradient(115deg,#f8fbf9,#fff)}.hero-copy{max-width:660px}.eyebrow,.section-tag{font-size:11px;letter-spacing:.15em;font-weight:800;color:#70ad2f}.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow span{width:8px;height:8px;border-radius:50%;background:#2ca985;box-shadow:0 0 0 5px #e6f4db}.hero h1{font:800 clamp(38px,5vw,68px)/1.08 Manrope,sans-serif;letter-spacing:-.05em;margin:24px 0;color:#082647}.hero h1 em,.intro h2 em{font-style:normal;color:#70ad2f}.hero-copy>p{font-size:17px;line-height:1.8;color:#60716d;max-width:570px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;padding:14px 18px;border-radius:9px;border:1px solid transparent;font:700 13px 'DM Sans';cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-2px)}.primary{background:#168bba;color:#fff;box-shadow:0 8px 20px #168bba20}.secondary{background:#fff;border-color:#d9e5e0;color:#294d45}.light{background:#fff;color:#0b5b8c}.stats{display:flex;gap:30px;margin-top:42px;border-top:1px solid #dce7e2;padding-top:23px}.stats div{display:flex;flex-direction:column;gap:5px}.stats b{font:800 22px Manrope;color:#082647}.stats span{font-size:11px;color:#74837e}.hero-art{position:relative;min-height:445px}.photo-main{position:absolute;inset:10px 8% 20px 10%;border-radius:48% 48% 18px 18px;background:linear-gradient(180deg,#08264720,#08264740),url('services/hero-equipment.svg') center/cover;box-shadow:0 30px 70px #183d3325}.photo-main:after{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(0deg,#092f2a70,transparent 65%)}.floating{position:absolute;background:#fff;border:1px solid #e3ede8;box-shadow:0 16px 40px #153d3220;border-radius:13px;padding:15px;display:flex;align-items:center;gap:12px;max-width:270px}.floating b{display:block;font-size:12px}.floating small{display:block;font-size:10px;color:#71817c;margin-top:4px;line-height:1.4}.f1{left:0;bottom:75px}.f2{right:0;top:50px;display:block}.ficon{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:10px;background:#e7f4fa;color:#128365;font-size:20px}.circle{position:absolute;border:1px solid #98cbb9;border-radius:50%;z-index:0}.c1{width:90px;height:90px;right:1%;bottom:8%}.c2{width:22px;height:22px;left:5%;top:12%;background:#70ad2f}.trustbar{display:flex;justify-content:space-around;gap:15px;padding:22px 6vw;background:#082647;color:#e4f1ed;font-size:12px;font-weight:600}.trustbar span{color:#8bc53f;margin-right:8px;font-size:17px}.section{padding:88px 7vw}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw;margin-top:24px}.intro h2,.section h2,.rental h2,.contact h2{font:800 clamp(30px,3.6vw,46px)/1.16 Manrope,sans-serif;letter-spacing:-.04em;margin:12px 0;color:#082647}.intro-grid p,.section-head p,.rental p,.contact>div>p{color:#687a74;line-height:1.8;font-size:15px}.textlink{display:inline-block;margin-top:10px;color:#168bba;font-weight:800;font-size:13px}.services{background:#f6faf8}.section-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:34px}.section-head h2{max-width:640px}.section-head p{max-width:390px;margin-bottom:5px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.service-card{background:#fff;border:1px solid #e3ece7;border-radius:15px;overflow:hidden;transition:.2s}.service-card:hover{transform:translateY(-5px);box-shadow:0 18px 45px #08264710}.service-img{height:165px;background-size:cover;background-position:center}.img-printer{background-image:url('services/printer.svg')}.img-copier{background-image:url('services/copier.svg')}.img-toner{background-image:url('services/toner.svg')}.img-computer{background-image:url('services/computer.svg')}.service-content{padding:20px}.service-content>span{font-size:9px;font-weight:800;color:#70ad2f;letter-spacing:.1em}.service-content h3{font:700 18px Manrope;margin:13px 0 10px;color:#163d35}.service-content p{font-size:12px;line-height:1.7;color:#6e7e79;min-height:82px}.service-content a{display:block;color:#168bba;font-size:12px;font-weight:800;margin-top:18px}.rental{display:grid;grid-template-columns:1fr 1fr;background:#082647;color:#fff;min-height:520px}.rental-copy{padding:78px 6vw 70px 7vw}.rental h2{color:#fff;max-width:560px}.rental p{color:#c3d8d1;max-width:500px}.rental ul{padding:0;list-style:none;margin:28px 0 32px;display:grid;grid-template-columns:1fr 1fr;gap:13px;font-size:13px;color:#e3f1ec}.rental li:before{content:'✓';color:#8bc53f;margin-right:10px}.rental-photo{background:linear-gradient(90deg,#08264720,#08264700),url('services/rental-equipment.svg') center/cover;min-height:350px}.brands{text-align:center}.brands h2{margin:14px auto 10px}.brands>p{color:#71817c}.brand-groups{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:38px;text-align:left}.brand-groups>div{padding:25px;border:1px solid #e0eae5;border-radius:14px}.brand-groups small{color:#70ad2f;font-size:10px;font-weight:800;letter-spacing:.15em}.brand-list{display:flex;flex-wrap:wrap;gap:22px;margin-top:24px;align-items:center}.brand-list b{font:800 20px Manrope;color:#1e403a;letter-spacing:-.04em}.catalog{background:#f7faf8}.catalog-tools{display:flex;gap:12px;margin-bottom:25px}.catalog-tools input,.catalog-tools select{padding:13px 14px;border:1px solid #dbe7e1;border-radius:8px;background:#fff;min-width:180px;font:13px 'DM Sans'}.catalog-tools input{flex:1}.catalog-tools .btn{white-space:nowrap}.catalog-tools span{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#168bba15}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.product{border:1px solid #e3ece7;background:#fff;border-radius:12px;overflow:hidden}.product-image{height:180px;display:grid;place-items:center;background:#edf4f0}.product-image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.placeholder{font:800 58px Manrope;color:#168bba}.placeholder span{color:#8bc9b2}.product-info{padding:17px}.product-info small{font-size:10px;color:#178067;font-weight:800}.product-info h3{font:700 15px Manrope;margin:8px 0}.product-info p{font-size:11px;color:#71817c;min-height:16px}.product-info strong{display:block;margin:12px 0;color:#173e36;font-size:14px}.add{width:100%;padding:11px;border:1px solid #cfe3d9;border-radius:7px;background:#eff8f3;color:#0b6798;font-weight:800;font-size:11px;cursor:pointer}.add:hover{background:#168bba;color:#fff}.empty-catalog{text-align:center;padding:50px 20px;background:#fff;border:1px dashed #bfd8cd;border-radius:14px}.empty-catalog>span{font-size:50px;color:#70ad2f}.empty-catalog p{color:#71817c}.portal-banner{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:58px 7vw;background:linear-gradient(110deg,#168bba,#0b5b8c);color:#fff}.portal-banner .section-tag{color:#9ce1c3}.portal-banner h2{color:#fff;font:800 clamp(28px,3vw,40px) Manrope;margin:12px 0}.portal-banner p{color:#d5e8e1;margin-bottom:0}.contact{padding:85px 7vw;display:grid;grid-template-columns:1fr .85fr;gap:8vw;background:#fff}.contact h2{max-width:580px}.contact-card{border:1px solid #dce8e2;border-radius:16px;padding:28px;box-shadow:0 18px 45px #173d3210}.contact-card h3{font:800 22px Manrope;color:#082647}.contact-card p{font-size:13px;line-height:1.7;color:#687a74;margin:18px 0}.contact-card p b{color:#173f37}.contact-card .actions{margin-top:22px}footer{padding:35px 7vw;background:#05213d;color:#d7e7e1;display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center}footer .brand{color:#fff}footer .brand small{color:#aac7bd}footer p{font-size:12px;color:#a8c3ba}footer>div{display:flex;justify-content:end;gap:20px;font-size:12px}footer>small{grid-column:1/-1;border-top:1px solid #ffffff20;padding-top:18px;color:#8daea3;font-size:10px}.floating-wa{position:fixed;right:22px;bottom:22px;z-index:19}.floating-wa a{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#19a873;color:#fff;font-size:25px;box-shadow:0 10px 25px #08264735}.cart-modal{position:fixed;inset:0;z-index:50;display:none}.cart-modal.open{display:block}.cart-shade{position:absolute;inset:0;background:#0c2925a6}.cart-modal aside{position:absolute;right:0;top:0;height:100%;width:min(440px,100%);background:#fff;padding:25px;display:flex;flex-direction:column;box-shadow:-15px 0 40px #08264720}.cart-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e2ebe6;padding-bottom:18px}.cart-head small{color:#70ad2f;font-weight:800;letter-spacing:.12em}.cart-head h2{font:800 25px Manrope;margin:5px 0}.cart-head button{border:0;background:#f1f5f2;border-radius:50%;width:35px;height:35px;font-size:22px;cursor:pointer}#cartItems{overflow:auto;flex:1;padding:14px 0}.cart-line{display:grid;grid-template-columns:1fr auto;gap:10px;border-bottom:1px solid #e7eeea;padding:13px 0}.cart-line b{font-size:13px}.cart-line small{display:block;color:#75847f;font-size:11px;margin-top:5px}.cart-line input{width:64px;padding:7px;border:1px solid #d8e4de;border-radius:6px}.cart-line button{border:0;background:none;color:#c44747;cursor:pointer}.cart-modal label{font-size:12px;font-weight:700}.cart-modal textarea{display:block;width:100%;height:80px;margin:9px 0 14px;border:1px solid #d8e4de;border-radius:8px;padding:10px;font:12px 'DM Sans'}.full{width:100%}.clear{margin-top:12px;border:0;background:none;color:#75847f;font-size:12px;cursor:pointer}.empty-line{color:#70817a;font-size:13px}@media(max-width:1000px){.header nav{gap:11px}.header nav a{font-size:11px}.service-grid,.product-grid{grid-template-columns:repeat(2,1fr)}.service-content p{min-height:auto}.trustbar{flex-wrap:wrap}.hero-art{min-height:390px}}@media(max-width:720px){.topline{font-size:10px}.topline span:last-child{display:none}.header{height:70px}.hamb{display:block}.header nav{display:none;position:absolute;top:70px;left:0;right:0;padding:20px;background:#fff;border-bottom:1px solid #e5eee9;box-shadow:0 15px 30px #173d3212;flex-direction:column;align-items:stretch}.header nav.open{display:flex}.header nav a{font-size:14px;padding:8px}.hero{grid-template-columns:1fr;padding:50px 24px 35px}.hero h1{font-size:43px}.hero-art{min-height:330px}.photo-main{inset:0 8% 10px}.floating{padding:11px;max-width:230px}.f1{bottom:28px}.f2{top:20px}.stats{gap:15px}.stats b{font-size:17px}.stats span{font-size:10px}.trustbar{justify-content:start;padding:20px 24px;display:grid;grid-template-columns:1fr 1fr}.section{padding:62px 24px}.intro-grid,.brand-groups,.contact{grid-template-columns:1fr;gap:20px}.section-head{display:block}.section-head p{max-width:none}.service-grid,.product-grid{grid-template-columns:1fr 1fr;gap:10px}.service-img{height:125px}.service-content{padding:13px}.service-content h3{font-size:15px}.service-content p{font-size:11px}.service-content a{font-size:11px}.rental{grid-template-columns:1fr}.rental-copy{padding:55px 24px}.rental-photo{min-height:260px}.rental ul{grid-template-columns:1fr}.brand-list{gap:15px}.brand-list b{font-size:17px}.catalog-tools{flex-wrap:wrap}.catalog-tools input{min-width:100%;flex:1}.catalog-tools select{flex:1}.product-image{height:140px}.product-info{padding:12px}.product-info h3{font-size:13px}.product-info p{font-size:10px}.add{font-size:10px}.portal-banner{display:block;padding:48px 24px}.portal-banner .btn{margin-top:22px}.contact{padding:62px 24px}.contact-card{padding:20px}footer{grid-template-columns:1fr}footer>div{justify-content:start;flex-wrap:wrap}footer>small{grid-column:auto}}
/* Logotipo oficial y marcas de servicio: archivos locales en assets/brands */
.header .brand{gap:12px;min-width:220px}.ecotec-logo{display:block;width:150px;height:56px;object-fit:contain;object-position:left center}.brand-copy{display:flex;flex-direction:column;gap:3px}.brand-copy b{font-size:14px;color:#082647}.brand-copy small{font-size:9px;white-space:nowrap}.brand-list{gap:16px}.brand-list img{display:block;width:auto;max-width:128px;height:34px;object-fit:contain;flex:0 1 105px}.brand-list img[alt='HP']{max-width:54px}.brand-list img[alt='Samsung']{max-width:118px}@media(max-width:720px){.header .brand{min-width:0;gap:8px}.ecotec-logo{width:105px;height:43px}.brand-copy b{font-size:12px}.brand-copy small{font-size:8px;white-space:normal}.brand-list{gap:14px}.brand-list img{max-width:100px;height:28px}}
/* ECOTEC v1.4: paleta corporativa verde + azul y componentes interactivos */
:root{--eco-green:#12a878;--eco-green-dark:#087b61;--eco-blue:#0879bd;--eco-blue-dark:#075b91;--eco-ink:#103c4c;--eco-mint:#e7f7f1;--eco-sky:#e9f4fc}
.topline{background:linear-gradient(100deg,var(--eco-green-dark),var(--eco-blue-dark))}.header nav a:hover,.textlink,.service-content a{color:var(--eco-blue)}.brand b,.brand-copy b{color:var(--eco-blue-dark)}.hero{background:radial-gradient(ellipse at 78% 28%,#d9f3e9 0,transparent 42%),radial-gradient(ellipse at 92% 85%,#dceeff 0,transparent 40%),linear-gradient(115deg,#f7fcfa,#f7fbff)}.hero h1 em,.intro h2 em{background:linear-gradient(90deg,var(--eco-green),var(--eco-blue));-webkit-background-clip:text;background-clip:text;color:transparent}.primary{background:linear-gradient(110deg,var(--eco-green-dark),var(--eco-blue));box-shadow:0 10px 24px #0879bd25}.secondary{border-color:#cce4ee}.header nav .portal{background:linear-gradient(120deg,#e4f7ee,#e5f2fc);color:var(--eco-blue-dark)}.trustbar{background:linear-gradient(100deg,#087b61,#075b91)}.section-tag,.eyebrow{color:var(--eco-blue)}.eyebrow span{background:var(--eco-green);box-shadow:0 0 0 5px #dff5eb}.service-card{transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}.service-card:hover{transform:translateY(-8px);border-color:#9adac9;box-shadow:0 22px 48px #0879bd1a}.service-img{height:185px;background-color:var(--eco-sky);background-size:cover;background-position:center;position:relative}.service-img:after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,#0879bd08,#12a87808);pointer-events:none}.brand-groups>div{background:linear-gradient(145deg,#fff,#f3fafc);border-color:#d9eaf0;box-shadow:0 10px 28px #075b9108}.brand-list{gap:15px}.brand-list img{height:58px;max-width:150px;flex:1 1 125px;padding:12px 15px;background:#fff;border:1px solid #e1edf1;border-radius:13px;filter:grayscale(.08);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease,filter .25s ease}.brand-list img:hover{transform:translateY(-7px) scale(1.04);box-shadow:0 14px 28px #0879bd20;border-color:#9bd8c5;filter:grayscale(0)}.brand-list img[alt='HP']{max-width:120px}.brand-list img[alt='Samsung']{max-width:150px}.catalog{background:linear-gradient(180deg,#f3faf8,#f1f7fc)}.add{background:linear-gradient(100deg,#e8f8f0,#e9f4fc);color:var(--eco-blue-dark);border-color:#c4e3e3}.add:hover{background:linear-gradient(100deg,var(--eco-green-dark),var(--eco-blue));color:#fff}.rental{background:linear-gradient(115deg,#087b61,#075b91)}.rental-photo{background-color:#dbeef4}.portal-banner{background:linear-gradient(110deg,var(--eco-green-dark),var(--eco-blue-dark))}.floating-wa a{background:linear-gradient(135deg,var(--eco-green),var(--eco-blue))}.photo-main{background-color:#dbeef4}
/* Historia de trayectoria */
.journey{margin-top:42px;padding:30px;border:1px solid #dbeaf0;border-radius:22px;background:linear-gradient(125deg,#f2fbf7,#f1f8fd);overflow:hidden}.journey-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.journey-head h3{font:800 22px Manrope;color:var(--eco-ink);margin:0}.journey-head p{margin:6px 0 0;color:#607c86;font-size:13px}.journey-track{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;position:relative}.journey-track:before{content:'';position:absolute;top:24px;left:12%;right:12%;height:3px;background:linear-gradient(90deg,var(--eco-green),var(--eco-blue));opacity:.45}.journey-step{position:relative;background:#fff;border:1px solid #dceaf0;border-radius:16px;padding:24px 20px 20px;transition:.25s;z-index:1}.journey-step:hover,.journey-step:focus-within{transform:translateY(-6px);border-color:#87cfbd;box-shadow:0 16px 34px #0879bd15}.journey-dot{width:18px;height:18px;border:5px solid #dff6ed;background:var(--eco-green);border-radius:50%;box-shadow:0 0 0 5px #fff;margin:0 0 20px}.journey-step:nth-child(2) .journey-dot{background:#0b91a5}.journey-step:nth-child(3) .journey-dot{background:var(--eco-blue)}.journey-year{font:800 28px Manrope;background:linear-gradient(90deg,var(--eco-green-dark),var(--eco-blue));-webkit-background-clip:text;background-clip:text;color:transparent}.journey-step h4{font:800 15px Manrope;color:var(--eco-ink);margin:7px 0}.journey-step p{font-size:12px;line-height:1.7;color:#6a8088;margin:0}.journey-badge{display:inline-block;margin-top:15px;padding:7px 10px;border-radius:30px;background:#e8f7f0;color:#087b61;font-size:10px;font-weight:800}.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}.reveal.is-visible{opacity:1;transform:none}@media(max-width:720px){.journey{padding:20px}.journey-head{display:block}.journey-track{grid-template-columns:1fr}.journey-track:before{top:20px;bottom:20px;left:28px;right:auto;width:3px;height:auto}.journey-step{padding:18px}.journey-dot{margin-bottom:12px}.brand-list img{height:52px;flex:1 1 95px}.service-img{height:145px}}
.product-description{font-size:11px!important;line-height:1.55;color:#5d747e;min-height:0!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.brand-list img:focus-visible,.journey-step:focus-visible{outline:3px solid #0879bd;outline-offset:3px}
/* ECOTEC · Sistema visual inspirado en la pieza corporativa suministrada */
:root{--eco-navy:#082647;--eco-blue:#168bba;--eco-green:#70ad2f;--eco-lime:#8bc53f;--eco-pale:#edf6e7;--eco-ice:#e8f5fa;--eco-line:#d9e6eb}
.topline{background:var(--eco-navy)}.header nav .portal{background:linear-gradient(110deg,var(--eco-green),var(--eco-blue));color:#fff;box-shadow:0 7px 18px #168bba25}.header nav .portal:hover{color:#fff;filter:saturate(1.15);transform:translateY(-2px)}.hero{background:radial-gradient(ellipse at 78% 30%,#dff1d5 0,transparent 42%),radial-gradient(ellipse at 65% 80%,#dff2fa 0,transparent 45%),linear-gradient(120deg,#f7fafb,#fff)}.hero h1 em,.intro h2 em{background:linear-gradient(90deg,var(--eco-green),var(--eco-blue));-webkit-background-clip:text;background-clip:text;color:transparent}.primary{background:linear-gradient(110deg,var(--eco-green),var(--eco-blue));box-shadow:0 12px 28px #168bba2b}.primary:hover{filter:saturate(1.15);box-shadow:0 15px 34px #168bba40}.section-tag,.eyebrow{color:#087fb0}.eyebrow span{background:var(--eco-green);box-shadow:0 0 0 5px #e7f4db}.trustbar{background:linear-gradient(100deg,#082647,#0a4774)}.trustbar span{color:var(--eco-lime)}.services,.catalog{background:linear-gradient(180deg,#f6fafb,#f3f8ed)}.service-card{transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s}.service-card:hover{transform:translateY(-9px) scale(1.012);box-shadow:0 24px 52px #08264720;border-color:#8bc53f}.service-img{height:185px;background-color:#edf6fa;background-size:contain;background-repeat:no-repeat;padding:8px}.service-content>span{color:#168bba}.service-content a{color:#087fb0}.service-content a:hover{color:#70ad2f}.rental{background:linear-gradient(120deg,#082647,#0b4773)}.rental li:before{color:var(--eco-lime)}.rental-photo{background-size:cover;background-position:center}.brand-groups>div{background:linear-gradient(145deg,#fff,#f3f9fc);border-color:#d8e8ee;box-shadow:0 12px 30px #08264708;transition:transform .3s,box-shadow .3s}.brand-groups>div:hover{transform:translateY(-5px);box-shadow:0 18px 40px #08264714}.brand-list{gap:14px}.brand-list img{height:66px;min-width:105px;max-width:150px;flex:1 1 110px;object-fit:contain;padding:12px 16px;border:1px solid #e1ebee;border-radius:13px;background:#fff;filter:grayscale(.15);transition:transform .28s,filter .28s,border-color .28s,box-shadow .28s}.brand-list img:hover{transform:translateY(-5px) scale(1.06);filter:none;border-color:#8bc53f;box-shadow:0 12px 25px #08264715}.journey{background:linear-gradient(145deg,#f7fbfd,#eff7e8);border:1px solid #dce9e5;border-radius:24px;padding:34px;box-shadow:0 22px 55px #0826470a}.journey-track:before{background:linear-gradient(90deg,var(--eco-green),var(--eco-blue))}.journey-step{border:1px solid #dbe8ed;background:#fff;box-shadow:0 8px 22px #08264708;transition:transform .3s,box-shadow .3s}.journey-step:hover,.journey-step:focus-within{transform:translateY(-7px);box-shadow:0 18px 34px #0879bd20;border-color:#8bc53f}.journey-dot{background:var(--eco-green);box-shadow:0 0 0 5px #fff,0 0 0 8px #e6f4db}.journey-step:nth-child(2) .journey-dot{background:var(--eco-blue)}.journey-step:nth-child(3) .journey-dot{background:var(--eco-navy)}.journey-year{background:linear-gradient(90deg,var(--eco-green),var(--eco-blue));-webkit-background-clip:text;background-clip:text;color:transparent}.journey-badge{background:#e7f4db;color:#497d1e}.product{transition:transform .28s,box-shadow .28s,border-color .28s}.product:hover{transform:translateY(-6px);box-shadow:0 18px 38px #08264714;border-color:#8bc53f}.add{background:linear-gradient(110deg,#edf6e7,#e8f5fa);border-color:#cfe2d3;color:#0b5b8c}.add:hover{background:linear-gradient(110deg,var(--eco-green),var(--eco-blue))}.portal-banner{background:linear-gradient(110deg,#70ad2f,#168bba 65%,#082647)}.floating-wa a{background:linear-gradient(135deg,#70ad2f,#168bba)}.contact-card{border-color:#d8e8ee}.contact-card h3{color:#082647}footer{background:#05213d}
@media(max-width:900px){.service-img{height:155px}.brand-list img{height:60px;flex:1 1 100px}}
.img-support{background-image:url(services/support.svg)}.img-repair{background-image:url(services/repair.svg)}.service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.service-img{background-size:cover;background-position:center}.ecotec-logo{display:block;width:155px;height:54px;object-fit:contain}.brand{gap:12px}.brand-copy b{display:block}@media(max-width:1000px){.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.service-grid{grid-template-columns:1fr}.ecotec-logo{width:125px;height:48px}.brand-copy{display:none}}
.service-img{background-size:contain!important;background-repeat:no-repeat!important;background-position:center!important}.photo-main{background:url(services/hero-equipment.svg) center/cover no-repeat!important;border-radius:28px 28px 28px 100px!important}.photo-main:after{display:none!important}
/* Secciones corporativas 2026 */
.ecotec-extra{padding-top:65px;padding-bottom:65px}.ecotec-extra>p{max-width:800px;margin-bottom:25px}.ecotec-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:25px 0}.ecotec-cards article{border:1px solid #dfe8e5;border-radius:16px;overflow:hidden;background:#fff;padding-bottom:20px}.ecotec-cards article img{display:block;width:100%;height:190px;object-fit:contain;background:#f5f8f7}.ecotec-cards article h3,.ecotec-cards article p{margin:15px 18px 0}.tintas-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:780px}@media(max-width:850px){.ecotec-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){.ecotec-cards,.tintas-grid{grid-template-columns:1fr}}
/* Actualización ECOTEC 2026-10-31 */
.photo-main{background:linear-gradient(0deg,rgba(5,35,61,.25),rgba(5,35,61,.04)),url('services/portada-impresion.webp') center/cover no-repeat!important;box-shadow:0 24px 60px rgba(5,35,61,.18)}
.img-printer{background-image:url('services/alquiler-impresoras.jpeg')!important}.img-copier{background-image:url('services/alquiler-fotocopiadoras.jpeg')!important}.img-computer{background-image:url('services/alquiler-computadores.jpeg')!important}.img-toner{background-image:url('tintas/tinta-1.jpg')!important}.img-support{background-image:url('services/support.svg')!important}.img-repair{background-image:url('services/repair.svg')!important}
.service-img{background-size:contain!important;background-repeat:no-repeat!important;background-color:#f2f7f8;padding:8px}.service-content p{min-height:0}
.brands{background:radial-gradient(circle at 15% 10%,#e3f7e6,transparent 40%),linear-gradient(125deg,#f0f8fc,#fff 60%,#eff8ed)}.brand-groups>div{border:2px solid #d2eae5;box-shadow:0 20px 50px #0a477414}.brand-list img{height:78px;max-width:170px;filter:none}.brand-extended{margin-top:35px}.brand-extended>p{font-weight:700;color:#23576b}.brand-tags{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.brand-tags span{padding:12px 20px;border:1px solid #d3e8eb;border-radius:12px;background:#fff;box-shadow:0 6px 18px #0826470b;font-weight:800;color:#12486a}
.product{display:flex;flex-direction:column;min-width:0}.product-image{height:210px;min-width:0;overflow:hidden;padding:16px;flex-shrink:0}.product-image img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;mix-blend-mode:normal}.product-info{flex:1;display:flex;flex-direction:column;min-width:0}.product-info h3,.product-info p{overflow-wrap:anywhere}.product-info .add{margin-top:auto}.product-info strong{margin-top:auto}
.tintas-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));max-width:none}.supply-placeholder{height:190px;display:grid;place-items:center;background:#eef6f8;color:#0879bd;font-weight:800;text-align:center;padding:20px}.corporate{background:#f7fbfc}.corporate>p{max-width:900px;line-height:1.8;color:#60716d}.corporate-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:30px}.corporate-grid article{padding:25px;border:1px solid #dcebe8;border-radius:18px;background:#fff}.corporate-grid h3{color:#0b5b8c}.corporate-grid p{line-height:1.75;color:#667b78}
.contact-map{grid-column:1/-1;margin-top:18px}.contact-map iframe{display:block;width:100%;height:410px;border:0;border-radius:18px}.contact-map a{display:inline-block;margin-top:15px;color:#0b6896;font-weight:800}.floating-wa a{background:#25d366;color:#fff}.floating-wa a:hover{background:#1ebe5d}
@media(max-width:780px){.corporate-grid{grid-template-columns:1fr}.contact-map iframe{height:320px}.product-image{height:190px}}
/* Ajustes de navegación, identidad y catálogo paginado · 2026-10-31 */
.header{height:auto;min-height:104px;padding:12px clamp(16px,3vw,55px);gap:14px}.header .brand{flex:0 0 auto;gap:8px}.header .ecotec-logo{width:clamp(180px,17vw,255px);height:78px;object-fit:contain}.header .brand-copy{display:none}.header nav{gap:clamp(8px,1vw,17px);font-size:clamp(11px,.9vw,13px);flex-wrap:wrap;justify-content:flex-end}.header nav a{white-space:nowrap}.header nav .portal{padding:11px 13px}html{scroll-padding-top:118px}
.catalog-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;margin:28px auto 0;padding:12px}.catalog-pagination[hidden]{display:none}.catalog-pagination button{cursor:pointer;background:white;border:1px solid #d4e6e1;border-radius:9px;color:#0b4773;padding:10px 14px;font-weight:700}.catalog-pagination button:hover:not(:disabled),.catalog-pagination button.active{background:#087b61;color:#fff;border-color:#087b61}.catalog-pagination button:disabled{opacity:.4;cursor:not-allowed}.catalog-pagination span{font-size:13px;color:#49645d}.catalog-page-numbers{display:flex;gap:6px;flex-wrap:wrap}
@media(max-width:1100px){.header .ecotec-logo{width:190px;height:68px}.header nav{gap:9px}.header{min-height:90px}}@media(max-width:900px){.header .ecotec-logo{width:210px;height:72px}.header nav{gap:12px}.catalog-pagination{gap:8px}}@media(max-width:620px){.header .ecotec-logo{width:190px;height:66px}.catalog-pagination span{flex-basis:100%;text-align:center;order:-1}.catalog-pagination button{padding:9px 11px}}
/* Mejoras de accesibilidad, marca, formularios y dispositivos móviles */
.header{min-height:92px;height:auto;padding-top:9px;padding-bottom:9px}.header .ecotec-logo{max-width:215px;width:auto;max-height:74px;object-fit:contain}.brand-copy{display:none}.header nav{gap:clamp(8px,1vw,17px);flex-wrap:wrap}.header nav a{white-space:nowrap}.lead-section{background:#f3f9f6}.lead-form{max-width:1040px;margin:26px auto 0;background:#fff;padding:clamp(20px,3vw,38px);border:1px solid #dce9e3;border-radius:20px;box-shadow:0 12px 40px #092e2010}.lead-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.lead-form label{display:flex;flex-direction:column;gap:8px;font-weight:650;font-size:14px;margin-bottom:15px}.lead-form input:not([type=checkbox]),.lead-form select,.lead-form textarea{width:100%;padding:12px 14px;border:1px solid #b8cec6;border-radius:9px;font:inherit;background:white;color:#18322c}.lead-form :is(input,select,textarea):focus-visible{outline:3px solid #8dd1bb;outline-offset:1px}.lead-form .lead-consent{flex-direction:row;align-items:flex-start;font-weight:400}.lead-honey{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.lead-form [hidden]{display:none!important}#leadStatus{min-height:24px;font-weight:650}.service-detail-links{margin:22px 0;line-height:2}.service-detail-links a{color:#086e85;text-decoration:underline;text-underline-offset:3px}.product-image{overflow:hidden}.product-image img{width:100%;height:100%;max-width:100%;object-fit:contain}.catalog-tools select{min-width:145px}.hamb{cursor:pointer}
@media(max-width:1100px){.header nav{gap:9px;font-size:12px}.header .ecotec-logo{max-width:160px}}@media(max-width:850px){.header .ecotec-logo{max-width:190px;max-height:68px}.header nav{flex-wrap:nowrap}.lead-grid{grid-template-columns:1fr}.lead-form{padding:20px}}@media(max-width:500px){.header .ecotec-logo{max-width:155px}.lead-section h2{font-size:clamp(24px,7vw,34px)}}
/* Ajuste final de identidad visual: logo prominente y adaptable */
@media(min-width:1101px){.header .ecotec-logo{width:250px;max-width:250px;height:88px;max-height:88px}.header{min-height:108px}}
@media(min-width:851px) and (max-width:1100px){.header .ecotec-logo{width:205px;max-width:205px;height:76px;max-height:76px}}
@media(max-width:850px){.header .ecotec-logo{width:205px;max-width:205px;height:72px;max-height:72px}}
@media(max-width:500px){.header .ecotec-logo{width:175px;max-width:175px;height:65px;max-height:65px}}