/* ===== Cubic Software — estilos globales compartidos ===== */
*{box-sizing:border-box}
body{margin:0;background:#F4F5F6;font-family:'Poppins',system-ui,sans-serif;color:#252F39;-webkit-font-smoothing:antialiased}
a{color:#C2551A}
a:hover{color:#EC631F}
img{display:block;max-width:100%}
@keyframes binpulse{0%,100%{box-shadow:0 0 0 3px rgba(236,99,31,.30)}50%{box-shadow:0 0 0 7px rgba(236,99,31,.10)}}
@keyframes marquee-l{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes marquee-r{from{transform:translateX(-50%)}to{transform:translateX(0)}}

/* ===== Nav ===== */
.cs-nav{position:sticky;top:0;z-index:50;background:rgba(244,245,246,.82);backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid #E4E7EA}
.cs-nav-inner{width:100%;padding:0 40px;height:120px;display:flex;align-items:center;gap:20px}
.cs-nav-logo img{height:104px;width:auto;display:block}
.cs-nav-links{display:flex;align-items:center;gap:4px;margin-left:auto}
.cs-nav-links a{position:relative;font:500 13.5px 'Poppins',sans-serif;padding:8px 12px;border-radius:8px;text-decoration:none;white-space:nowrap;transition:color .14s,background .14s;color:#5B646E}
.cs-nav-links a:hover{color:#252F39;background:rgba(37,47,57,.05)}
.cs-nav-links a.active{color:#252F39;font-weight:600;background:rgba(236,99,31,.10)}
.cs-nav-right{display:flex;align-items:center;gap:14px;flex:none}
.cs-lang{display:flex;align-items:center;gap:6px;font:600 12px 'Poppins',sans-serif}
.cs-wa{display:inline-flex;align-items:center;gap:8px;background:#EC631F;color:#fff;border:none;box-shadow:0 2px 8px rgba(236,99,31,.28);padding:9px 16px;border-radius:9px;font:600 13px 'Poppins',sans-serif;text-decoration:none;transition:transform .14s,box-shadow .14s}
.cs-wa:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(236,99,31,.34);color:#fff}
.cs-burger{display:none;margin-left:auto;background:transparent;border:1px solid #D6DADD;border-radius:8px;width:44px;height:44px;font:500 20px sans-serif;color:#252F39;cursor:pointer}
.cs-mobile{display:none;border-top:1px solid #E4E7EA;background:#fff;padding:8px 24px 16px}
.cs-mobile.open{display:block}
.cs-mobile a{display:block;padding:12px 0;border-bottom:1px solid #EEF0F1;font:500 15px 'Poppins',sans-serif;color:#252F39;text-decoration:none}
.cs-mobile a.cs-mobile-wa{margin-top:14px;text-align:center;background:#EC631F;color:#fff;border-radius:9px;padding:13px;border-bottom:none}

@media(max-width:960px){
  .cs-nav-inner{padding:0 20px;height:84px}
  .cs-nav-logo img{height:60px}
  .cs-nav-links,.cs-nav-right{display:none}
  .cs-burger{display:block}
}

/* ===== Footer ===== */
.cs-footer{background:#20272F;color:#EFF1F0}
.cs-footer-grid{max-width:1200px;margin:0 auto;padding:56px 24px 32px;display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px}
.cs-footer-grid img{height:104px;width:auto;margin:0 0 18px -6px}
.cs-footer h5{font:600 12px 'Poppins',sans-serif;letter-spacing:.04em;color:#6E7780;text-transform:uppercase;margin:0 0 16px}
.cs-footer .cs-fcol a{display:block;padding:5px 0;font:400 14px/1.45 'Poppins',sans-serif;color:#C7CDD2;text-decoration:none}
.cs-footer .cs-fcol a:hover{color:#EC631F}
.cs-footer-bottom{max-width:1200px;margin:0 auto;padding:20px 24px;border-top:1px solid #323B44;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center}
.cs-footer-bottom span{font:400 12px 'Poppins',sans-serif;color:#6E7780}
@media(max-width:820px){.cs-footer-grid{grid-template-columns:1fr 1fr;gap:28px}}
@media(max-width:480px){.cs-footer-grid{grid-template-columns:1fr}}

/* ===== Responsive global: cualquier grid multicolumna en main colapsa en móvil ===== */
@media(max-width:820px){
  main [style*="grid-template-columns"]{grid-template-columns:1fr !important;gap:20px !important}
  main [style*="padding:130px"]{padding:80px 22px !important}
  main [style*="clamp(42px"]{font-size:38px !important}
}
@media(max-width:520px){
  main [style*="padding:72px 24px"],
  main [style*="padding:66px 24px"],
  main [style*="padding:64px 24px"]{padding:44px 20px !important}
}
