/* ===================================================================
   ventajas.css — vasitos.es
=================================================================== */

/* --- Banda de experiencia destacada --- */
.vvt-exp-band{ background:var(--ink); margin-top:28px; }
.vvt-exp-inner{ max-width:1160px; margin:0 auto; padding:40px; display:flex; align-items:center; gap:36px; }
.vvt-exp-year{
  font-family:'Barlow Condensed',sans-serif; font-weight:800; font-size:64px; color:var(--orange);
  line-height:1; flex-shrink:0;
}
.vvt-exp-text h2{ font-family:'Barlow Condensed',sans-serif; text-transform:uppercase; font-size:22px; color:#fff; margin-bottom:10px; }
.vvt-exp-text p{ font-size:13px; color:rgba(255,255,255,.75); line-height:1.7; max-width:640px; }
.vvt-exp-text p strong{ color:#fff; }

/* --- Rejilla de ventajas --- */
.vvt-grid{ max-width:1160px; margin:0 auto; padding:40px 40px 30px; display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.vvt-section-title{ max-width:1160px; margin:10px auto 0; padding:0 40px; }
.vvt-section-title h2{ font-family:'Barlow Condensed',sans-serif; text-transform:uppercase; font-size:22px; color:var(--ink); border-top:1px solid var(--line); padding-top:30px; }
.vvt-card{ background:var(--surface); border-radius:12px; box-shadow:var(--shadow); padding:26px; }
.vvt-icon{ width:44px; height:44px; border-radius:10px; background:var(--orange-wash); display:flex; align-items:center; justify-content:center; margin-bottom:16px; }
.vvt-icon svg{ width:22px; height:22px; stroke:var(--orange); }
.vvt-card h3{ font-family:'Barlow Condensed',sans-serif; text-transform:uppercase; font-size:16px; margin-bottom:8px; color:var(--ink); }
.vvt-card p{ font-size:12.5px; color:var(--muted); line-height:1.65; }

/* --- CTA final --- */
.vvt-cta{ max-width:1160px; margin:20px auto 70px; padding:44px 40px; background:var(--step-bg); border-radius:16px; text-align:center; }
.vvt-cta h2{ font-family:'Barlow Condensed',sans-serif; text-transform:uppercase; font-size:24px; margin-bottom:8px; color:var(--ink); }
.vvt-cta p{ font-size:13px; color:var(--muted); margin-bottom:22px; }
.vvt-cta-btns{ display:flex; gap:12px; justify-content:center; flex-wrap:wrap; }
.vvt-btn-primary, .vvt-btn-outline{
  display:inline-flex; align-items:center; padding:14px 28px; border-radius:8px;
  font-family:'Barlow Condensed',sans-serif; text-transform:uppercase; font-weight:700; font-size:13.5px;
  letter-spacing:.03em; text-decoration:none;
}
.vvt-btn-primary{ background:var(--orange); color:#fff; box-shadow:0 4px 14px rgba(244,96,54,.25); }
.vvt-btn-primary:hover{ background:#DB4E27; }
.vvt-btn-outline{ background:var(--surface); color:var(--ink); border:1px solid var(--line-strong); }
.vvt-btn-outline:hover{ background:var(--line); }

@media (max-width:860px){
  .vvt-exp-inner{ flex-direction:column; text-align:center; padding:32px 20px; }
  .vvt-grid{ grid-template-columns:1fr; padding-left:20px; padding-right:20px; }
  .vvt-section-title{ padding-left:20px; padding-right:20px; }
  .vvt-cta{ margin-left:20px; margin-right:20px; padding:32px 20px; }
}