IEISA 2026

<!DOCTYPE html> <html lang="es"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Industrial Eléctrica Istmeña — ieisa.com.mx</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,800&family=Barlow+Condensed:wght@700;800;900&display=swap" rel="stylesheet"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@tabler/icons-webfont@latest/tabler-icons.min.css"> <style> /* ============================================================ IEISA — Industrial Eléctrica Istmeña Página principal Tienda Nube — v1.0 — 2026 Paleta: Naranja #E8431A · Verde #2DC84D · Oscuro #111111 ============================================================ */ :root { --orange: #E8431A; --orange2: #FF5A2E; --green: #2DC84D; --dark: #111111; --dark2: #1C1C1C; --dark3: #2A2A2A; --gray: #888780; --light: #F7F6F3; --white: #FFFFFF; --blue: #185FA5; --blue2: #0054A6; --makita: #00A0E9; --yellow: #FFCC00; --radius: 12px; --radius-sm: 8px; --font: 'Barlow', sans-serif; --font-cond: 'Barlow Condensed', sans-serif; } *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } html { scroll-behavior: smooth; } body { font-family: var(--font); background: var(--light); color: var(--dark); font-size: 15px; line-height: 1.5; -webkit-font-smoothing: antialiased; } img { max-width: 100%; display: block; } a { color: inherit; text-decoration: none; } button { cursor: pointer; font-family: var(--font); } /* ── UTILIDADES ── */ .container { max-width: 1200px; margin: 0 auto; padding: 0 20px; } .grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; } .grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; } .grid-4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; } .grid-5 { display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; } .flex-center { display: flex; align-items: center; } .gap-6 { gap: 6px; } .gap-8 { gap: 8px; } .gap-12 { gap: 12px; } /* ── BOTONES ── */ .btn { display: inline-flex; align-items: center; justify-content: center; gap: 7px; border: none; border-radius: var(--radius-sm); font-family: var(--font); font-weight: 600; font-size: 14px; padding: 11px 20px; transition: opacity .15s, transform .1s; white-space: nowrap; } .btn:active { transform: scale(.97); } .btn-orange { background: var(--orange); color: #fff; } .btn-orange:hover { background: var(--orange2); } .btn-green { background: var(--green); color: #fff; } .btn-green:hover { opacity: .88; } .btn-wa { background: #25D366; color: #fff; } .btn-wa:hover { background: #1db954; } .btn-dark { background: var(--dark3); color: #fff; } .btn-outline{ background: transparent; color: var(--dark); border: 1.5px solid rgba(0,0,0,.15); } .btn-outline:hover { background: rgba(0,0,0,.04); } .btn-outline-white { background: rgba(255,255,255,.12); color: #fff; border: 1.5px solid rgba(255,255,255,.25); } .btn-sm { padding: 7px 14px; font-size: 12px; } .btn-full { width: 100%; } .btn-yellow { background: var(--yellow); color: var(--dark); } .btn-yellow:hover { opacity: .9; } /* ── BADGES ── */ .badge { display: inline-block; font-size: 11px; font-weight: 600; padding: 3px 9px; border-radius: 20px; white-space: nowrap; } .badge-orange { background: #FFF0EB; color: #993C1D; } .badge-blue { background: #E6F1FB; color: #0C447C; } .badge-green { background: #EAF3DE; color: #27500A; } .badge-gray { background: #F1EFE8; color: #444441; } .badge-dark { background: var(--dark); color: #fff; } .badge-red { background: #FCEBEB; color: #791F1F; } .badge-yellow { background: var(--yellow); color: var(--dark); } /* ── TAGS ── */ .tag { display: inline-flex; align-items: center; gap: 5px; font-size: 12px; padding: 5px 12px; border-radius: 20px; border: 1px solid rgba(0,0,0,.1); background: #fff; color: #555; white-space: nowrap; } /* ── URGENCY LABEL ── */ .urgency-label { position: absolute; top: 10px; right: 10px; background: var(--orange); color: #fff; font-size: 10px; font-weight: 700; padding: 3px 8px; border-radius: 20px; letter-spacing: .03em; } /* ── TARJETAS DE PRODUCTO ── */ .prod-card { background: #fff; border: 1px solid rgba(0,0,0,.08); border-radius: var(--radius); padding: 14px; display: flex; flex-direction: column; gap: 6px; position: relative; transition: box-shadow .2s, transform .2s; } .prod-card:hover { box-shadow: 0 6px 24px rgba(0,0,0,.1); transform: translateY(-2px); } .prod-img { border-radius: var(--radius-sm); height: 90px; display: flex; align-items: center; justify-content: center; font-size: 36px; margin-bottom: 4px; } .prod-name { font-size: 13px; font-weight: 600; color: var(--dark); } .prod-sub { font-size: 12px; color: var(--gray); } .prod-price { font-size: 16px; font-weight: 700; color: var(--orange); } .prod-old { font-size: 12px; color: #bbb; text-decoration: line-through; } /* ── SECCIÓN ── */ .sec { padding: 52px 0; } .sec-dark { background: var(--dark); } .sec-dark2 { background: var(--dark2); } .sec-orange { background: var(--orange); } .sec-light { background: #fff; } .sec-gray { background: #F0EEE9; } .sec-label { font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--gray); margin-bottom: 8px; } .sec-title { font-family: var(--font-cond); font-size: 32px; font-weight: 900; line-height: 1.1; color: var(--dark); margin-bottom: 6px; } .sec-title-white { color: #fff; } /* ── SUCURSAL CARD ── */ .suc-card { background: #fff; border: 1px solid rgba(0,0,0,.08); border-radius: var(--radius); padding: 16px 18px; } .suc-card-dark { background: var(--dark3); border: 1px solid rgba(255,255,255,.08); border-radius: var(--radius); padding: 16px 18px; } .suc-name { font-size: 14px; font-weight: 700; color: var(--dark); margin-bottom: 3px; } .suc-name-white { color: #fff; } .suc-addr { font-size: 12px; color: var(--gray); line-height: 1.5; } .suc-tel { font-size: 13px; font-weight: 600; color: var(--orange); margin-top: 4px; } /* ── REVIEW CARD ── */ .review-card { background: #fff; border: 1px solid rgba(0,0,0,.07); border-radius: var(--radius); padding: 16px; } .review-stars { color: var(--yellow); font-size: 13px; margin-bottom: 8px; } .review-text { font-size: 13px; color: #444; line-height: 1.6; margin-bottom: 8px; font-style: italic; } .review-author { font-size: 11px; color: #999; } /* ── COMBO CARD ── */ .combo-card { background: #fff; border: 2px solid var(--orange); border-radius: var(--radius); padding: 18px; position: relative; } .combo-pill { position: absolute; top: -1px; right: 16px; background: var(--orange); color: #fff; font-size: 10px; font-weight: 700; padding: 3px 12px; border-radius: 0 0 8px 8px; letter-spacing: .04em; } /* ── MARCA CARD ── */ .marca-card { background: #fff; border: 1px solid rgba(0,0,0,.07); border-radius: var(--radius); padding: 14px 10px; display: flex; flex-direction: column; align-items: center; gap: 8px; transition: box-shadow .2s; } .marca-card:hover { box-shadow: 0 4px 16px rgba(0,0,0,.1); } .marca-icon { width: 44px; height: 44px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 20px; } .marca-name { font-size: 12px; font-weight: 700; color: var(--dark); text-align: center; } .marca-sub { font-size: 11px; color: var(--gray); text-align: center; } /* ── TRUST PILL ── */ .trust-pill { background: var(--dark3); border: 1px solid rgba(255,255,255,.07); border-radius: var(--radius-sm); padding: 12px 14px; display: flex; align-items: center; gap: 10px; } .trust-text { font-size: 12px; font-weight: 600; color: #fff; } .trust-sub { font-size: 11px; color: var(--gray); margin-top: 1px; } /* ── NAV ── */ .navbar { background: var(--dark); position: sticky; top: 0; z-index: 100; border-bottom: 1px solid rgba(255,255,255,.06); } .navbar-inner { display: flex; align-items: center; justify-content: space-between; padding: 12px 20px; max-width: 1200px; margin: 0 auto; } .logo-wrap { display: flex; align-items: center; gap: 10px; } .logo-icon { width: 36px; height: 36px; background: var(--orange); border-radius: 50%; display: flex; align-items: center; justify-content: center; } .logo-text-top { font-size: 10px; font-weight: 600; color: rgba(255,255,255,.4); letter-spacing: .1em; text-transform: uppercase; } .logo-text-main { font-family: var(--font-cond); font-size: 18px; font-weight: 900; line-height: 1; } .logo-green { color: var(--green); } .logo-white { color: #fff; } .nav-links { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; } .nav-link { font-size: 12px; font-weight: 500; color: rgba(255,255,255,.55); padding: 6px 10px; border-radius: 6px; transition: color .15s, background .15s; } .nav-link:hover { color: #fff; background: rgba(255,255,255,.07); } .nav-link-hot { color: var(--orange) !important; font-weight: 700; } /* ── BARRA URGENCIA ── */ .urgency-bar { background: var(--orange); padding: 8px 20px; display: flex; align-items: center; justify-content: center; gap: 16px; flex-wrap: wrap; } .urgency-bar span { font-size: 13px; font-weight: 600; color: #fff; } .urgency-bar span.dim { color: rgba(255,255,255,.75); font-weight: 400; } /* ── HERO ── */ .hero { background: var(--dark); padding: 52px 0; } .hero-grid { display: grid; grid-template-columns: 1fr 420px; gap: 24px; align-items: start; } .hero-left { background: var(--orange); border-radius: 16px; padding: 36px 32px; } .hero-eyebrow { font-size: 11px; font-weight: 700; color: rgba(255,255,255,.6); letter-spacing: .1em; text-transform: uppercase; margin-bottom: 10px; } .hero-title { font-family: var(--font-cond); font-size: 52px; font-weight: 900; color: #fff; line-height: 1; margin-bottom: 14px; } .hero-title .green { color: var(--green); } .hero-body { font-size: 15px; color: rgba(255,255,255,.85); line-height: 1.65; margin-bottom: 20px; } .hero-tags { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 16px; } .hero-tag { font-size: 12px; color: rgba(255,255,255,.8); background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.2); padding: 5px 12px; border-radius: 20px; } /* ── HOT DAYS ── */ .hot-days-wrap { background: var(--dark2); padding: 24px 0; } .hot-days-inner { background: var(--orange); border-radius: 16px; padding: 24px 28px; } .hot-title { font-family: var(--font-cond); font-size: 48px; font-weight: 900; color: #fff; line-height: .95; } .hot-title .yellow { color: var(--yellow); } .hot-disc { background: rgba(255,255,255,.12); border-radius: var(--radius-sm); padding: 14px; text-align: center; } .hot-disc-num { font-family: var(--font-cond); font-size: 36px; font-weight: 900; color: var(--yellow); line-height: 1; } .hot-disc-label { font-size: 12px; color: rgba(255,255,255,.85); margin-top: 2px; } /* ── PAINT STRIP ── */ .paint-strip { display: flex; border-radius: 6px; overflow: hidden; height: 8px; margin-top: 10px; } .paint-strip div { flex: 1; } /* ── MAKITA DARK SECTION ── */ .makita-label { background: var(--makita); border-radius: 6px; padding: 4px 10px; font-size: 11px; font-weight: 700; color: #fff; letter-spacing: .05em; } /* ── MAYORISTAS CTA ── */ .mayorista-box { background: var(--dark3); border: 1px solid rgba(255,255,255,.08); border-radius: 16px; padding: 28px 28px; } /* ── FOOTER NAV ── */ .footer { background: var(--dark); padding: 48px 0 24px; } .footer-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 32px; margin-bottom: 36px; } .footer-label { font-size: 11px; font-weight: 700; color: rgba(255,255,255,.3); letter-spacing: .1em; text-transform: uppercase; margin-bottom: 12px; } .footer-link { font-size: 13px; color: rgba(255,255,255,.55); display: block; margin-bottom: 8px; transition: color .15s; } .footer-link:hover { color: #fff; } .footer-copy { font-size: 12px; color: rgba(255,255,255,.2); text-align: center; padding-top: 24px; border-top: 1px solid rgba(255,255,255,.06); } /* ── RESPONSIVE ── */ @media (max-width: 768px) { .hero-grid { grid-template-columns: 1fr; } .grid-3, .grid-4, .grid-5 { grid-template-columns: repeat(2, 1fr); } .grid-2 { grid-template-columns: 1fr; } .hero-title { font-size: 38px; } .sec-title { font-size: 26px; } .footer-grid { grid-template-columns: 1fr; } .nav-links { display: none; } .hot-days-inner { flex-direction: column; } } @media (max-width: 480px) { .grid-3, .grid-4 { grid-template-columns: 1fr 1fr; } .grid-5 { grid-template-columns: repeat(3, 1fr); } } /* ── ANIMACIONES ── */ @keyframes fadeUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } .fade-up { animation: fadeUp .5s ease both; } .delay-1 { animation-delay: .1s; } .delay-2 { animation-delay: .2s; } .delay-3 { animation-delay: .3s; } </style> </head> <body>  <div class="urgency-bar"> <span>🔥 HOT DAYS — Ofertas hasta el 2 de junio de 2026</span> <span class="dim">·</span> <span><i class="ti ti-truck"></i> Envío GRATIS en Salina Cruz, Tehuantepec y Juchitán</span> </div>  <nav class="navbar"> <div class="navbar-inner"> <div class="logo-wrap"> <div class="logo-icon"> <i class="ti ti-bulb" style="font-size:18px;color:#fff;"></i> </div> <div> <div class="logo-text-top">Industrial</div> <div class="logo-text-main"> <span class="logo-green">Eléctrica</span> <span class="logo-white"> istmeña</span> </div> </div> </div> <div class="nav-links"> <a class="nav-link" href="#temporada">Temporada</a> <a class="nav-link nav-link-hot" href="#hotdays">🔥 Hot Days</a> <a class="nav-link" href="#rotoplas">Rotoplas</a> <a class="nav-link" href="#makita">Makita Store</a> <a class="nav-link" href="#sayer">Sayer</a> <a class="nav-link" href="#electrico">Eléctrico</a> <a class="nav-link" href="#sucursales">Sucursales</a> <a class="btn btn-orange btn-sm" href="https://wa.me/529711928488" target="_blank"> <i class="ti ti-brand-whatsapp"></i> WhatsApp </a> </div> </div> </nav>  <section class="hero"> <div class="container"> <div class="hero-grid">  <div class="hero-left fade-up"> <div class="hero-eyebrow">Industrial · Salina Cruz, Oaxaca</div> <h1 class="hero-title"> Eléctrica<br> <span class="green">istmeña</span> </h1> <p class="hero-body"> Más de 30 años siendo la empresa eléctrico-ferretera más completa del Istmo de Tehuantepec. Distribuidores autorizados Makita, Rotoplas y Pinturas Sayer. Seis sucursales a tu servicio. </p> <div class="flex-center gap-8"> <a class="btn btn-wa" href="https://wa.me/529711928488" target="_blank"> <i class="ti ti-brand-whatsapp"></i> Cotizar por WhatsApp </a> <a class="btn btn-outline-white" href="#temporada">Ver catálogo</a> </div> <div class="hero-tags"> <span class="hero-tag"><i class="ti ti-building-store"></i> 6 sucursales en el Istmo</span> <span class="hero-tag"><i class="ti ti-star-filled" style="color:var(--yellow)"></i> 4.2 ★ Google · +287 reseñas</span> <span class="hero-tag"><i class="ti ti-certificate"></i> Distribuidores autorizados</span> <span class="hero-tag"><i class="ti ti-clock"></i> Lun–Sáb 8am–7pm</span> </div> </div>  <div style="display:flex;flex-direction:column;gap:10px;" class="fade-up delay-1"> <div class="trust-pill"> <i class="ti ti-star-filled" style="font-size:22px;color:var(--yellow);flex-shrink:0"></i> <div> <div class="trust-text">4.2 ★ en Google Maps</div> <div class="trust-sub">+287 reseñas verificadas</div> </div> </div> <div class="trust-pill"> <i class="ti ti-building-store" style="font-size:22px;color:var(--green);flex-shrink:0"></i> <div> <div class="trust-text">6 sucursales en el Istmo</div> <div class="trust-sub">Salina Cruz · Tehuantepec · Juchitán</div> </div> </div> <div class="trust-pill"> <i class="ti ti-certificate" style="font-size:22px;color:var(--orange);flex-shrink:0"></i> <div> <div class="trust-text">Distribuidores autorizados</div> <div class="trust-sub">Makita · Rotoplas · Sayer</div> </div> </div> <div class="trust-pill"> <i class="ti ti-truck" style="font-size:22px;color:var(--makita);flex-shrink:0"></i> <div> <div class="trust-text">Envíos gratis en el Istmo</div> <div class="trust-sub">Salina Cruz · Tehuantepec · Juchitán</div> </div> </div> <div class="trust-pill"> <i class="ti ti-users" style="font-size:22px;color:#aaa;flex-shrink:0"></i> <div> <div class="trust-text">Precios especiales mayoristas</div> <div class="trust-sub">Electricistas · Constructores · Empresas</div> </div> </div>  <div style="margin-top:4px;"> <div style="font-size:11px;font-weight:700;color:rgba(255,255,255,.3);letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px;">Marcas que distribuimos</div> <div class="grid-5"> <div class="marca-card" style="background:var(--dark3);border-color:rgba(255,255,255,.07)"> <div class="marca-icon" style="background:var(--makita)"><i class="ti ti-tool" style="color:#fff"></i></div> <div class="marca-name" style="color:#fff">Makita</div> </div> <div class="marca-card" style="background:var(--dark3);border-color:rgba(255,255,255,.07)"> <div class="marca-icon" style="background:#0054A6"><i class="ti ti-droplet-filled-2" style="color:#fff"></i></div> <div class="marca-name" style="color:#fff">Rotoplas</div> </div> <div class="marca-card" style="background:var(--dark3);border-color:rgba(255,255,255,.07)"> <div class="marca-icon" style="background:#E30613"><i class="ti ti-bolt" style="color:#fff"></i></div> <div class="marca-name" style="color:#fff">Condumex</div> </div> <div class="marca-card" style="background:var(--dark3);border-color:rgba(255,255,255,.07)"> <div class="marca-icon" style="background:#003F87"><i class="ti ti-bulb" style="color:#fff"></i></div> <div class="marca-name" style="color:#fff">IUSA</div> </div> <div class="marca-card" style="background:var(--dark3);border-color:rgba(255,255,255,.07)"> <div class="marca-icon" style="background:var(--yellow)"><i class="ti ti-hammer" style="color:#222"></i></div> <div class="marca-name" style="color:#fff">DeWalt</div> </div> </div> </div> </div> </div> </div> </section>  <div class="hot-days-wrap" id="hotdays"> <div class="container"> <div class="hot-days-inner"> <div style="display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;"> <div style="display:flex;align-items:center;gap:20px;"> <div style="background:var(--yellow);border-radius:12px;padding:10px 18px;text-align:center"> <div class="hot-title yellow" style="color:var(--dark)">HOT</div> <div class="hot-title" style="color:var(--dark);font-size:36px">DAYS</div> </div> <div> <div style="font-size:18px;font-weight:700;color:#fff;margin-bottom:4px">Ofertas especiales de temporada</div> <div style="font-size:13px;color:rgba(255,255,255,.8)">Del 25 de mayo al 2 de junio de 2026 · ¡Últimos días!</div> </div> </div> <div style="display:grid;grid-template-columns:repeat(3,1fr);gap:10px;min-width:320px;"> <div class="hot-disc"> <div class="hot-disc-num">-20%</div> <div class="hot-disc-label">Herramienta Makita</div> </div> <div class="hot-disc"> <div class="hot-disc-num">-15%</div> <div class="hot-disc-label">Pinturas Sayer</div> </div> <div class="hot-disc"> <div class="hot-disc-num">-10%</div> <div class="hot-disc-label">Material eléctrico</div> </div> </div> <a class="btn btn-yellow" href="https://wa.me/529711928488" target="_blank"> Ver todas las ofertas → </a> </div> </div> </div> </div>  <section class="sec sec-light" id="temporada"> <div class="container"> <div style="display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:28px;flex-wrap:wrap;gap:12px;"> <div> <div class="sec-label">Temporada activa en el Istmo</div> <h2 class="sec-title">Lo que necesitas <span style="color:var(--orange)">ahorita</span></h2> </div> <div style="display:flex;gap:8px;flex-wrap:wrap;"> <div style="background:#FFF0EB;border:1px solid rgba(232,67,26,.2);border-radius:10px;padding:8px 14px;display:flex;align-items:center;gap:8px;"> <i class="ti ti-sun" style="font-size:18px;color:var(--orange)"></i> <div> <div style="font-size:12px;font-weight:700;color:#993C1D;">Calor y apagones</div> <div style="font-size:11px;color:var(--orange);">Aires · Ventiladores · Generadores</div> </div> </div> <div style="background:#E6F1FB;border:1px solid rgba(24,95,165,.2);border-radius:10px;padding:8px 14px;display:flex;align-items:center;gap:8px;"> <i class="ti ti-cloud-rain" style="font-size:18px;color:var(--blue)"></i> <div> <div style="font-size:12px;font-weight:700;color:#0C447C;">Temporada de lluvias</div> <div style="font-size:11px;color:var(--blue);">Impermeabilizantes · Lonas · Malla</div> </div> </div> </div> </div> <div class="grid-3">  <div class="prod-card" style="border-color:rgba(232,67,26,.25);"> <span class="urgency-label">¡Pocas unidades!</span> <div class="prod-img" style="background:#FFF0EB;"> <i class="ti ti-engine" style="font-size:40px;color:var(--orange)"></i> </div> <span class="badge badge-red">Apagones</span> <div class="prod-name">Generador eléctrico</div> <div class="prod-sub">2,000W – 8,500W · Gasolina</div> <div style="display:flex;align-items:center;gap:8px;"> <span class="prod-old">$5,200</span> <span class="prod-price">$4,500</span> </div> <a class="btn btn-orange btn-sm btn-full" href="https://wa.me/529711928488?text=Hola, quiero cotizar un generador eléctrico" target="_blank"> <i class="ti ti-brand-whatsapp"></i> Cotizar ahora </a> </div>  <div class="prod-card" style="border-color:rgba(232,67,26,.25);"> <div class="prod-img" style="background:#FFF0EB;"> <i class="ti ti-air-conditioning" style="font-size:40px;color:var(--orange)"></i> </div> <span class="badge badge-orange">Calor</span> <div class="prod-name">Aire acondicionado</div> <div class="prod-sub">Mini split · Ventana · Instalación</div> <span class="prod-price">Consultar precio</span> <a class="btn btn-wa btn-sm btn-full" href="https://wa.me/529711928488?text=Hola, me interesa un aire acondicionado" target="_blank"> <i class="ti ti-brand-whatsapp"></i> WhatsApp </a> </div>  <div class="prod-card" style="border-color:rgba(232,67,26,.25);"> <div class="prod-img" style="background:#FFF0EB;"> <i class="ti ti-wind" style="font-size:40px;color:var(--orange)"></i> </div> <span class="badge badge-orange">Calor</span> <div class="prod-name">Ventiladores</div> <div class="prod-sub">Techo · Pedestal · Pared</div> <div style="display:flex;align-items:center;gap:8px;"> <span class="prod-old">$550</span> <span class="prod-price">Desde $450</span> </div> <a class="btn btn-orange btn-sm btn-full" href="https://wa.me/529711928488?text=Hola, quiero ver ventiladores" target="_blank">Ver opciones</a> </div>  <div class="prod-card" style="border-color:rgba(24,95,165,.25);"> <span class="urgency-label" style="background:var(--blue);">Temporada</span> <div class="prod-img" style="background:#E6F1FB;"> <i class="ti ti-home-shield" style="font-size:40px;color:var(--blue)"></i> </div> <span class="badge badge-blue">Lluvia</span> <div class="prod-name">Impermeabilizante Sayer</div> <div class="prod-sub">Techos · Azoteas · Muros</div> <div style="display:flex;align-items:center;gap:8px;"> <span class="prod-old">$380</span> <span class="prod-price">Desde $320</span> </div> <a class="btn btn-orange btn-sm btn-full" href="https://wa.me/529711928488?text=Hola, necesito impermeabilizante Sayer" target="_blank">Comprar</a> </div>  <div class="prod-card" style="border-color:rgba(24,95,165,.25);"> <div class="prod-img" style="background:#E6F1FB;"> <i class="ti ti-tent" style="font-size:40px;color:var(--blue)"></i> </div> <span class="badge badge-blue">Lluvia</span> <div class="prod-name">Lonas</div> <div class="prod-sub">Varios calibres y medidas</div> <span class="prod-price">Desde $180</span> <a class="btn btn-orange btn-sm btn-full" href="https://wa.me/529711928488?text=Hola, quiero cotizar lonas" target="_blank">Ver medidas</a> </div>  <div class="prod-card" style="border-color:rgba(24,95,165,.25);"> <div class="prod-img" style="background:#E6F1FB;"> <i class="ti ti-grid-pattern" style="font-size:40px;color:var(--blue)"></i> </div> <span class="badge badge-blue">Lluvia</span> <div class="prod-name">Malla sombra</div> <div class="prod-sub">50% · 70% · 90% sombra</div> <span class="prod-price">Desde $35/m²</span> <a class="btn btn-orange btn-sm btn-full" href="https://wa.me/529711928488?text=Hola, necesito malla sombra" target="_blank">Pedir medida</a> </div> </div>  <div style="margin-top:32px;"> <div style="font-size:14px;font-weight:700;color:var(--dark);margin-bottom:14px;"> <i class="ti ti-package" style="color:var(--orange)"></i> Combos más vendidos — ahorra comprando junto </div> <div class="grid-2"> <div class="combo-card"> <div class="combo-pill">MÁS POPULAR</div> <div style="font-size:16px;font-weight:700;color:var(--dark);margin-top:10px;margin-bottom:10px;"> ⚡ Kit anti-apagón </div> <div style="display:flex;flex-direction:column;gap:6px;margin-bottom:14px;"> <div style="font-size:13px;color:#444;display:flex;align-items:center;gap:6px;"> <i class="ti ti-check" style="color:var(--green);font-size:14px;flex-shrink:0"></i> Generador 3,500W </div> <div style="font-size:13px;color:#444;display:flex;align-items:center;gap:6px;"> <i class="ti ti-check" style="color:var(--green);font-size:14px;flex-shrink:0"></i> Cable calibre 12 Condumex </div> <div style="font-size:13px;color:#444;display:flex;align-items:center;gap:6px;"> <i class="ti ti-check" style="color:var(--green);font-size:14px;flex-shrink:0"></i> Contacto con tierra IUSA </div> </div> <div style="display:flex;align-items:center;justify-content:space-between;"> <span class="prod-price" style="font-size:18px;">Cotizar precio especial</span> <a class="btn btn-wa btn-sm" href="https://wa.me/529711928488?text=Hola, quiero el Kit anti-apagón" target="_blank"> <i class="ti ti-brand-whatsapp"></i> Cotizar </a> </div> </div> <div class="combo-card" style="border-color:var(--blue2);"> <div class="combo-pill" style="background:var(--blue2);">NUEVO</div> <div style="font-size:16px;font-weight:700;color:var(--dark);margin-top:10px;margin-bottom:10px;"> 💧 Kit agua completo </div> <div style="display:flex;flex-direction:column;gap:6px;margin-bottom:14px;"> <div style="font-size:13px;color:#444;display:flex;align-items:center;gap:6px;"> <i class="ti ti-check" style="color:var(--green);font-size:14px;flex-shrink:0"></i> Tinaco Rotoplas 1,100L </div> <div style="font-size:13px;color:#444;display:flex;align-items:center;gap:6px;"> <i class="ti ti-check" style="color:var(--green);font-size:14px;flex-shrink:0"></i> Bomba tipo bala </div> <div style="font-size:13px;color:#444;display:flex;align-items:center;gap:6px;"> <i class="ti ti-check" style="color:var(--green);font-size:14px;flex-shrink:0"></i> Tubería y accesorios </div> </div> <div style="display:flex;align-items:center;justify-content:space-between;"> <span class="prod-price" style="font-size:18px;">Cotizar precio especial</span> <a class="btn btn-wa btn-sm" href="https://wa.me/529711928488?text=Hola, quiero el Kit agua completo Rotoplas" target="_blank"> <i class="ti ti-brand-whatsapp"></i> Cotizar </a> </div> </div> </div> </div> </div> </section>  <section class="sec sec-gray" id="rotoplas"> <div class="container"> <div style="display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:28px;flex-wrap:wrap;gap:12px;"> <div> <div class="sec-label">Distribuidores autorizados</div> <h2 class="sec-title">Rotoplas y <span style="color:var(--blue)">sistemas de agua</span></h2> </div> <div style="background:#E6F1FB;border:1px solid rgba(24,95,165,.2);border-radius:12px;padding:12px 16px;max-width:340px;"> <div style="font-size:13px;font-weight:700;color:#042C53;margin-bottom:3px;"> <i class="ti ti-info-circle" style="color:var(--blue)"></i> Temporada de lluvias = instala tu sistema de agua </div> <div style="font-size:12px;color:var(--blue);line-height:1.5;">No esperes a que llueva y no tengas dónde almacenar. Tinacos y cisternas disponibles ahora.</div> </div> </div> <div class="grid-3"> <div class="prod-card" style="border-color:rgba(24,95,165,.2);"> <div class="prod-img" style="background:#E6F1FB;"> <i class="ti ti-droplet-half-2" style="font-size:40px;color:var(--blue)"></i> </div> <div class="prod-name">Tinacos Rotoplas</div> <div class="prod-sub">450L · 750L · 1,100L</div> <span class="prod-price">Consultar precio</span> <a class="btn btn-orange btn-sm btn-full" href="https://wa.me/529711928488?text=Hola, quiero ver tinacos Rotoplas" target="_blank">Ver precios</a> </div> <div class="prod-card" style="border-color:rgba(24,95,165,.2);"> <div class="prod-img" style="background:#E6F1FB;"> <i class="ti ti-box" style="font-size:40px;color:var(--blue)"></i> </div> <div class="prod-name">Cisternas Rotoplas</div> <div class="prod-sub">1,100L – 10,000L</div> <span class="prod-price">Consultar precio</span> <a class="btn btn-orange btn-sm btn-full" href="https://wa.me/529711928488?text=Hola, quiero ver cisternas Rotoplas" target="_blank">Ver precios</a> </div> <div class="prod-card"> <div class="prod-img" style="background:#EAF3DE;"> <i class="ti ti-circle-dotted" style="font-size:40px;color:#27500A"></i> </div> <div class="prod-name">Bomba tipo bala</div> <div class="prod-sub">Doméstica · Superficial · 0.5 – 1 HP</div> <span class="prod-price">Desde $1,200</span> <a class="btn btn-orange btn-sm btn-full" href="https://wa.me/529711928488?text=Hola, me interesa una bomba tipo bala" target="_blank">Comprar</a> </div> <div class="prod-card"> <div class="prod-img" style="background:#EAF3DE;"> <i class="ti ti-arrow-down-circle" style="font-size:40px;color:#27500A"></i> </div> <div class="prod-name">Bomba sumergible</div> <div class="prod-sub">Cisternas y pozos · Alta presión</div> <span class="prod-price">Desde $1,800</span> <a class="btn btn-orange btn-sm btn-full" href="https://wa.me/529711928488?text=Hola, me interesa una bomba sumergible" target="_blank">Comprar</a> </div> <div class="prod-card"> <div class="prod-img" style="background:#EAF3DE;"> <i class="ti ti-ripple" style="font-size:40px;color:#27500A"></i> </div> <div class="prod-name">Motobomba</div> <div class="prod-sub">Gasolina y eléctrica · 2" y 3"</div> <span class="prod-price">Desde $2,800</span> <a class="btn btn-orange btn-sm btn-full" href="https://wa.me/529711928488?text=Hola, quiero cotizar una motobomba" target="_blank">Comprar</a> </div> <div class="prod-card"> <div class="prod-img" style="background:#EAF3DE;"> <i class="ti ti-settings" style="font-size:40px;color:#27500A"></i> </div> <div class="prod-name">Accesorios hidráulicos</div> <div class="prod-sub">Tuberías · Válvulas · Conectores</div> <span class="prod-price">Desde $25</span> <a class="btn btn-outline btn-sm btn-full" href="https://wa.me/529711928488?text=Hola, necesito accesorios hidráulicos" target="_blank">Ver catálogo</a> </div> </div> </div> </section>  <section class="sec sec-dark" id="makita"> <div class="container"> <div style="display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:28px;flex-wrap:wrap;gap:12px;"> <div> <div class="sec-label" style="color:rgba(255,255,255,.3);">2 tiendas en el Istmo · Salina Cruz y Juchitán</div> <h2 class="sec-title sec-title-white">Makita <span style="color:var(--makita)">Store</span></h2> </div> <div style="background:var(--makita);border-radius:8px;padding:6px 14px;"> <div style="font-size:13px;font-weight:700;color:#fff;letter-spacing:.05em;">MAKITA</div> <div style="font-size:10px;color:rgba(255,255,255,.8);letter-spacing:.08em;">DISTRIBUIDOR AUTORIZADO</div> </div> </div> <div class="grid-3">  <div class="prod-card" style="background:var(--dark2);border-color:rgba(255,255,255,.07);"> <span class="urgency-label" style="background:var(--yellow);color:var(--dark);">HOT DAYS -20%</span> <div class="prod-img" style="background:var(--dark3);"> <i class="ti ti-drill" style="font-size:40px;color:var(--makita)"></i> </div> <div class="prod-name" style="color:#fff;">Taladro inalámbrico</div> <div class="prod-sub">18V LXT · Batería litio · Cargador</div> <div style="display:flex;align-items:center;gap:8px;"> <span style="font-size:12px;color:#444;text-decoration:line-through;">$2,300</span> <span class="prod-price">$1,850</span> </div> <a class="btn btn-orange btn-sm btn-full" href="https://wa.me/529711928488?text=Hola, me interesa el taladro Makita" target="_blank">Comprar</a> </div>  <div class="prod-card" style="background:var(--dark2);border-color:rgba(255,255,255,.07);"> <span class="urgency-label" style="background:var(--yellow);color:var(--dark);">HOT DAYS -20%</span> <div class="prod-img" style="background:var(--dark3);"> <i class="ti ti-circle" style="font-size:40px;color:var(--makita)"></i> </div> <div class="prod-name" style="color:#fff;">Amoladora angular</div> <div class="prod-sub">Corte y desbaste · 4.5" y 7"</div> <div style="display:flex;align-items:center;gap:8px;"> <span style="font-size:12px;color:#444;text-decoration:line-through;">$1,500</span> <span class="prod-price">$1,200</span> </div> <a class="btn btn-orange btn-sm btn-full" href="https://wa.me/529711928488?text=Hola, me interesa la amoladora Makita" target="_blank">Comprar</a> </div>  <div class="prod-card" style="background:var(--dark2);border-color:rgba(255,255,255,.07);"> <div class="prod-img" style="background:var(--dark3);"> <i class="ti ti-cut" style="font-size:40px;color:var(--makita)"></i> </div> <div class="prod-name" style="color:#fff;">Sierra circular</div> <div class="prod-sub">Madera y construcción · 7.25"</div> <span class="prod-price">Desde $1,385</span> <a class="btn btn-orange btn-sm btn-full" href="https://wa.me/529711928488?text=Hola, me interesa la sierra circular Makita" target="_blank">Comprar</a> </div>  <div class="prod-card" style="background:var(--dark2);border-color:rgba(255,255,255,.07);"> <div class="prod-img" style="background:var(--dark3);"> <i class="ti ti-hammer" style="font-size:40px;color:var(--makita)"></i> </div> <div class="prod-name" style="color:#fff;">Rotomartillo</div> <div class="prod-sub">Demolición y perforación</div> <span class="prod-price">Consultar precio</span> <a class="btn btn-wa btn-sm btn-full" href="https://wa.me/529711928488?text=Hola, quiero cotizar el rotomartillo Makita" target="_blank"> <i class="ti ti-brand-whatsapp"></i> Cotizar </a> </div>  <div class="prod-card" style="background:var(--dark2);border-color:rgba(255,255,255,.07);"> <div class="prod-img" style="background:var(--dark3);"> <i class="ti ti-wave-saw-tool" style="font-size:40px;color:var(--makita)"></i> </div> <div class="prod-name" style="color:#fff;">Lijadora excéntrica</div> <div class="prod-sub">M9204B · 240W · 5"</div> <span class="prod-price">$1,385</span> <a class="btn btn-orange btn-sm btn-full" href="https://wa.me/529711928488?text=Hola, me interesa la lijadora Makita M9204B" target="_blank">Comprar</a> </div>  <div class="prod-card" style="background:var(--dark2);border-color:var(--orange);"> <span class="urgency-label">Más vendido</span> <div class="prod-img" style="background:var(--dark3);"> <i class="ti ti-device-floppy" style="font-size:40px;color:var(--yellow)"></i> </div> <div class="prod-name" style="color:#fff;">Kit combo LXT 5 en 1</div> <div class="prod-sub">Taladro + sierra + amoladora + más</div> <span class="prod-price">Consultar precio especial</span> <a class="btn btn-wa btn-sm btn-full" href="https://wa.me/529711928488?text=Hola, quiero el Kit Combo Makita LXT 5 en 1" target="_blank"> <i class="ti ti-brand-whatsapp"></i> Cotizar </a> </div> </div> <div style="margin-top:20px;text-align:center;"> <a class="btn btn-outline-white" href="https://wa.me/529711928488?text=Hola, quiero ver el catálogo completo Makita" target="_blank"> Ver catálogo Makita completo → </a> </div> </div> </section>  <section class="sec-orange" id="sayer" style="padding:52px 0;"> <div class="container"> <div style="display:flex;align-items:center;gap:16px;margin-bottom:24px;flex-wrap:wrap;"> <div style="width:52px;height:52px;background:rgba(255,255,255,.2);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;"> <i class="ti ti-droplet" style="font-size:26px;color:#fff"></i> </div> <div> <div style="font-size:11px;font-weight:700;color:rgba(255,255,255,.6);letter-spacing:.1em;text-transform:uppercase;">Distribuidores autorizados · -15% Hot Days</div> <h2 style="font-family:var(--font-cond);font-size:36px;font-weight:900;color:#fff;line-height:1;">Pinturas Sayer — Sucursal Centro</h2> </div> </div> <div style="display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start;"> <div> <div style="background:rgba(255,255,255,.12);border-radius:12px;padding:18px;margin-bottom:14px;"> <div style="font-size:14px;font-weight:700;color:#fff;margin-bottom:10px;">Línea completa Sayer disponible:</div> <div style="display:flex;gap:7px;flex-wrap:wrap;"> <span style="font-size:12px;background:rgba(255,255,255,.18);color:#fff;padding:4px 10px;border-radius:20px;font-weight:500;">Pintura vinílica</span> <span style="font-size:12px;background:rgba(255,255,255,.18);color:#fff;padding:4px 10px;border-radius:20px;font-weight:500;">Impermeabilizante</span> <span style="font-size:12px;background:rgba(255,255,255,.18);color:#fff;padding:4px 10px;border-radius:20px;font-weight:500;">Barniz para madera</span> <span style="font-size:12px;background:rgba(255,255,255,.18);color:#fff;padding:4px 10px;border-radius:20px;font-weight:500;">Pintura automotriz</span> <span style="font-size:12px;background:rgba(255,255,255,.18);color:#fff;padding:4px 10px;border-radius:20px;font-weight:500;">Texturizados</span> <span style="font-size:12px;background:rgba(255,255,255,.18);color:#fff;padding:4px 10px;border-radius:20px;font-weight:500;">Adhesivos y selladores</span> <span style="font-size:12px;background:rgba(255,255,255,.18);color:#fff;padding:4px 10px;border-radius:20px;font-weight:500;">Bases y fijadores</span> </div> <div class="paint-strip" style="margin-top:14px;"> <div style="background:#C0392B"></div><div style="background:#E67E22"></div> <div style="background:#F1C40F"></div><div style="background:#2ECC71"></div> <div style="background:#1ABC9C"></div><div style="background:#3498DB"></div> <div style="background:#9B59B6"></div><div style="background:#ECF0F1"></div> <div style="background:#BDC3C7"></div><div style="background:#F5CBA7"></div> <div style="background:#2C3E50"></div><div style="background:#fff"></div> </div> <div style="font-size:12px;color:rgba(255,255,255,.75);margin-top:6px;">Cientos de colores · Mezcla en tienda</div> </div> <a class="btn btn-yellow" href="https://wa.me/529719192848?text=Hola, quiero ver pinturas Sayer" target="_blank" style="width:100%;justify-content:center;"> Ver catálogo Sayer completo → </a> </div> <div style="background:rgba(255,255,255,.12);border-radius:12px;padding:18px;"> <div style="font-size:14px;font-weight:700;color:#fff;margin-bottom:12px;">📍 Sucursal Centro — Especialista Sayer</div> <div style="font-size:13px;color:rgba(255,255,255,.85);margin-bottom:6px;"> <i class="ti ti-map-pin" style="color:#fff"></i> Av. Manuel Ávila Camacho, Col. Centro, Salina Cruz, Oax. </div> <div style="font-size:15px;font-weight:700;color:#fff;margin-bottom:4px;"> <i class="ti ti-brand-whatsapp" style="color:#25D366"></i> 971 192 8488 </div> <div style="font-size:15px;font-weight:700;color:#fff;margin-bottom:14px;"> <i class="ti ti-phone" style="color:#fff"></i> 971 720 0541 </div> <a class="btn btn-wa btn-full" href="https://wa.me/529711928488" target="_blank" style="justify-content:center;"> <i class="ti ti-brand-whatsapp"></i> WhatsApp Sayer Centro </a> </div> </div> </div> </section>  <section class="sec sec-light" id="electrico"> <div class="container"> <div style="margin-bottom:28px;"> <div class="sec-label">Siempre disponible</div> <h2 class="sec-title">Material <span style="color:var(--orange)">eléctrico</span> y ferretería</h2> </div> <div class="grid-3"> <div class="prod-card"> <div class="prod-img" style="background:#FFF0EB;"> <i class="ti ti-bolt" style="font-size:40px;color:var(--orange)"></i> </div> <div class="prod-name">Cable eléctrico</div> <div class="prod-sub">Condumex · Alta y baja tensión</div> <span class="prod-price">Desde $18/m</span> <a class="btn btn-outline btn-sm btn-full" href="https://wa.me/529711928488?text=Hola, necesito cable eléctrico" target="_blank">Ver opciones</a> </div> <div class="prod-card"> <div class="prod-img" style="background:#FFF0EB;"> <i class="ti ti-plug" style="font-size:40px;color:var(--orange)"></i> </div> <div class="prod-name">Tableros y centros de carga</div> <div class="prod-sub">IUSA · Residencial e industrial</div> <span class="prod-price">Desde $850</span> <a class="btn btn-outline btn-sm btn-full" href="https://wa.me/529711928488?text=Hola, necesito tableros eléctricos" target="_blank">Ver opciones</a> </div> <div class="prod-card"> <div class="prod-img" style="background:#FFF0EB;"> <i class="ti ti-bulb" style="font-size:40px;color:var(--orange)"></i> </div> <div class="prod-name">Iluminación LED</div> <div class="prod-sub">IUSA · Residencial e industrial</div> <span class="prod-price">Desde $45</span> <a class="btn btn-outline btn-sm btn-full" href="https://wa.me/529711928488?text=Hola, necesito iluminación LED" target="_blank">Ver opciones</a> </div> <div class="prod-card"> <div class="prod-img" style="background:#FFF0EB;"> <i class="ti ti-shield" style="font-size:40px;color:var(--orange)"></i> </div> <div class="prod-name">Material de aislamiento</div> <div class="prod-sub">Cintas · Ductos · Tubería conduit</div> <span class="prod-price">Consultar</span> <a class="btn btn-outline btn-sm btn-full" href="https://wa.me/529711928488?text=Hola, necesito material de aislamiento" target="_blank">Consultar</a> </div> <div class="prod-card"> <div class="prod-img" style="background:#FFF0EB;"> <i class="ti ti-cpu" style="font-size:40px;color:var(--orange)"></i> </div> <div class="prod-name">Electrónica industrial</div> <div class="prod-sub">Capacitores · Contactores · Relevadores</div> <span class="prod-price">Consultar</span> <a class="btn btn-outline btn-sm btn-full" href="https://wa.me/529711928488?text=Hola, necesito componentes electrónicos industriales" target="_blank">Consultar</a> </div> <div class="prod-card"> <div class="prod-img" style="background:#FFF0EB;"> <i class="ti ti-circle-dotted" style="font-size:40px;color:var(--orange)"></i> </div> <div class="prod-name">Tornillería y ferretería</div> <div class="prod-sub">Surtido completo · Abrasivos</div> <span class="prod-price">Desde $5</span> <a class="btn btn-outline btn-sm btn-full" href="https://wa.me/529711928488?text=Hola, necesito tornillería y ferretería" target="_blank">Ver todo</a> </div> </div> </div> </section>  <section class="sec sec-gray"> <div class="container"> <div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:10px;"> <h2 class="sec-title">Lo que dicen <span style="color:var(--orange)">nuestros clientes</span></h2> <div style="background:#fff;border-radius:10px;padding:10px 16px;border:1px solid rgba(0,0,0,.08);display:flex;align-items:center;gap:8px;"> <span style="font-size:22px;color:var(--yellow);">★</span> <div> <div style="font-size:15px;font-weight:700;color:var(--dark);">4.2 / 5</div> <div style="font-size:11px;color:var(--gray);">+287 reseñas en Google</div> </div> </div> </div> <div class="grid-2"> <div class="review-card"> <div class="review-stars">★★★★★</div> <p class="review-text">"Excelente lugar con muy buenos precios. Manejan marcas de inversión como Furius Elite y Sweiss, que son excelentes para trabajar."</p> <div class="review-author">Cliente verificado · Google Maps</div> </div> <div class="review-card"> <div class="review-stars">★★★★★</div> <p class="review-text">"El personal muy amable y los precios muy accesibles. Lo recomiendo, tienen un poco de todo."</p> <div class="review-author">Cliente verificado · Google Maps</div> </div> <div class="review-card"> <div class="review-stars">★★★★☆</div> <p class="review-text">"Muy buen servicio y precios competitivos. Puedes encontrar todo lo que necesitas para tu obra o casa."</p> <div class="review-author">Cliente verificado · Google Maps</div> </div> <div class="review-card"> <div class="review-stars">★★★★☆</div> <p class="review-text">"Excelente tienda, encuentras de todo. Ofrece precios de mayoreo para profesionales del ramo."</p> <div class="review-author">Cliente verificado · Google Maps</div> </div> </div> </div> </section>  <section class="sec sec-light" id="sucursales"> <div class="container"> <div style="margin-bottom:28px;"> <div class="sec-label">Istmo de Tehuantepec</div> <h2 class="sec-title">Nuestras <span style="color:var(--orange)">6 sucursales</span></h2> </div> <div style="display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px;">  <div class="suc-card" style="border:2px solid var(--orange);"> <div style="display:flex;align-items:center;gap:8px;margin-bottom:8px;flex-wrap:wrap;"> <div style="width:32px;height:32px;background:var(--orange);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;"> <i class="ti ti-bolt" style="font-size:16px;color:#fff"></i> </div> <div class="suc-name">Principal — Jesús Rasgado</div> <span class="badge badge-orange">Principal</span> </div> <div class="suc-addr">Carr. Transístmica Km 1 Núm. 2, Col. Jesús Rasgado, Salina Cruz C.P. 70630</div> <div class="suc-tel">971 137 1348 · [email protected]</div> <div style="font-size:12px;color:var(--gray);margin-top:3px;">Lun–Sáb 8:00am – 7:00pm</div> </div>  <div class="suc-card" style="border:2px solid #1A1A1A;"> <div style="display:flex;align-items:center;gap:8px;margin-bottom:8px;flex-wrap:wrap;"> <div style="width:32px;height:32px;background:var(--makita);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;"> <i class="ti ti-tool" style="font-size:15px;color:#fff"></i> </div> <div class="suc-name">Makita Store — Salina Cruz</div> <span class="badge badge-gray">Makita</span> </div> <div class="suc-addr">Salina Cruz, Oaxaca · Herramienta profesional Makita</div> <div class="suc-tel">971 108 3983</div> </div>  <div class="suc-card" style="border:2px solid #1A1A1A;"> <div style="display:flex;align-items:center;gap:8px;margin-bottom:8px;flex-wrap:wrap;"> <div style="width:32px;height:32px;background:var(--makita);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;"> <i class="ti ti-tool" style="font-size:15px;color:#fff"></i> </div> <div class="suc-name">Makita Store — Juchitán</div> <span class="badge badge-gray">Makita · Juchitán</span> </div> <div class="suc-addr">16 de Septiembre 33a, 1ra., Juchitán de Zaragoza, Oax. C.P. 70000</div> <div class="suc-tel">971 108 3983</div> </div>  <div class="suc-card" style="border:2px solid var(--orange);"> <div style="display:flex;align-items:center;gap:8px;margin-bottom:8px;flex-wrap:wrap;"> <div style="width:32px;height:32px;background:var(--orange);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;"> <i class="ti ti-droplet" style="font-size:15px;color:#fff"></i> </div> <div class="suc-name">Centro Salina Cruz — Sayer</div> <span class="badge badge-orange">Sayer Distribuidor</span> </div> <div class="suc-addr">Av. Manuel Ávila Camacho, Col. Centro, Salina Cruz, Oax.</div> <div class="suc-tel">971 192 8488 / 971 720 0541</div> <div style="font-size:12px;color:var(--orange);margin-top:3px;font-weight:600;">Mezcla de colores en tienda</div> </div> </div>  <div style="display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px;"> <div class="suc-card"> <div style="display:flex;align-items:center;gap:8px;margin-bottom:6px;"> <i class="ti ti-map-pin" style="font-size:18px;color:var(--orange)"></i> <div class="suc-name">Sucursal Av. Tampico</div> </div> <div class="suc-addr">Av. Tampico, San Francisco, Salina Cruz C.P. 70670</div> <div class="suc-tel">971 118 3905</div> <div style="font-size:12px;color:var(--gray);margin-top:3px;">Lun–Sáb 8:00am – 7:00pm</div> </div> <div class="suc-card"> <div style="display:flex;align-items:center;gap:8px;margin-bottom:6px;"> <i class="ti ti-map-pin" style="font-size:18px;color:var(--orange)"></i> <div class="suc-name">Sucursal Tehuantepec</div> </div> <div class="suc-addr">Melchor Ocampo 19, Laborio, Santo Domingo Tehuantepec, Oax.</div> <div class="suc-tel">971 713 7369</div> <div style="font-size:12px;color:var(--gray);margin-top:3px;">Lun–Sáb 8:00am – 7:50pm</div> </div> </div> <a class="btn btn-outline btn-full" style="justify-content:center;" href="https://www.google.com/maps/search/Industrial+El%C3%A9ctrica+Istme%C3%B1a+Salina+Cruz" target="_blank"> <i class="ti ti-map"></i> Ver todas en Google Maps </a> </div> </section>  <section class="sec sec-dark"> <div class="container"> <div class="mayorista-box"> <div style="display:flex;align-items:flex-start;justify-content:space-between;gap:24px;flex-wrap:wrap;"> <div style="flex:1;min-width:260px;"> <div style="font-size:11px;font-weight:700;color:rgba(255,255,255,.3);letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px;">Programa Mayoristas IEISA</div> <h2 style="font-family:var(--font-cond);font-size:28px;font-weight:900;color:#fff;margin-bottom:10px;"> ¿Eres electricista, contratista o empresa? </h2> <p style="font-size:14px;color:rgba(255,255,255,.65);line-height:1.65;margin-bottom:16px;"> Regístrate como cliente mayorista y accede a precios especiales, crédito preferencial y atención dedicada. Atendemos constructores, electricistas, empresas y gobierno en todo el Istmo. </p> <div style="display:flex;gap:10px;flex-wrap:wrap;"> <a class="btn btn-orange" href="https://wa.me/529711928488?text=Hola, quiero información sobre precios mayoristas" target="_blank"> Solicitar cuenta mayorista </a> <a class="btn btn-wa" href="https://wa.me/529711928488" target="_blank"> <i class="ti ti-brand-whatsapp"></i> Hablar con un asesor </a> </div> </div> <div style="display:flex;flex-direction:column;gap:10px;min-width:220px;"> <div style="background:rgba(255,255,255,.05);border-radius:10px;padding:12px;border:1px solid rgba(255,255,255,.06);display:flex;align-items:center;gap:10px;"> <i class="ti ti-discount-2" style="font-size:20px;color:var(--orange);flex-shrink:0"></i> <div style="font-size:13px;color:rgba(255,255,255,.8);">Precios especiales por volumen</div> </div> <div style="background:rgba(255,255,255,.05);border-radius:10px;padding:12px;border:1px solid rgba(255,255,255,.06);display:flex;align-items:center;gap:10px;"> <i class="ti ti-credit-card" style="font-size:20px;color:var(--green);flex-shrink:0"></i> <div style="font-size:13px;color:rgba(255,255,255,.8);">Crédito para clientes frecuentes</div> </div> <div style="background:rgba(255,255,255,.05);border-radius:10px;padding:12px;border:1px solid rgba(255,255,255,.06);display:flex;align-items:center;gap:10px;"> <i class="ti ti-truck" style="font-size:20px;color:var(--makita);flex-shrink:0"></i> <div style="font-size:13px;color:rgba(255,255,255,.8);">Entrega en obra en el Istmo</div> </div> <div style="background:rgba(255,255,255,.05);border-radius:10px;padding:12px;border:1px solid rgba(255,255,255,.06);display:flex;align-items:center;gap:10px;"> <i class="ti ti-headset" style="font-size:20px;color:var(--yellow);flex-shrink:0"></i> <div style="font-size:13px;color:rgba(255,255,255,.8);">Asesor dedicado por WhatsApp</div> </div> </div> </div> </div> </div> </section>  <section class="sec sec-gray"> <div class="container"> <div style="text-align:center;margin-bottom:20px;"> <div class="sec-label">Conócenos</div> <h2 class="sec-title">Visita nuestras <span style="color:var(--orange)">tiendas</span></h2> </div> <div style="background:#1A1A1A;border-radius:16px;height:220px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;border:1px solid rgba(255,255,255,.06);"> <div style="width:60px;height:60px;background:var(--orange);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s;" onmouseover="this.style.transform='scale(1.1)'" onmouseout="this.style.transform='scale(1)'"> <i class="ti ti-player-play-filled" style="font-size:26px;color:#fff;margin-left:3px;"></i> </div> <p style="font-size:14px;color:rgba(255,255,255,.6);">Video institucional · Industrial Eléctrica Istmeña</p> <p style="font-size:12px;color:rgba(255,255,255,.3);">Agrega aquí el video de tu tienda</p> </div> </div> </section>  <footer class="footer"> <div class="container"> <div class="footer-grid"> <div> <div style="display:flex;align-items:center;gap:10px;margin-bottom:14px;"> <div style="width:36px;height:36px;background:var(--orange);border-radius:50%;display:flex;align-items:center;justify-content:center;"> <i class="ti ti-bulb" style="font-size:18px;color:#fff"></i> </div> <div> <div style="font-family:var(--font-cond);font-size:18px;font-weight:900;color:var(--green);">Eléctrica <span style="color:#fff">istmeña</span></div> <div style="font-size:10px;color:rgba(255,255,255,.3);letter-spacing:.08em;">INDUSTRIAL · ieisa.com.mx</div> </div> </div> <p style="font-size:13px;color:rgba(255,255,255,.45);line-height:1.7;margin-bottom:14px;"> Más de 30 años siendo la empresa eléctrico-ferretera más completa del Istmo de Tehuantepec. </p> <div style="display:flex;gap:8px;flex-wrap:wrap;"> <a class="btn btn-wa btn-sm" href="https://wa.me/529711928488" target="_blank"><i class="ti ti-brand-whatsapp"></i> WhatsApp</a> <a class="btn btn-orange btn-sm" href="tel:+529711371348"><i class="ti ti-phone"></i> 971 137 1348</a> </div> </div> <div> <div class="footer-label">Categorías</div> <a class="footer-link" href="#temporada">Productos de temporada</a> <a class="footer-link" href="#makita">Makita Store</a> <a class="footer-link" href="#rotoplas">Rotoplas y Bombas</a> <a class="footer-link" href="#sayer">Pinturas Sayer</a> <a class="footer-link" href="#electrico">Material eléctrico</a> <a class="footer-link" href="https://wa.me/529711928488?text=Hola, quiero ser cliente mayorista" target="_blank">Precios mayoristas</a> </div> <div> <div class="footer-label">Contacto y sucursales</div> <a class="footer-link" href="tel:+529711371348">971 137 1348 (Principal)</a> <a class="footer-link" href="tel:+529711083983">971 108 3983 (Makita)</a> <a class="footer-link" href="tel:+529711928488">971 192 8488 (Sayer)</a> <a class="footer-link" href="tel:+529711183905">971 118 3905 (Tampico)</a> <a class="footer-link" href="tel:+529717137369">971 713 7369 (Tehuantepec)</a> <a class="footer-link" href="mailto:[email protected]">[email protected]</a> <a class="footer-link" href="https://www.facebook.com/ieisamx1" target="_blank"><i class="ti ti-brand-facebook"></i> Facebook</a> </div> </div> <div class="footer-copy"> © 2026 Industrial Eléctrica Istmeña S.A. de C.V. · ieisa.com.mx · Salina Cruz, Oaxaca, México<br> Distribuidores autorizados: Makita · Rotoplas · Pinturas Sayer · Condumex · IUSA · DeWalt </div> </div> </footer> </body> </html>

IEISA 2026

Métodos de pago

Opciones de envío