/* HERO */
.hero{display:grid;grid-template-columns:1fr 1fr;min-height:90vh;background:var(--blanco)}
.hero-left{padding:80px 60px;display:flex;flex-direction:column;justify-content:center;border-right:4px solid var(--negro)}
.hero-tag{font-size:11px;letter-spacing:4px;text-transform:uppercase;color:var(--rojo);font-weight:900;margin-bottom:20px}
.hero-title{font-size:72px;font-weight:900;line-height:1;text-transform:uppercase;letter-spacing:-2px;margin-bottom:32px}
.hero-title .accent{color:var(--rojo)}
.hero-title .block{display:block}
.hero-sub{font-size:17px;line-height:1.6;color:#444;max-width:420px;margin-bottom:48px;font-weight:400}
.cta-group{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.btn-primary{background:var(--rojo);color:var(--blanco);padding:18px 40px;font-size:13px;letter-spacing:3px;text-transform:uppercase;font-weight:900;border:3px solid var(--rojo);cursor:pointer;transition:.2s}
.btn-primary:hover{background:#B01E1E;border-color:#B01E1E}
.btn-secondary{background:transparent;color:var(--negro);padding:18px 40px;font-size:13px;letter-spacing:3px;text-transform:uppercase;font-weight:900;border:3px solid var(--negro);cursor:pointer;transition:.2s}
.btn-secondary:hover{background:var(--negro);color:var(--blanco)}
.hero-right{position:relative;background:var(--azul);overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:300px}
.geo-circle{width:320px;height:320px;border-radius:50%;background:var(--amarillo);position:absolute;top:-60px;right:-60px;opacity:.9}
.geo-rect{width:200px;height:200px;background:var(--rojo);position:absolute;bottom:80px;left:40px}
.geo-line{width:4px;height:40%;background:var(--blanco);position:absolute;left:50%;top:50%;transform:translateY(-50%);opacity:.3}
.hero-stat{position:relative;z-index:2;text-align:center;color:var(--blanco)}
.hero-stat-num{font-size:96px;font-weight:900;line-height:1;letter-spacing:-4px}
.hero-stat-label{font-size:14px;letter-spacing:4px;text-transform:uppercase;font-weight:700;opacity:.8;margin-top:8px}

/* PILARES */
.pillars{background:var(--negro);padding:80px 60px}
.pillar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:4px solid var(--amarillo)}
.pillar{padding:48px 40px;border-right:4px solid #333;position:relative;overflow:hidden}
.pillar:last-child{border-right:none}
.pillar-num{font-size:120px;font-weight:900;color:#333;position:absolute;top:-20px;right:20px;line-height:1;pointer-events:none}
.pillar-icon{width:48px;height:48px;margin-bottom:24px}
.pillar h3{font-size:22px;font-weight:900;text-transform:uppercase;letter-spacing:2px;color:var(--blanco);margin-bottom:16px;position:relative}
.pillar p{font-size:15px;line-height:1.7;color:#999;position:relative}
.pillar:nth-child(1) .pillar-icon{background:var(--rojo)}
.pillar:nth-child(2) .pillar-icon{background:var(--amarillo)}
.pillar:nth-child(3) .pillar-icon{background:var(--azul)}

/* CÓMO FUNCIONA */
.how{padding:80px 60px;background:var(--blanco);border-top:4px solid var(--negro)}
.how-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.how-title{font-size:48px;font-weight:900;text-transform:uppercase;letter-spacing:-2px;margin-bottom:40px;line-height:1}
.how-steps{display:flex;flex-direction:column}
.step{display:flex;gap:32px;align-items:flex-start;padding:32px 0;border-bottom:2px solid var(--negro)}
.step:last-child{border-bottom:none}
.step-num{font-size:48px;font-weight:900;color:var(--rojo);line-height:1;min-width:60px}
.step h4{font-size:18px;font-weight:900;text-transform:uppercase;letter-spacing:2px;margin-bottom:8px}
.step p{font-size:15px;line-height:1.6;color:#555}
.how-visual{background:var(--negro);padding:48px;display:flex;flex-direction:column;gap:24px}
.stat-block{display:flex;justify-content:space-between;align-items:flex-end;border-bottom:2px solid #333;padding-bottom:24px}
.stat-block:last-child{border-bottom:none;padding-bottom:0}
.stat-label{font-size:12px;letter-spacing:3px;text-transform:uppercase;color:#777;font-weight:700}
.stat-val{font-size:52px;font-weight:900;color:var(--blanco);line-height:1}
.stat-val span{font-size:24px;color:var(--amarillo)}

/* MODELOS */
.modelos{background:var(--amarillo);padding:80px 60px}
.modelos-title{font-size:48px;font-weight:900;text-transform:uppercase;letter-spacing:-2px;line-height:1;margin-bottom:40px}
.modelos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:40px}
.modelo-card{background:var(--blanco);padding:48px 36px;border:3px solid var(--negro);position:relative;overflow:hidden}
.modelo-num{font-size:100px;font-weight:900;color:rgba(0,0,0,.06);position:absolute;top:-16px;right:16px;line-height:1;pointer-events:none}
.modelo-tag{font-size:11px;letter-spacing:3px;text-transform:uppercase;font-weight:900;margin-bottom:20px}
.modelo-card h3{font-size:22px;font-weight:900;text-transform:uppercase;letter-spacing:1px;line-height:1.2;margin-bottom:16px;position:relative}
.modelo-card p{font-size:15px;line-height:1.7;color:#555;position:relative}
.modelo-card:nth-child(1) .modelo-tag{color:var(--rojo)}
.modelo-card:nth-child(2) .modelo-tag{color:var(--azul)}
.modelo-card:nth-child(3) .modelo-tag{color:var(--negro)}
.modelo-bar{height:4px;width:40px;margin-bottom:24px}
.modelo-card:nth-child(1) .modelo-bar{background:var(--rojo)}
.modelo-card:nth-child(2) .modelo-bar{background:var(--azul)}
.modelo-card:nth-child(3) .modelo-bar{background:var(--negro)}

/* TABLET */
@media(max-width:768px){
  .hero{grid-template-columns:1fr}
  .hero-left{padding:48px 24px;border-right:none;border-bottom:4px solid var(--negro)}
  .hero-title{font-size:52px}
  .hero-right{min-height:280px}
  .hero-stat-num{font-size:72px}
  .pillars{padding:48px 24px}
  .pillar-grid{grid-template-columns:1fr}
  .pillar{border-right:none;border-bottom:4px solid #333}
  .pillar:last-child{border-bottom:none}
  .how{padding:48px 24px}
  .how-grid{grid-template-columns:1fr;gap:40px}
  .modelos{padding:48px 24px}
  .modelos-grid{grid-template-columns:1fr}
}

/* MÓVIL */
@media(max-width:480px){
  .hero-left{padding:40px 16px}
  .hero-title{font-size:40px}
  .hero-sub{font-size:15px}
  .btn-primary,.btn-secondary{padding:14px 24px;font-size:11px;width:100%;text-align:center}
  .cta-group{flex-direction:column}
  .hero-stat-num{font-size:56px}
  .pillars,.how,.modelos{padding:40px 16px}
  .pillar{padding:32px 24px}
  .step-num{font-size:36px;min-width:48px}
  .how-visual{padding:32px 24px}
  .stat-val{font-size:40px}
  .modelo-card{padding:32px 24px}
}