*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#123e75;background:#fff}a{color:inherit;text-decoration:none}.header{height:78px;display:flex;align-items:center;gap:28px;padding:0 max(6vw,28px);position:sticky;top:0;background:#fff;z-index:20;border-bottom:1px solid #e3ebf1}.brand{display:flex;align-items:center;gap:9px;font-size:11px;line-height:1.1;margin-right:auto}.mark{width:34px;height:34px;border:2px solid #0a8eb9;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:20px}.header nav{display:flex;gap:28px;font-size:13px}.auto-nav{color:#079fc9}.btn{display:inline-block;border:0;border-radius:8px;padding:14px 20px;font-size:12px;font-weight:800;color:white;background:linear-gradient(90deg,#123e75,#18b9d2);cursor:pointer;box-shadow:0 5px 14px #0c4b7930}.secondary{background:#fff;color:#123e75;border:1px solid #cad9e4;box-shadow:none}.hero{background:linear-gradient(105deg,#f0fbff 0%,#fff 62%,#e9faff 100%)}.hero-inner,.section{max-width:1120px;margin:auto;padding:78px 28px}.hero-inner{min-height:560px;display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:70px}.eyebrow{font-size:11px;letter-spacing:1.3px;font-weight:800;color:#0798c7;margin:0 0 10px}.light{color:#75e3f2}h1{font-size:52px;line-height:1.07;margin:0 0 14px;font-weight:500}h2{font-size:34px;line-height:1.1;margin:0 0 8px;font-weight:500}h3{font-size:16px;margin:7px 0 5px;font-weight:500;color:#0798c7}p{color:#526b82;margin-top:6px}.lead{max-width:600px;font-size:16px}.actions{display:flex;gap:12px;margin:25px 0 30px}.badges{display:flex;gap:12px}.badges span{background:#fff;border:1px solid #d7e4ec;border-radius:10px;padding:15px 18px;text-align:center;font-size:12px;font-weight:800;min-width:120px}.hero-card,.two article,.grid article,.four article,.contact-card,.form-card{background:#fff;border:1px solid #d7e4ec;border-radius:16px;padding:28px}.hero-card{font-weight:800;line-height:1.4}.muted{background:#dfe8ef;max-width:none;padding-left:max(calc((100% - 1064px)/2),28px);padding-right:max(calc((100% - 1064px)/2),28px)}.two,.three,.four{display:grid;gap:20px;margin-top:34px}.two{grid-template-columns:1fr 1fr}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}.grid article{padding:24px}.grid b,.four b{display:inline-grid;place-items:center;background:#079fc9;color:white;border-radius:7px;min-width:34px;height:34px}.quality{max-width:none;background:#123f7e;color:#fff;padding-left:max(calc((100% - 1064px)/2),28px);padding-right:max(calc((100% - 1064px)/2),28px)}.quality h2,.quality p{color:#fff}.three{grid-template-columns:repeat(3,1fr)}.three article{background:#ffffff18;border:1px solid #ffffff20;border-radius:14px;padding:25px}.three h3{color:#73e0f0}.four{grid-template-columns:repeat(4,1fr)}.four article{padding:24px}.cta{text-align:center;background:linear-gradient(90deg,#078ac1,#22bcd0);color:white;padding:58px 20px}.cta h2,.cta p{color:white}.white{background:#fff;color:#123e75;box-shadow:none}.contact{display:grid;grid-template-columns:.85fr 1.15fr;gap:35px}.contact-card,.form-card{align-self:start}.contact-card h2{font-size:23px}.form-card h2{font-size:32px}form{display:grid;grid-template-columns:1fr 1fr;gap:12px}input,select,textarea{width:100%;padding:14px;border:1px solid #c7d7e2;border-radius:7px;background:white;font:inherit;color:#284d71}textarea{grid-column:1/-1;min-height:115px;resize:vertical}.full{grid-column:1/-1;width:100%}footer{background:#123866;color:#fff;padding:28px max(6vw,28px);display:flex;justify-content:space-between;font-size:12px}.wa{position:fixed;right:18px;bottom:18px;background:#25d366;color:#fff;padding:13px 18px;border-radius:999px;font-weight:800;z-index:30}.hero-derecha{display:flex;flex-direction:column;gap:28px}.logo-card{background:rgba(255,255,255,.94);border:1px solid #d7e4ec;border-radius:18px;padding:25px;display:flex;align-items:center;justify-content:center;min-height:280px}.logo-card img{width:100%;max-width:310px;height:auto}.quality{background:rgba(18,63,126,.94)!important}.quality h2,.quality p{color:#fff!important}
/* AUTOMATIZACION CORREGIDA */
#automatizacion{scroll-margin-top:78px}
.auto-ref{background:rgba(250,253,255,.97)}
.auto-top{max-width:1180px;margin:auto;padding:62px 28px 38px;display:grid;grid-template-columns:.95fr 1.05fr;gap:48px;align-items:center}
.auto-copy h2{font-size:44px;line-height:1.13;margin:0 0 22px}.auto-copy>p:not(.eyebrow){font-size:17px;line-height:1.65}.auto-copy strong{color:#079fc9}
.auto-photo{height:330px;position:relative;overflow:hidden;border-radius:18px;box-shadow:0 10px 30px #123e7520;background:#eef7fb}.auto-photo img{width:100%;height:100%;object-fit:cover}
.auto-photo span{position:absolute;right:0;bottom:0;background:#0d447f;color:#fff;padding:14px 20px;font-size:13px;line-height:1.3}
.auto-strip{background:linear-gradient(90deg,#0b3e7c,#075aa0);padding:25px max(calc((100% - 1180px)/2),28px);display:grid;grid-template-columns:repeat(4,1fr)}
.auto-strip article{display:flex;gap:15px;padding:0 24px;border-right:1px solid #ffffff40}.auto-strip article:first-child{padding-left:0}.auto-strip article:last-child{border:0}
.auto-strip i{font-style:normal;color:#48d9f1;font-size:30px;min-width:48px}.auto-strip h3{color:#fff;font-size:14px;font-weight:800;line-height:1.35;margin:0 0 9px}.auto-strip p{color:#fff;font-size:12px;line-height:1.55;margin:0}
.auto-bottom{max-width:1180px;margin:auto;padding:42px 28px 62px;display:grid;grid-template-columns:.78fr 1.08fr .84fr;gap:38px;align-items:center}
.robot-only{height:315px;display:flex;align-items:center;justify-content:center;overflow:hidden}.robot-only img{max-width:100%;max-height:100%;object-fit:contain}
.robot-info h2{font-size:31px}.robot-info ul{list-style:none;padding:0}.robot-info li{margin:10px 0;color:#40566d}.robot-info li:before{content:"✓";color:#079fc9;font-weight:900;margin-right:10px}
.pioneer{display:grid;gap:17px}.pioneer article{display:flex;gap:15px;background:#eef6fb;border:1px solid #e4eef4;border-radius:15px;padding:22px}.pioneer h3{font-weight:800;color:#07579a;margin:0 0 7px}.pioneer p{font-size:13px;line-height:1.5;margin:0}
.seal{display:grid;place-items:center;width:50px;height:50px;min-width:50px;border-radius:50%;background:#0b4c91;color:#fff;font-size:24px}.pioneer .slogan{display:block;color:#07579a;line-height:1.45}
@media(max-width:1000px){.auto-strip{grid-template-columns:1fr 1fr;gap:25px}.auto-strip article{border:0;padding:0}.auto-bottom{grid-template-columns:1fr 1fr}.pioneer{grid-column:1/-1;grid-template-columns:1fr 1fr}}
@media(max-width:800px){.auto-top{grid-template-columns:1fr;padding:50px 20px 30px}.auto-copy h2{font-size:34px}.auto-photo{height:240px}.auto-strip{grid-template-columns:1fr;padding:24px 20px}.auto-strip article{padding:15px 0;border-bottom:1px solid #ffffff30}.auto-bottom{grid-template-columns:1fr;padding:35px 20px 55px}.robot-only{height:260px}.pioneer{grid-column:auto;grid-template-columns:1fr}}

body{background-color:#fff;background-image:url("../logo-lefal.png");background-repeat:repeat;background-size:350px auto;background-attachment:fixed}.section{background-color:rgba(255,255,255,.82)}.section.muted{background-color:rgba(223,232,239,.82)}


/* =========================================================
   LEFAL RESPONSIVE V17
   Mantiene el diseño de escritorio y adapta tablet/celular
   ========================================================= */
html,body{width:100%;max-width:100%;overflow-x:hidden}
img{max-width:100%;height:auto}
section{scroll-margin-top:110px}

@media(max-width:1100px){
  .header{padding-left:20px;padding-right:20px;gap:16px}
  .header nav{gap:16px}
  .header>.btn{padding:12px 14px;font-size:10px;white-space:nowrap}
  .hero-inner{gap:38px}
  h1{font-size:44px}
  .badges{flex-wrap:wrap}
  .badges span{flex:1 1 120px}
  .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .four{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:850px){
  .header{
    height:auto;min-height:70px;padding:11px 18px;
    flex-wrap:wrap;gap:9px
  }
  .brand{flex:1;min-width:180px}
  .header>.btn{padding:10px 12px;font-size:9px}
  .header nav{
    order:3;width:100%;display:flex;gap:18px;
    overflow-x:auto;white-space:nowrap;padding:9px 0 3px;
    scrollbar-width:none;-webkit-overflow-scrolling:touch
  }
  .header nav::-webkit-scrollbar{display:none}

  .hero-inner{
    min-height:auto;grid-template-columns:1fr;
    gap:30px;padding:52px 20px
  }
  h1{font-size:40px}
  h2{font-size:30px}
  .lead{font-size:15px;line-height:1.6}
  .hero-derecha{width:100%;gap:18px}
  .logo-card{min-height:auto;padding:18px}
  .logo-card img{width:100%;max-width:520px}

  .section{padding:55px 20px}
  .muted,.quality{padding-left:20px;padding-right:20px}
  .two{grid-template-columns:1fr}
  .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .three{grid-template-columns:1fr}
  .four{grid-template-columns:repeat(2,minmax(0,1fr))}
  .contact{grid-template-columns:1fr;gap:24px}

  footer{padding:24px 20px;gap:12px;flex-direction:column;text-align:center}
}

@media(max-width:600px){
  body{background-attachment:scroll;background-size:230px auto}

  .header{padding:10px 14px}
  .brand{font-size:10px;min-width:155px}
  .mark{width:31px;height:31px;font-size:17px}
  .header>.btn{font-size:8px;padding:9px 9px}
  .header nav{font-size:12px;gap:17px}

  .hero-inner{padding:40px 17px 45px;gap:25px}
  h1{font-size:34px;line-height:1.08}
  h2{font-size:27px}
  h3{font-size:16px}
  p{line-height:1.55}
  .eyebrow{font-size:10px}

  .actions{flex-direction:column;width:100%;gap:10px;margin:22px 0 25px}
  .actions .btn{width:100%;text-align:center}

  .badges{display:grid;grid-template-columns:1fr 1fr;gap:9px}
  .badges span{min-width:0;width:100%;padding:13px 7px}

  .hero-card{padding:19px}
  .logo-card{padding:10px;border-radius:14px}

  .section{padding:44px 17px}
  .muted,.quality{padding-left:17px;padding-right:17px}

  .grid{grid-template-columns:1fr;gap:13px;margin-top:25px}
  .grid article,.two article,.three article,.four article{padding:20px}
  .two,.three,.four{grid-template-columns:1fr;gap:13px;margin-top:25px}

  .cta{padding:44px 17px}

  .contact{padding-left:17px;padding-right:17px}
  .contact-card,.form-card{padding:20px}
  .contact-card h2,.form-card h2{font-size:25px}

  form{grid-template-columns:1fr}
  input,select,textarea{font-size:16px;min-height:48px}
  textarea,.full{grid-column:1}

  .auto-top{grid-template-columns:1fr;padding:44px 17px 28px;gap:26px}
  .auto-copy h2{font-size:30px}
  .auto-copy>p:not(.eyebrow){font-size:15px}
  .auto-photo{height:235px}
  .auto-photo span{font-size:10px;padding:10px 12px}
  .auto-strip{grid-template-columns:1fr;padding:20px 17px}
  .auto-strip article{padding:14px 0;border-right:0;border-bottom:1px solid #ffffff30}
  .auto-strip article:last-child{border-bottom:0}
  .auto-bottom{grid-template-columns:1fr;padding:34px 17px 50px;gap:28px}
  .robot-only{height:235px}
  .robot-info h2{font-size:27px}
  .pioneer{grid-column:auto;grid-template-columns:1fr}

  .wa{right:10px;bottom:10px;padding:10px 14px;font-size:11px}
}

@media(max-width:390px){
  h1{font-size:30px}
  h2{font-size:24px}
  .header{padding:9px 10px}
  .brand{min-width:145px}
  .header>.btn{font-size:7.5px;padding:9px 7px}
}


/* =========================================================
   LEFAL iOS / SAFARI COMPATIBILITY V18
   ========================================================= */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;}
body{-webkit-font-smoothing:antialiased;min-height:100vh;min-height:-webkit-fill-available;}
button,input,select,textarea{-webkit-appearance:none;appearance:none;border-radius:7px;}
select{background-color:#fff;}
a,button{-webkit-tap-highlight-color:rgba(0,0,0,0);touch-action:manipulation;}
.header{padding-left:max(28px,env(safe-area-inset-left));padding-right:max(28px,env(safe-area-inset-right));}
.wa{right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));}
@supports (-webkit-touch-callout:none){
  body{background-attachment:scroll;}
  .header{-webkit-transform:translateZ(0);transform:translateZ(0);}
  .hero-inner,.auto-top,.auto-bottom{min-width:0;}
  .hero-inner>*,.auto-top>*,.auto-bottom>*{min-width:0;}
}
@media(max-width:850px){
  .header{padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right));}
}
@media(max-width:600px){
  .header{padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right));}
  .hero-inner,.section,.auto-top,.auto-strip,.auto-bottom,.cta{padding-left:max(17px,env(safe-area-inset-left));padding-right:max(17px,env(safe-area-inset-right));}
  .wa{right:max(10px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom));}
}