/* =========================================================
   LUTZEN BUSINESS & CAPITAL — Estilos del sitio
   Colores de marca (regla 70/20/10):
     Navy   #0E1F33  (20%)   Rojo  #D7261E  (10%)
     Blanco #FFFFFF / Crema #F5F4F0  (70%)
   ========================================================= */

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#FFFFFF;font-family:'Public Sans','Segoe UI','Helvetica Neue',Helvetica,Arial,sans-serif;color:#0E1F33;-webkit-font-smoothing:antialiased}
img{max-width:100%}
a{color:#0E1F33}a:hover{color:#D7261E}
:focus-visible{outline:3px solid #D7261E;outline-offset:2px}
.skip{position:absolute;left:-9999px;top:0;background:#0E1F33;color:#FFFFFF;padding:12px 18px;z-index:100}
.skip:focus{left:12px;top:12px;color:#FFFFFF}

.wrap{max-width:1200px;margin:0 auto;padding-left:40px;padding-right:40px}
.serif{font-family:'Source Serif 4','Source Serif Pro',Georgia,'Times New Roman',serif;letter-spacing:-.01em}
.eyebrow{font-size:13px;letter-spacing:.18em;text-transform:uppercase;font-weight:700;color:#D7261E}
.tm{font-size:.38em;vertical-align:super;margin-left:3px;font-weight:600;letter-spacing:0}

/* Botones */
.btn-red{background:#D7261E;color:#FFFFFF;text-decoration:none;border:0;cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 28px;font-weight:600;font-size:16px}
.btn-red:hover{background:#B31C15;color:#FFFFFF}
.btn-line{border:1.5px solid #FFFFFF;color:#FFFFFF;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 28px;font-weight:600;font-size:16px}
.btn-line:hover{background:#FFFFFF;color:#0E1F33}
.btn-navy{border:1.5px solid #0E1F33;color:#0E1F33;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 28px;font-weight:600;font-size:16px}
.btn-navy:hover{background:#0E1F33;color:#FFFFFF}

/* Encabezado */
.site-header{position:sticky;top:0;z-index:30;background:#FFFFFF;border-bottom:1px solid #E3E7EC}
.site-header .bar{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:84px;position:relative}
.brand{display:flex;align-items:center;gap:14px;text-decoration:none}
.brand img{height:46px;width:auto;display:block}
.brand .name{display:flex;flex-direction:column;line-height:1}
.brand .name b{font-family:'Source Serif 4',Georgia,serif;font-size:27px;font-weight:700;letter-spacing:.08em;color:#0E1F33}
.brand .name small{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:#D7261E;font-weight:700;margin-top:5px}
.nav{display:flex;gap:32px;align-items:center}
.nav a{text-decoration:none;font-size:15px;font-weight:500;color:#0E1F33}
.nav a:hover,.nav a[aria-current="page"]{color:#D7261E}
.nav a.lang{color:#D7261E;font-weight:700}
.header-actions{display:flex;align-items:center;gap:12px}
.header-cta{min-height:46px;padding:0 22px;font-size:15px}
.menu-btn{display:none;background:none;border:1.5px solid #0E1F33;color:#0E1F33;font:inherit;font-weight:600;font-size:15px;min-height:44px;padding:0 14px;cursor:pointer;align-items:center;gap:8px}
.menu-btn span{display:block;width:18px;height:2px;background:#0E1F33;box-shadow:0 -6px 0 #0E1F33,0 6px 0 #0E1F33}

/* Pie de página */
.foot{background:#0B1828;color:#C9D2DD}
.foot a{color:#C9D2DD;text-decoration:none}.foot a:hover{color:#FFFFFF}
.foot .cols{padding-top:64px;padding-bottom:40px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:40px}
.foot .col{display:flex;flex-direction:column;gap:10px;font-size:15px}
.foot .col-title{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#FF6B5E;font-weight:700}
.foot .legal{padding-top:20px;padding-bottom:28px;border-top:1px solid #1F3247;font-size:14px;color:#8FA0B3}

/* Rejillas */
.g4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:64px;align-items:center}
.split-about{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:64px;align-items:start}
.card{background:#FFFFFF;border:1px solid #DCE1E7;padding:28px;display:flex;flex-direction:column;gap:12px}
.card:hover{border-color:#0E1F33}

/* Página de servicios */
.col-h{font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:#0E1F33;padding-bottom:10px;border-bottom:2px solid #D7261E}
.li{display:flex;gap:12px;align-items:baseline;font-size:15.5px;line-height:1.55;color:#263241}
.dot{width:6px;height:6px;background:#D7261E;flex-shrink:0;display:inline-block}

/* Fotos de fondo */
.hero-photo{background-color:#0E1F33;background-image:linear-gradient(90deg,rgba(14,31,51,.97) 0%,rgba(14,31,51,.88) 45%,rgba(14,31,51,.35) 100%),url(../img/hero-chicago.jpg);background-size:cover;background-position:center 40%}
.cta-photo{background-color:#0E1F33;background-image:linear-gradient(rgba(14,31,51,.86),rgba(14,31,51,.9)),url(../img/chicago-aerial.jpg);background-size:cover;background-position:center}
.about-photo{background-color:#0E1F33;background-image:linear-gradient(90deg,rgba(14,31,51,.96) 0%,rgba(14,31,51,.86) 50%,rgba(14,31,51,.45) 100%),url(../img/about-chicago.jpg);background-size:cover;background-position:center}

/* Formulario */
.field{display:flex;flex-direction:column;gap:7px;font-size:14px;font-weight:600}
.field input,.field select,.field textarea{font-family:inherit;font-size:16px;font-weight:400;color:#0E1F33;border:1px solid #C3CBD5;background:#FFFFFF;padding:13px 14px;min-height:48px;border-radius:0;width:100%}
.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid #0E1F33;outline-offset:0}
.hp{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
.form-status{font-size:16px;line-height:1.5;padding:14px 16px;display:none}
.form-status.ok{display:block;background:#E8F3EC;color:#14532D;border-left:4px solid #15803D}
.form-status.err{display:block;background:#FDECEA;color:#7F1D1D;border-left:4px solid #D7261E}
button[disabled]{opacity:.6;cursor:wait}

/* Celular y tableta */
@media (max-width:1000px){
  .g4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .g3,.g2,.split,.split-about{grid-template-columns:1fr}
  .svc-photo{display:none!important}
  .h1{font-size:46px!important}.h2{font-size:34px!important}
  .menu-btn{display:inline-flex}
  .nav{display:none;position:absolute;top:84px;left:0;right:0;background:#FFFFFF;flex-direction:column;align-items:stretch;gap:0;padding:8px 24px 18px;border-bottom:1px solid #E3E7EC;box-shadow:0 12px 24px rgba(14,31,51,.08)}
  .nav.open{display:flex}
  .nav a{padding:14px 0;border-bottom:1px solid #EEF1F4;font-size:17px}
}
@media (max-width:600px){
  .g4{grid-template-columns:1fr}
  .wrap{padding-left:20px;padding-right:20px}
  .header-cta{display:none}
  .brand .name b{font-size:23px}
  .brand img{height:40px}
  .h1{font-size:40px!important}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}