/* ===== LOGOTAK · estilo USHOP, paleta AZUL corporativo ===== */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700;800;900&family=Roboto:wght@300;400;500;700&display=swap');

:root{
  /* azul de marca */
  --blue-50:#E9F2FD; --blue-100:#CFE2FB; --blue-300:#6FA8EE;
  --blue-500:#0E63C7; --blue-600:#0B4FA3; --blue-700:#083B7A;
  /* neutros slate */
  --n0:#FFFFFF; --n25:#FAFAFB; --n50:#F4F5F6; --n100:#E8EAED; --n200:#D6DADF;
  --n400:#8C95A0; --n500:#69727D; --n600:#4F555E; --n700:#3F3F3F; --n900:#1A1B1D;
  --wa:#25D366;
  --brand:var(--blue-500); --brand-hover:var(--blue-600);
  --ink:var(--n900); --ink2:var(--n600); --muted:var(--n500); --line:var(--n100);
  --fdisplay:'Montserrat',system-ui,-apple-system,sans-serif;
  --fbody:'Roboto',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;
  --r:16px; --rlg:24px; --shadow:0 10px 30px rgba(16,33,60,.08); --shadow-lg:0 20px 50px rgba(16,33,60,.13);
}
*{box-sizing:border-box}
body{margin:0;font-family:var(--fbody);color:var(--ink);background:var(--n0);-webkit-font-smoothing:antialiased;line-height:1.5}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
.lt-wrap{max-width:1240px;margin:0 auto;padding:0 24px}
.eyebrow{font-family:var(--fdisplay);font-weight:700;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--brand)}
h1,h2,h3{font-family:var(--fdisplay);letter-spacing:-.02em;margin:0}

/* botones */
.btn{display:inline-flex;align-items:center;gap:9px;font-family:var(--fdisplay);font-weight:700;font-size:15px;border-radius:999px;padding:13px 26px;cursor:pointer;border:2px solid transparent;transition:.15s;line-height:1}
.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover{background:var(--brand-hover)}
.btn-outline{background:#fff;color:var(--ink);border-color:var(--n200)}.btn-outline:hover{border-color:var(--brand);color:var(--brand)}
.btn-wa{background:var(--wa);color:#fff}.btn-wa:hover{filter:brightness(.95)}
.btn-lg{font-size:16px;padding:15px 30px}

/* nav */
.lt-nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.9);backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid var(--line)}
.lt-nav-in{max-width:1240px;margin:0 auto;padding:0 24px;height:64px;display:flex;align-items:center;gap:34px}
.lt-logo{font-family:var(--fdisplay);font-weight:900;font-size:22px;letter-spacing:-.5px;color:var(--ink)}
.lt-logo b{color:var(--brand)}
.lt-menu{display:flex;gap:26px;font-weight:500;font-size:14.5px;color:var(--n700);align-items:center}
.lt-menu>a:hover,.has-mega>a:hover{color:var(--brand)}
/* mega-menú de productos */
.has-mega{position:static;height:64px;display:flex;align-items:center}
.has-mega>a{cursor:pointer}
/* el panel arranca pegado al nav (sin hueco) y un puente invisible evita que se cierre */
.lt-mega{position:absolute;left:0;right:0;top:64px;display:none;background:var(--n900);border-top:3px solid var(--brand);box-shadow:var(--shadow-lg);padding:24px 0;z-index:60}
.lt-mega::before{content:"";position:absolute;top:-10px;left:0;right:0;height:10px}
.has-mega:hover .lt-mega,.lt-mega:hover{display:block}
.lt-mega-grid{max-width:1240px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:repeat(4,1fr);gap:0 30px}
.lt-mega a{display:flex;justify-content:space-between;align-items:center;color:#cfd3d8;font-size:14px;padding:9px 0;border-bottom:1px dotted rgba(255,255,255,.13)}
.lt-mega a:hover{color:#fff}
.lt-mega a .cnt{font-size:11px;color:#7b828b}
.lt-mega a:hover .cnt{color:var(--blue-300)}
.lt-nav-r{margin-left:auto;display:flex;align-items:center;gap:14px}

/* hero */
.lt-hero{background:linear-gradient(180deg,#fff 0%,var(--n50) 100%);overflow:hidden}
.lt-hero-in{max-width:1240px;margin:0 auto;padding:74px 24px 0;display:grid;grid-template-columns:1.12fr .88fr;gap:56px;align-items:center}
.lt-hero h1{font-weight:800;font-size:clamp(38px,5vw,60px);line-height:1.03;margin:18px 0 0;color:var(--n900)}
.lt-hero h1 .hl{color:var(--brand)}
.lt-hero .sub{font-size:19px;line-height:1.6;color:var(--ink2);margin:22px 0 0;max-width:540px}
.lt-cta{display:flex;gap:14px;margin-top:30px;flex-wrap:wrap}
.lt-stats{display:flex;gap:38px;margin-top:46px;border-top:1px solid var(--line);padding-top:26px;flex-wrap:wrap}
.lt-stat .v{font-family:var(--fdisplay);font-weight:800;font-size:30px;color:var(--brand);line-height:1}
.lt-stat .l{font-size:13px;color:var(--muted);margin-top:5px;max-width:120px}
.lt-hero-art{position:relative;align-self:end}
.lt-hero-art .blob{position:absolute;right:-30px;top:10px;width:280px;height:280px;background:var(--brand);opacity:.07;border-radius:50%;filter:blur(8px)}
.lt-hero-art img{position:relative;width:100%;max-width:480px;margin-left:auto;border-radius:var(--rlg);box-shadow:var(--shadow-lg);object-fit:cover;max-height:560px}

/* secciones */
section{scroll-margin-top:80px}
.lt-sec{padding:72px 0}
.lt-sec.alt{background:var(--n50)}
.lt-sec-head{text-align:center;max-width:680px;margin:0 auto 40px}
.lt-sec-head h2{font-weight:800;font-size:clamp(28px,3.4vw,40px);color:var(--n900);margin:10px 0 0}
.lt-sec-head p{font-size:17px;color:var(--ink2);margin:12px 0 0}

/* grilla servicios/categorías */
.lt-svc{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.lt-card{background:#fff;border:1px solid var(--line);border-radius:var(--rlg);overflow:hidden;transition:.2s;display:flex;flex-direction:column}
.lt-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}
.lt-card .ph{height:170px;background:var(--n50);display:flex;align-items:center;justify-content:center;overflow:hidden}
.lt-card .ph img{width:100%;height:100%;object-fit:cover}
.lt-card .ph img.contain{object-fit:contain;mix-blend-mode:multiply;padding:14px}
.lt-card .bd{padding:20px 22px}
.lt-card h3{font-weight:700;font-size:19px;color:var(--n900)}
.lt-card p{font-size:14px;color:var(--muted);margin:6px 0 0}
.lt-card .more{display:inline-block;margin-top:12px;color:var(--brand);font-weight:700;font-size:14px}

/* proceso */
.lt-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.lt-step{text-align:center;padding:8px}
.lt-step .num{width:54px;height:54px;border-radius:50%;background:var(--blue-50);color:var(--brand);font-family:var(--fdisplay);font-weight:800;font-size:22px;display:flex;align-items:center;justify-content:center;margin:0 auto 14px}
.lt-step h3{font-weight:700;font-size:17px}
.lt-step p{font-size:14px;color:var(--muted);margin:6px 0 0}

/* grilla de productos (home + woo) */
.lt-grid,.woocommerce ul.products{display:grid !important;grid-template-columns:repeat(auto-fill,minmax(210px,1fr)) !important;gap:20px !important;margin:0 !important;list-style:none;padding:0}
.lt-tile,.woocommerce ul.products li.product{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:18px !important;text-align:center;transition:.2s;display:flex;flex-direction:column;width:auto !important;margin:0 !important;float:none !important}
.lt-tile:hover,.woocommerce ul.products li.product:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.lt-tile-img{height:160px;display:flex;align-items:center;justify-content:center;margin-bottom:12px}
.lt-tile-img img,.woocommerce ul.products li.product a img{max-height:160px;width:auto;margin:0 auto;object-fit:contain;mix-blend-mode:multiply}
.lt-tile h3,.woocommerce ul.products li.product .woocommerce-loop-product__title{font-family:var(--fdisplay) !important;font-size:17px !important;font-weight:700 !important;margin:2px 0 !important;padding:0 !important;color:var(--n900)}
.lt-tile-code,.logotak-code{font-size:12.5px;color:var(--muted);margin-bottom:12px}
.woocommerce ul.products li.product .price{display:none !important}

/* boton cotizar */
.logotak-cotizar{margin-top:auto;background:var(--brand);color:#fff !important;font-family:var(--fdisplay);font-weight:700;font-size:14px;padding:11px 18px;border-radius:999px;display:inline-block;text-align:center;transition:.15s}
.logotak-cotizar:hover{background:var(--brand-hover)}
.logotak-cotizar.single{font-size:16px;padding:14px 30px;margin-top:16px}

/* ficha producto */
.woocommerce div.product .product_title{font-family:var(--fdisplay);font-weight:800;font-size:34px}
.woocommerce-product-gallery{border-radius:var(--r);overflow:hidden}

/* banda confianza gobierno */
.lt-gov{background:#fff;border:1px solid var(--line);border-radius:var(--rlg);padding:30px;display:flex;align-items:center;gap:30px;flex-wrap:wrap;justify-content:center;text-align:center;box-shadow:var(--shadow)}
.lt-gov img.mp{height:52px}.lt-gov img.cc{height:46px}
.lt-gov p{font-size:16px;color:var(--ink2);max-width:430px;margin:0}

/* banner CTA ancho */
.lt-cta-band{background:linear-gradient(120deg,var(--blue-600),var(--blue-500));color:#fff;border-radius:var(--rlg);padding:54px 40px;text-align:center;background-size:cover}
.lt-cta-band h2{font-weight:800;font-size:clamp(26px,3vw,38px);color:#fff;max-width:680px;margin:0 auto 8px}
.lt-cta-band p{font-size:17px;opacity:.92;margin:0 auto 22px;max-width:560px}

/* footer */
.lt-footer{background:var(--n900);color:#cfd3d8;margin-top:0}
.lt-foot-in{max-width:1240px;margin:0 auto;padding:54px 24px 0;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:34px}
.lt-footer h4{font-family:var(--fdisplay);font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:#fff;margin:0 0 14px}
.lt-footer a{display:block;margin-bottom:9px;font-size:14px;color:#aeb4bc}
.lt-footer a:hover{color:#fff}
.lt-foot-brand .lt-logo{color:#fff}.lt-foot-brand p{font-size:14px;color:#9aa0a8;max-width:280px;margin:12px 0 0}
.lt-legal{border-top:1px solid #2c2e32;margin-top:40px;padding:18px 24px;text-align:center;font-size:12.5px;color:#8b9098}

/* whatsapp flotante */
.lt-fab{position:fixed;right:22px;bottom:22px;z-index:80;width:58px;height:58px;border-radius:50%;background:var(--wa);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(37,211,102,.45);font-size:28px;transition:.15s}
.lt-fab:hover{transform:scale(1.07)}

.lt-empty{background:#fff;border:1px solid var(--line);border-radius:var(--rlg);padding:48px;text-align:center}

/* ===== secciones estilo USHOP ===== */
/* barra superior contacto */
.lt-topbar{background:var(--n900);color:#cfd3d8;font-size:12.5px}
.lt-topbar-in{max-width:1240px;margin:0 auto;padding:9px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.lt-topbar .tag{font-family:var(--fdisplay);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#fff}
.lt-topbar .info{display:flex;gap:24px;align-items:center}
.lt-topbar a{color:#cfd3d8}.lt-topbar a:hover{color:#fff}

/* hero con foto de fondo + overlay */
.lt-hero2{position:relative;overflow:hidden;background:#15171a}
.lt-hero2 .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.5}
.lt-hero2::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,16,32,.9),rgba(8,16,32,.55) 55%,rgba(8,16,32,.25))}
.lt-hero2-in{position:relative;z-index:2;max-width:1240px;margin:0 auto;padding:88px 24px 44px}
.lt-hero2 .eyebrow{color:#fff;opacity:.95}
.lt-hero2 h1{font-weight:800;font-size:clamp(34px,4.6vw,56px);line-height:1.05;margin:14px 0 0;max-width:740px;color:#fff}
.lt-hero2 h1 .hl{color:var(--blue-300)}
.lt-hero2 .sub{font-size:18px;line-height:1.6;color:#e8ecf1;margin:18px 0 0;max-width:560px}
.lt-hero2 .lt-cta{margin-top:26px}
.lt-hero2 .lt-stats{border-top:1px solid rgba(255,255,255,.22);margin-top:40px}
.lt-hero2 .lt-stat .v{color:#fff}.lt-hero2 .lt-stat .l{color:#c6cdd6}
.lt-hero2 .btn-outline{background:transparent;color:#fff;border-color:rgba(255,255,255,.65)}
.lt-hero2 .btn-outline:hover{background:#fff;color:var(--ink);border-color:#fff}

/* tarjetas con foto (soluciones) usan cover por defecto del .lt-card .ph img */
.lt-card .ph img{width:100%;height:100%;object-fit:cover}
.lt-card.photo .ph{height:220px}
.lt-card .bd p{min-height:42px}

/* bento "oportunidad de marca" */
.lt-bento{display:grid;grid-template-columns:1.4fr 1fr 1fr;grid-template-rows:230px 230px;gap:18px}
.lt-bento .cell{position:relative;border-radius:var(--rlg);overflow:hidden;display:flex;align-items:flex-end;color:#fff}
.lt-bento .cell img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.lt-bento .cell .cap{position:relative;z-index:2;padding:16px 20px;width:100%;background:linear-gradient(0deg,rgba(0,0,0,.72),rgba(0,0,0,0))}
.lt-bento .cell .cap h3{color:#fff;font-size:19px;margin:0}
.lt-bento .cell .cap p{color:#e7ebf0;font-size:13px;margin:4px 0 0}
.lt-bento .big{grid-column:1;grid-row:1 / span 2}
.lt-bento .c2{grid-column:2;grid-row:1}.lt-bento .c3{grid-column:3;grid-row:1}
.lt-bento .c4{grid-column:2 / span 2;grid-row:2}

/* banda oscura (despacho / convenio) */
.lt-imp{position:relative;background:linear-gradient(90deg,#23262b,#15171a);color:#fff;border-radius:var(--rlg);overflow:hidden;padding:50px 44px;display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center}
.lt-imp .pic img{width:100%;max-width:440px;margin:0 auto;border-radius:var(--r);box-shadow:var(--shadow-lg)}
.lt-imp h2{color:#fff;font-size:clamp(24px,2.6vw,34px);max-width:430px;margin:0}
.lt-imp p{opacity:.92;font-size:16px;margin:12px 0 20px;max-width:430px}

@media(max-width:980px){
  .lt-topbar .tag{display:none}
  .lt-bento{grid-template-columns:1fr 1fr;grid-template-rows:auto}
  .lt-bento .big,.lt-bento .c2,.lt-bento .c3,.lt-bento .c4{grid-column:auto;grid-row:auto;min-height:200px}
  .lt-bento .big{grid-column:1 / span 2;min-height:260px}
  .lt-imp{grid-template-columns:1fr;text-align:center}
  .lt-imp .pic{order:-1}
  .lt-hero-in{grid-template-columns:1fr;gap:30px}
  .lt-hero-art{order:-1}
  .lt-svc{grid-template-columns:1fr 1fr}
  .lt-steps{grid-template-columns:1fr 1fr}
  .lt-menu{display:none}
  .lt-foot-in{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
  .lt-svc{grid-template-columns:1fr}
  .lt-foot-in{grid-template-columns:1fr}
}