/* TradeBridge Landing Styles */
:root{
  --blue:#002B5B;
  --cyan:#00B4D8;
  --green:#06D6A0;
  --dark:#0B132B;
}
.tb-container{max-width:1120px;margin:0 auto;padding:48px 20px;}
.tb-btn{display:inline-block;padding:12px 20px;border-radius:10px;text-decoration:none;font-weight:600;border:2px solid transparent;transition:.2s ease;}
.tb-btn-primary{background:var(--cyan);color:#001;}
.tb-btn-outline{background:#fff;color:var(--blue);border-color:var(--blue);}
.tb-btn-success{background:var(--green);color:#001;}
.tb-link{color:var(--blue);font-weight:600;text-decoration:none;}
.tb-hero{background:#fff;color:var(--blue);}
.tb-hero h1{font-size:clamp(28px,3.2vw,42px);line-height:1.2;margin:.4em 0;}
.tb-sub{font-size:18px;max-width:760px;}
.tb-badge{display:inline-block;background:#EEF7FF;border:1px solid #c9e7ff;color:var(--blue);padding:6px 10px;border-radius:999px;font-size:14px;}
.tb-services{background:#F7FBFD;}
.tb-services h2, .tb-b2b h2, .tb-process h2, .tb-form h2{color:var(--blue);}
.tb-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.tb-card{background:#fff;border:1px solid #e8eef3;border-radius:14px;padding:18px;box-shadow:0 2px 8px rgba(0,0,0,.04);}
.tb-card h3{margin:.2em 0 .4em;color:var(--dark);}
.tb-b2b{background:#fff;}
.tb-bullets{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:12px 0 24px;}
.tb-process{background:rgba(0,180,216,.06);}
.tb-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0;}
.tb-step{background:#fff;border:1px dashed #bfe9f7;border-radius:12px;padding:16px;display:flex;gap:10px;align-items:flex-start}
.tb-step span{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--cyan);color:#001;font-weight:700;flex:0 0 auto}
.tb-note{color:#3a4a5b;font-style:italic}
.tb-form{background:#fff;}
.tb-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:16px 0;}
.tb-form-grid label{display:flex;flex-direction:column;font-weight:600;color:var(--dark);}
.tb-form-grid input,.tb-form-grid select{margin-top:6px;padding:12px;border:1px solid #d9e3ea;border-radius:10px;font-size:15px}
.tb-col-2{grid-column:span 2;}
.tb-success{background:#e9fff6;border:1px solid #b8f3dc;color:#055;border-radius:10px;padding:12px 14px;margin:10px 0;}
.tb-privacy{font-size:13px;color:#5b6b7a}
.tb-closing{background:var(--blue);color:#fff;text-align:center;padding:60px 20px;}
.tb-closing h2{font-size:clamp(22px,2.6vw,34px);margin-bottom:18px;}
@media (max-width:980px){
 .tb-grid{grid-template-columns:1fr 1fr}
 .tb-steps{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
 .tb-grid,.tb-steps,.tb-form-grid{grid-template-columns:1fr}
 .tb-col-2{grid-column:span 1}
}


/* === v1.0.1 Full-bleed backgrounds (Servicios & Proceso) === */
body{overflow-x:hidden}
.tb-services,.tb-process{position:relative}
.tb-services::before,.tb-process::before{
  content:"";
  position:absolute;
  top:0;left:50%;
  transform:translateX(-50%);
  width:100vw;height:100%;
  z-index:0;
}
.tb-services > .tb-container,.tb-process > .tb-container{position:relative;z-index:1}
.tb-services::before{background:#F7FBFD;}
.tb-process::before{background:rgba(0,180,216,.06);}
/* === end v1.0.1 === */


/* === v1.0.2 Full-bleed FIX === */
.tb-services::before, .tb-process::before{ display:none !important; }
.tb-services{
  background:#F7FBFD;
  position:relative;
  box-shadow: 0 0 0 100vmax #F7FBFD;
  clip-path: inset(0 -100vmax);
}
.tb-process{
  background:rgba(0,180,216,.06);
  position:relative;
  box-shadow: 0 0 0 100vmax rgba(0,180,216,.06);
  clip-path: inset(0 -100vmax);
}
/* === end v1.0.2 === */

/* v1.0.3 hero header image */
.tb-hero{
  background-image:url("../img/hero-header.png");
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}
/* end v1.0.3 */

/* === v1.1.1 Footer (injected) === */
.tb-footer--mock{background:#fff;color:#0b132b;padding:36px 0 0;border-top:1px solid #e8eef3}
.tb-footer-grid{display:grid;grid-template-columns:180px 1fr;gap:30px;align-items:flex-start}
.tb-footer-mark{width:72px;height:auto}
.tb-footer-right{display:flex;flex-direction:column;gap:24px}
.tb-footer-cols{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:40px}
.tb-fhead{margin:0 0 12px 0;font-size:15px;line-height:1.2;color:#1F6FBB;font-weight:700}
.tb-flist{list-style:none;margin:0;padding:0}
.tb-flist li{margin:8px 0}
.tb-flist a{text-transform:uppercase;text-decoration:underline;color:#0b132b;font-weight:700;letter-spacing:.02em}

.tb-fcontact h6,.tb-fmedia h6{margin:8px 0 10px 0;font-size:15px;color:#0b132b}
.tb-fcontact-grid{display:grid;grid-template-columns:140px 1fr;gap:8px 16px;align-items:start}
.tb-flabel{font-weight:700}
.tb-fvalue a{color:#1F6FBB;text-decoration:underline}
.tb-icons{display:flex;gap:14px;align-items:center;margin-top:6px}
.tb-ico{display:inline-flex;border-radius:12px;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.08)}

.tb-copyright{background:#01223F;margin-top:22px}
.tb-copyright p{margin:0;color:#cfe6ff;padding:12px 0;font-size:13px}

@media (max-width: 900px){
  .tb-footer-grid{grid-template-columns:1fr;gap:18px}
  .tb-footer-cols{grid-template-columns:repeat(2,minmax(160px,1fr));gap:28px}
  .tb-fcontact-grid{grid-template-columns:120px 1fr}
}
@media (max-width: 560px){
  .tb-footer-cols{grid-template-columns:1fr;gap:18px}
  .tb-footer-mark{width:64px}
}
/* === end v1.1.1 === */