/* ===== Página Consultoría ===== */
.cs-hero{position:relative;overflow:hidden;padding:150px 0 80px}
.cs-grid{position:relative;z-index:1;display:grid;grid-template-columns:.85fr 1.15fr;gap:50px;align-items:center}
.cs-title{font-size:clamp(2.6rem,5.4vw,4.2rem);font-weight:700;color:var(--blue);margin:16px 0 22px;letter-spacing:-.02em;line-height:1.05}
.cs-q{list-style:none;display:grid;gap:12px;max-width:460px}
.cs-q li{position:relative;padding:14px 18px 14px 50px;background:#fff;border-radius:18px 18px 18px 6px;border:1px solid var(--line);box-shadow:0 14px 30px -24px rgba(10,60,110,.6);font-size:1.08rem;color:#2c3340}
.cs-q li::before{content:"?";position:absolute;left:14px;top:50%;transform:translateY(-50%);width:26px;height:26px;border-radius:50%;background:var(--blue-2);color:#fff;font-weight:700;display:grid;place-items:center;font-size:.9rem}
.cs-answer{display:inline-block;margin-top:16px;padding:14px 22px;border-radius:18px 18px 6px 18px;background:var(--grad);color:#fff;font-weight:700;font-size:1.15rem;box-shadow:0 16px 30px -14px rgba(10,133,198,.7);animation:bob 5s ease-in-out infinite}
.cs-scene{position:relative;aspect-ratio:900/579}
.cs-scene img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity 1s ease}
.cs-scene img.on{opacity:1}
.cs-sec{padding:90px 0}
.cs-cards{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.cs-card{background:#fff;border-radius:30px;padding:34px 34px 36px;border:1px solid var(--line);transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s}
.cs-card:hover{transform:translateY(-8px);box-shadow:var(--shadow)}
.cs-card-img{height:190px;display:flex;align-items:center;justify-content:center;margin-bottom:22px;border-radius:22px;background:radial-gradient(ellipse at 50% 60%,#E3F2FA 0,#E3F2FA 50%,transparent 70%)}
.cs-card-img img{max-height:170px;width:auto;max-width:90%}
.cs-pay{animation:cardFloat 6s ease-in-out infinite}
@keyframes cardFloat{0%,100%{transform:rotate(-4deg) translateY(0)}50%{transform:rotate(3deg) translateY(-10px)}}
.cs-truck{animation:truck 3.5s ease-in-out infinite}
@keyframes truck{0%,100%{transform:translateX(-8px)}50%{transform:translateX(8px) translateY(-2px)}}
.cs-card h2{font-size:1.45rem;font-weight:600;color:var(--blue);margin-bottom:14px;line-height:1.2}
.cs-card p{color:var(--muted);margin-bottom:12px}
.cs-card strong{color:var(--blue);font-weight:600;background:linear-gradient(transparent 60%,#D6EEF9 60%)}
.cs-hl{color:var(--navy)!important;font-weight:600}
.cs-cta{padding:20px 0 100px}
.cs-cta-box{position:relative;overflow:hidden;text-align:center;padding:56px 30px;border-radius:32px;background:var(--grad);color:#fff}
.cs-cta-box::before,.cs-cta-box::after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.12)}
.cs-cta-box::before{width:300px;height:300px;left:-90px;top:-150px}
.cs-cta-box::after{width:220px;height:220px;right:-60px;bottom:-110px}
.cs-cta-box h2{position:relative;font-size:clamp(1.5rem,3.2vw,2.3rem);font-weight:700;line-height:1.25;margin-bottom:26px}
.cs-cta-box h2 span{font-weight:400;opacity:.95}
.btn-cta{position:relative;background:var(--navy);color:#fff;padding:16px 46px;border-radius:999px;font-size:1.05rem}
.btn-cta:hover{transform:translateY(-3px);box-shadow:0 16px 30px -12px rgba(20,16,60,.7)}
@media (max-width:900px){
  .cs-hero{padding:100px 0 36px}
  .cs-grid{grid-template-columns:1fr;gap:26px}
  .cs-sec{padding:40px 0}
  .cs-cards{grid-template-columns:1fr;gap:18px}
  .cs-card{padding:26px 22px 28px}
  .cs-card-img{height:160px}
  .cs-cta{padding:10px 0 56px}
  .cs-cta-box{padding:40px 20px}
}
