/* Vistio Business v1.1.22 — refinamiento de la sección Tu experiencia */
#experiencia.vb122-experience-section{position:relative;padding-top:36px;padding-bottom:28px}
#experiencia .vb122-experience-grid{display:grid;grid-template-columns:minmax(320px,1fr) minmax(520px,760px);gap:52px;align-items:center}
#experiencia .vb122-experience-copy{max-width:690px}
#experiencia .vb122-experience-copy h2{margin:16px 0 22px;line-height:.96;letter-spacing:-.05em}
#experiencia .vb122-experience-copy h2 em{display:block;margin-top:14px;font-style:italic;font-weight:500;color:#e6c27f}
#experiencia .vb122-experience-copy p{max-width:620px;font-size:18px;line-height:1.72;color:#c8c0b6}
#experiencia .vb122-experience-promise{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 24px}
#experiencia .vb122-experience-promise span{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;border:1px solid rgba(226,190,123,.18);background:rgba(255,255,255,.03);font-size:12px;font-weight:700;color:#efe6d9;letter-spacing:.04em}
#experiencia .vb122-experience-promise span::before{content:"";width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#f0d59f,#bb8a46);box-shadow:0 0 0 6px rgba(214,169,98,.08)}
#experiencia .vb122-experience-copy .experience-steps{display:grid;gap:0;margin-top:14px;border-top:1px solid rgba(224,190,124,.18)}
#experiencia .vb122-experience-copy .experience-steps>div{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:0;padding:18px 0;border-bottom:1px solid rgba(224,190,124,.18)}
#experiencia .vb122-experience-copy .experience-steps strong{font-size:30px;font-weight:800;color:#e4c27f;letter-spacing:-.04em}
#experiencia .vb122-experience-copy .experience-steps span{font-size:24px;line-height:1.16;color:#f4ece1}
#experiencia .vb122-experience-copy .button{margin-top:26px}
#experiencia .vb122-experience-window{position:relative;overflow:visible;transform:none !important}
#experiencia .vb122-desktop-frame{position:relative;width:100%;max-width:760px;margin-left:auto;border-radius:30px;border:1px solid rgba(214,169,98,.32);background:linear-gradient(180deg,rgba(17,18,24,.96),rgba(9,10,14,.98));box-shadow:0 26px 70px rgba(0,0,0,.30);overflow:hidden;isolation:isolate}
#experiencia .vb122-desktop-frame::before{content:"";position:absolute;inset:-18% auto auto -8%;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(214,169,98,.18),rgba(214,169,98,0) 72%);pointer-events:none}
#experiencia .vb122-desktop-topbar{display:flex;justify-content:space-between;align-items:center;padding:16px 22px;border-bottom:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.01));color:#b6ac9d}
#experiencia .vb122-desktop-topbar span:first-child{font-size:12px;font-weight:800;letter-spacing:.14em;color:#cbb17a;text-transform:uppercase}
#experiencia .vb122-desktop-dots{display:flex;gap:8px}
#experiencia .vb122-desktop-dots i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.44);display:block}
#experiencia .vb122-desktop-shell{display:grid;grid-template-columns:82px minmax(0,1fr);min-height:460px}
#experiencia .vb122-desktop-sidebar{display:flex;flex-direction:column;align-items:center;gap:18px;padding:24px 14px;border-right:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.01))}
#experiencia .vb122-side-chip{width:20px;height:20px;border-radius:7px;background:rgba(255,255,255,.10)}
#experiencia .vb122-side-chip.is-active{background:linear-gradient(135deg,#edd08f,#ba8945);box-shadow:0 12px 20px rgba(214,169,98,.22)}
#experiencia .vb122-side-line{width:1px;height:22px;background:rgba(255,255,255,.08)}
#experiencia .vb122-desktop-main{padding:28px 28px 26px;display:grid;gap:18px}
#experiencia .vb122-desktop-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
#experiencia .vb122-desktop-head small{display:block;margin-bottom:8px;color:#d0ae6c;font-size:11px;font-weight:800;letter-spacing:.16em}
#experiencia .vb122-desktop-head h3{margin:0;font-size:48px;line-height:.94;letter-spacing:-.05em;color:#fbf6ef}
#experiencia .vb122-desktop-head p{margin:10px 0 0;font-size:15px;line-height:1.55;color:#bcb3a7;max-width:420px}
#experiencia .vb122-head-badge{display:inline-flex;align-items:center;justify-content:center;padding:12px 15px;border-radius:16px;border:1px solid rgba(214,169,98,.22);background:rgba(214,169,98,.07);color:#efd49a;font-size:12px;font-weight:800;letter-spacing:.10em;text-transform:uppercase}
#experiencia .vb122-hero-card{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(210px,.8fr);gap:16px;padding:18px;border-radius:24px;background:linear-gradient(135deg,rgba(255,255,255,.045),rgba(255,255,255,.015));border:1px solid rgba(255,255,255,.07)}
#experiencia .vb122-hero-panel{padding:20px;border-radius:20px;background:radial-gradient(circle at top right,rgba(214,169,98,.16),transparent 44%),linear-gradient(145deg,#181920,#111217 80%);border:1px solid rgba(214,169,98,.10)}
#experiencia .vb122-hero-panel span{display:block;margin-bottom:10px;color:#d9b97d;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
#experiencia .vb122-hero-panel h4{margin:0 0 10px;font-size:28px;line-height:1.02;letter-spacing:-.04em;color:#fff8ef}
#experiencia .vb122-hero-panel p{margin:0;font-size:14px;line-height:1.56;color:#d0c5b8;max-width:32ch}
#experiencia .vb122-quick-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
#experiencia .vb122-quick-actions span{display:inline-flex;align-items:center;justify-content:center;padding:10px 12px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);font-size:12px;font-weight:700;color:#f0eadf}
#experiencia .vb122-side-preview{display:grid;gap:12px}
#experiencia .vb122-side-preview-card{padding:16px;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.06)}
#experiencia .vb122-side-preview-card strong{display:block;font-size:26px;line-height:1;color:#f7f0e4;margin-bottom:8px}
#experiencia .vb122-side-preview-card span{display:block;color:#bea26c;font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;margin-bottom:6px}
#experiencia .vb122-side-preview-card small{display:block;color:#cfc4b5;font-size:12px;line-height:1.45}
#experiencia .vb122-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
#experiencia .vb122-kpi{padding:16px 15px;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.06)}
#experiencia .vb122-kpi b{display:block;margin-bottom:6px;font-size:34px;line-height:1;color:#fff7ec}
#experiencia .vb122-kpi small{display:block;color:#cab387;font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
#experiencia .vb122-kpi span{display:block;margin-top:8px;font-size:12px;line-height:1.45;color:#bdb3a5}
#experiencia .vb122-work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#experiencia .vb122-work-card{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.018));border:1px solid rgba(255,255,255,.06)}
#experiencia .vb122-work-card span{display:block;color:#b9aa95;font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;margin-bottom:6px}
#experiencia .vb122-work-card b{display:block;font-size:20px;line-height:1.08;color:#f9f4eb}
#experiencia .vb122-work-card small{display:block;color:#cfc4b6;font-size:12px;line-height:1.45;max-width:26ch;margin-top:4px}
#experiencia .vb122-work-pill{display:inline-flex;align-items:center;justify-content:center;padding:9px 12px;border-radius:999px;background:rgba(214,169,98,.10);border:1px solid rgba(214,169,98,.24);font-size:11px;font-weight:800;color:#ecd198;white-space:nowrap}
#experiencia .vb122-preview-note{padding:12px 18px 20px;color:#a49784;font-size:11px;letter-spacing:.10em;text-transform:uppercase}
@media (max-width: 1280px){
 #experiencia .vb122-experience-grid{grid-template-columns:minmax(280px,1fr) minmax(460px,700px);gap:42px}
 #experiencia .vb122-desktop-head h3{font-size:42px}
 #experiencia .vb122-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 980px){
 #experiencia .vb122-experience-grid{grid-template-columns:1fr;gap:34px}
 #experiencia .vb122-experience-window{max-width:780px}
 #experiencia .vb122-desktop-frame{max-width:none}
}
@media (max-width: 760px){
 #experiencia .vb122-experience-copy p{font-size:16px}
 #experiencia .vb122-experience-copy .experience-steps span{font-size:21px}
 #experiencia .vb122-desktop-shell{grid-template-columns:1fr;min-height:0}
 #experiencia .vb122-desktop-sidebar{flex-direction:row;justify-content:center;padding:14px;border-right:0;border-bottom:1px solid rgba(255,255,255,.06)}
 #experiencia .vb122-side-line{width:22px;height:1px}
 #experiencia .vb122-desktop-main{padding:22px}
 #experiencia .vb122-desktop-head{flex-direction:column;align-items:flex-start}
 #experiencia .vb122-desktop-head h3{font-size:36px}
 #experiencia .vb122-hero-card{grid-template-columns:1fr}
 #experiencia .vb122-work-grid{grid-template-columns:1fr}
}
@media (max-width: 520px){
 #experiencia.vb122-experience-section{padding-top:24px;padding-bottom:18px}
 #experiencia .vb122-experience-copy .experience-steps strong{font-size:24px}
 #experiencia .vb122-experience-copy .experience-steps span{font-size:18px}
 #experiencia .vb122-desktop-topbar{padding:14px 16px}
 #experiencia .vb122-desktop-main{padding:18px}
 #experiencia .vb122-desktop-head h3{font-size:31px}
 #experiencia .vb122-hero-panel{padding:16px}
 #experiencia .vb122-hero-panel h4{font-size:24px}
 #experiencia .vb122-kpis{grid-template-columns:1fr 1fr}
}