﻿:root {
  --gris-medio: #1e1e1e;
  --naranja-dim: rgba(255,107,0,.13);
  --verde: #22C55E;
  --verde-dim: rgba(34,197,94,.13);
  --rojo: #EF4444;
  --rojo-dim: rgba(239,68,68,.13);
  --amarillo: #EAB308;
  --amarillo-dim: rgba(234,179,8,.13);
}

section{padding:80px 5%}
.sec-label{font-size:.72rem;letter-spacing:3px;text-transform:uppercase;color:var(--naranja);font-weight:600;margin-bottom:10px}
.sec-titulo{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:clamp(1.9rem,3vw,2.7rem);text-transform:uppercase;line-height:1.1;margin-bottom:8px}
.sec-sub{color:var(--blanco-dim);font-size:1rem;font-weight:300;line-height:1.7;max-width:600px}

.servicios-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2px;margin-top:40px}
.srv-card{background:var(--gris);padding:36px 28px;transition:.3s;border-left:3px solid transparent;position:relative;overflow:hidden}
.srv-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--naranja);transform:scaleX(0);transform-origin:left;transition:transform .35s ease}
.srv-card:hover{background:#2f2f2f;border-left-color:var(--naranja);transform:translateY(-3px)}
.srv-card:hover::after{transform:scaleX(1)}
.srv-tipo{font-size:.7rem;letter-spacing:2.5px;text-transform:uppercase;color:var(--naranja);font-weight:700;margin-bottom:10px;display:block}
.srv-card h3{font-family:'Barlow Condensed',sans-serif;font-size:1.65rem;font-weight:900;text-transform:uppercase;margin-bottom:12px;line-height:1.1}
.srv-card p{color:var(--blanco-dim);font-size:.95rem;line-height:1.65;margin-bottom:18px}
.srv-price{font-family:'Barlow Condensed',sans-serif;font-size:1.3rem;font-weight:700;color:var(--blanco);display:block;margin-bottom:18px}
.srv-includes{font-size:.82rem;color:var(--naranja);font-weight:600;margin-bottom:18px;display:flex;align-items:center;gap:6px}
.srv-includes::before{content:'✦';font-size:.6rem}
.btn-srv{background:var(--naranja);color:#fff;padding:13px 18px;border-radius:4px;font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:.95rem;text-decoration:none;text-transform:uppercase;display:block;text-align:center;transition:background .2s}
.btn-srv:hover{background:var(--naranja-claro)}

.divider{width:100%;height:1px;background:linear-gradient(90deg,transparent,#2a2a2a 20%,#FF6B00 50%,#2a2a2a 80%,transparent);margin:60px 0}

.calc-v2{margin-top:44px;border-radius:12px;overflow:hidden;border:1px solid #2a2a2a;background:var(--gris-medio)}
.cv2-head{background:var(--oscuro);padding:32px 40px;border-bottom:1px solid #2a2a2a;display:flex;align-items:flex-start;justify-content:space-between;gap:24px;flex-wrap:wrap}
.cv2-head-badge{display:inline-flex;align-items:center;gap:7px;background:var(--naranja-dim);border:1px solid rgba(255,107,0,.3);color:var(--naranja);font-size:.75rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:5px 12px;border-radius:20px;margin-bottom:12px}
.cv2-head h2{font-family:'Barlow Condensed',sans-serif;font-size:2.2rem;font-weight:900;text-transform:uppercase;line-height:1;margin-bottom:8px}
.cv2-head p{color:var(--blanco-dim);font-size:1rem;font-weight:300;line-height:1.6}
.cv2-disclaimer{background:rgba(255,107,0,.06);border:1px solid rgba(255,107,0,.15);border-radius:8px;padding:14px 18px;max-width:260px;font-size:.85rem;color:var(--gris-claro);line-height:1.55}
.cv2-disclaimer strong{color:var(--naranja);display:block;margin-bottom:4px;font-size:.82rem;letter-spacing:.5px;text-transform:uppercase}
.cv2-steps{display:flex;align-items:stretch;background:#141414;border-bottom:1px solid #2a2a2a;overflow:hidden}
.cv2-step{flex:1;display:flex;align-items:center;gap:12px;padding:16px 20px;cursor:pointer;transition:background .2s;position:relative;border-right:1px solid #2a2a2a}
.cv2-step:last-child{border-right:none}
.cv2-step:hover{background:rgba(255,107,0,.04)}
.cv2-step.active{background:rgba(255,107,0,.08)}
.cv2-step.active::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--naranja)}
.cv2-step.done::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--verde)}
.step-num{width:32px;height:32px;border-radius:50%;border:2px solid #333;display:flex;align-items:center;justify-content:center;font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:.95rem;color:#555;flex-shrink:0;transition:all .2s}
.cv2-step.active .step-num{border-color:var(--naranja);color:var(--naranja);background:var(--naranja-dim)}
.cv2-step.done .step-num{border-color:var(--verde);color:#111;background:var(--verde)}
.step-info{min-width:0}
.step-label{font-size:.68rem;letter-spacing:1.5px;text-transform:uppercase;color:#555;font-weight:600;transition:color .2s}
.cv2-step.active .step-label{color:var(--naranja)}
.cv2-step.done .step-label{color:var(--verde)}
.step-name{font-size:.9rem;font-weight:600;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s}
.cv2-step.active .step-name{color:var(--blanco)}
.cv2-step.done .step-name{color:var(--blanco-dim)}
.cv2-panels{padding:40px}
.cv2-panel{display:none;animation:fadeSlide .3s ease}
.cv2-panel.active{display:block}
@keyframes fadeSlide{from{opacity:0;transform:translateX(16px)}to{opacity:1;transform:translateX(0)}}
.panel-intro{margin-bottom:28px}
.panel-intro h3{font-family:'Barlow Condensed',sans-serif;font-size:1.6rem;font-weight:800;text-transform:uppercase;margin-bottom:6px;line-height:1.1}
.panel-intro p{color:var(--blanco-dim);font-size:.98rem;line-height:1.65;font-weight:300}
.cv2-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:8px}
.cv2-fields.cols3{grid-template-columns:1fr 1fr 1fr}
.cv2-fields.cols1{grid-template-columns:1fr}
.fld{display:flex;flex-direction:column;gap:7px}
.fld label{font-size:.88rem;font-weight:600;color:var(--blanco);letter-spacing:.2px}
.fld .fld-hint{font-size:.8rem;color:#666;line-height:1.45;font-weight:400}
.fld-input-wrap{position:relative}
.fld-prefix{position:absolute;left:15px;top:50%;transform:translateY(-50%);font-size:1rem;color:#666;pointer-events:none;font-weight:500}
.fld-suffix{position:absolute;right:15px;top:50%;transform:translateY(-50%);font-size:.85rem;color:#666;pointer-events:none}
.fld input,.fld select{background:#141414;border:1.5px solid #333;color:var(--blanco);padding:14px 16px;border-radius:6px;font-family:'Barlow',sans-serif;font-size:1.05rem;outline:none;width:100%;transition:border-color .2s,box-shadow .2s;-moz-appearance:textfield}
.fld input::-webkit-outer-spin-button,.fld input::-webkit-inner-spin-button{-webkit-appearance:none}
.fld input.has-prefix{padding-left:38px}
.fld input.has-suffix{padding-right:48px}
.fld input:focus,.fld select:focus{border-color:var(--naranja);box-shadow:0 0 0 3px rgba(255,107,0,.1)}
.fld select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23666' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}
.fld-slider-row{display:flex;align-items:center;gap:14px;margin-top:4px}
.fld-slider-row input[type=range]{flex:1;-webkit-appearance:none;height:6px;border-radius:3px;background:#2a2a2a;outline:none;cursor:pointer}
.fld-slider-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--naranja);cursor:pointer;border:2px solid var(--oscuro);box-shadow:0 0 0 3px rgba(255,107,0,.2)}
.slider-val{font-family:'Barlow Condensed',sans-serif;font-size:1.2rem;font-weight:800;color:var(--naranja);min-width:80px;text-align:right}
.cv2-option-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;margin-top:8px}
.opt-card{background:#141414;border:1.5px solid #333;border-radius:8px;padding:16px 14px;cursor:pointer;transition:all .2s;text-align:center}
.opt-card:hover{border-color:rgba(255,107,0,.4);background:rgba(255,107,0,.04)}
.opt-card.selected{border-color:var(--naranja);background:var(--naranja-dim)}
.opt-card .opt-icon{font-size:1.6rem;margin-bottom:8px}
.opt-card .opt-label{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:1rem;text-transform:uppercase;color:var(--blanco-dim);transition:color .2s}
.opt-card.selected .opt-label{color:var(--blanco)}
.opt-card .opt-desc{font-size:.78rem;color:#666;margin-top:4px;line-height:1.35;transition:color .2s}
.opt-card.selected .opt-desc{color:var(--blanco-dim)}
.cv2-nav{display:flex;justify-content:space-between;align-items:center;padding:24px 40px;border-top:1px solid #2a2a2a;background:#141414}
.btn-prev{background:transparent;border:1.5px solid #333;color:var(--blanco-dim);padding:12px 24px;border-radius:6px;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:1rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px;text-transform:uppercase}
.btn-prev:hover{border-color:#555;color:var(--blanco)}
.btn-prev:disabled{opacity:.3;cursor:not-allowed}
.btn-next{background:var(--naranja);border:none;color:#fff;padding:13px 28px;border-radius:6px;font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:1.05rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.3px}
.btn-next:hover{background:var(--naranja-claro)}
.btn-next.btn-calcular-final{background:linear-gradient(135deg,var(--naranja),#e05500);box-shadow:0 4px 20px rgba(255,107,0,.3)}
.step-counter{font-size:.85rem;color:#555;font-weight:500}
.step-counter span{color:var(--blanco-dim)}

.cv2-results{display:none;padding:0}
.cv2-results.visible{display:block}
.res-verdict-band{padding:36px 40px;display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.res-verdict-band.band-verde{background:rgba(34,197,94,.1);border-bottom:1px solid rgba(34,197,94,.2)}
.res-verdict-band.band-amarillo{background:rgba(234,179,8,.1);border-bottom:1px solid rgba(234,179,8,.2)}
.res-verdict-band.band-rojo{background:rgba(239,68,68,.1);border-bottom:1px solid rgba(239,68,68,.2)}
.verdict-emoji{font-size:3rem;line-height:1}
.verdict-text h3{font-family:'Barlow Condensed',sans-serif;font-size:2rem;font-weight:900;text-transform:uppercase;line-height:1;margin-bottom:8px}
.band-verde .verdict-text h3{color:var(--verde)}
.band-amarillo .verdict-text h3{color:var(--amarillo)}
.band-rojo .verdict-text h3{color:var(--rojo)}
.verdict-text p{color:var(--blanco-dim);font-size:.97rem;line-height:1.65;max-width:520px;font-weight:300}
.res-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#2a2a2a;border-bottom:1px solid #2a2a2a}
.kpi-big{background:var(--gris-medio);padding:28px 24px;display:flex;flex-direction:column;gap:6px}
.kpi-big.accent{background:#1a1000}
.kpi-big-label{font-size:.8rem;color:var(--gris-claro);font-weight:500;letter-spacing:.3px;text-transform:uppercase}
.kpi-big-val{font-family:'Barlow Condensed',sans-serif;font-size:2rem;font-weight:900;color:var(--blanco);line-height:1}
.kpi-big-val.verde{color:var(--verde)}
.kpi-big-val.rojo{color:var(--rojo)}
.kpi-big-val.naranja{color:var(--naranja)}
.kpi-big-val.amarillo{color:var(--amarillo)}
.kpi-big-sub{font-size:.78rem;color:#666;font-weight:400;line-height:1.4}
.res-kpis-2{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#2a2a2a;border-bottom:1px solid #2a2a2a}
.res-score{padding:32px 40px;border-bottom:1px solid #2a2a2a;display:flex;align-items:center;gap:32px;flex-wrap:wrap}
.score-ring-wrap{flex-shrink:0}
.score-ring{width:100px;height:100px;position:relative}
.score-ring svg{transform:rotate(-90deg)}
.score-ring-bg{fill:none;stroke:#2a2a2a;stroke-width:10}
.score-ring-fill{fill:none;stroke-width:10;stroke-linecap:round;transition:stroke-dashoffset .8s cubic-bezier(.4,0,.2,1);stroke-dasharray:283}
.score-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.score-num{font-family:'Barlow Condensed',sans-serif;font-size:1.8rem;font-weight:900;line-height:1}
.score-of{font-size:.65rem;color:#555;letter-spacing:1px;text-transform:uppercase}
.score-desc h4{font-family:'Barlow Condensed',sans-serif;font-size:1.2rem;font-weight:800;text-transform:uppercase;margin-bottom:10px}
.score-bars{display:flex;flex-direction:column;gap:8px}
.sbar-row{display:flex;align-items:center;gap:10px}
.sbar-label{font-size:.8rem;color:var(--blanco-dim);width:160px;flex-shrink:0}
.sbar-track{flex:1;height:6px;background:#2a2a2a;border-radius:3px;overflow:hidden}
.sbar-fill{height:100%;border-radius:3px;transition:width .7s ease}
.sbar-pct{font-size:.78rem;color:#666;width:36px;text-align:right}
.res-cta{padding:32px 40px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;background:#141414}
.res-cta-text h4{font-family:'Barlow Condensed',sans-serif;font-size:1.35rem;font-weight:800;text-transform:uppercase;margin-bottom:6px}
.res-cta-text p{color:var(--blanco-dim);font-size:.92rem;line-height:1.6;font-weight:300;max-width:440px}
.res-cta-btns{display:flex;gap:12px;flex-wrap:wrap}
.btn-cta-wa{background:var(--naranja);color:#fff;padding:14px 28px;border-radius:6px;text-decoration:none;font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:1.05rem;text-transform:uppercase;transition:all .2s;display:flex;align-items:center;gap:8px}
.btn-cta-wa:hover{background:var(--naranja-claro)}
.btn-recalcular{background:transparent;border:1.5px solid #333;color:var(--blanco-dim);padding:13px 20px;border-radius:6px;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:.95rem;cursor:pointer;transition:all .2s;text-transform:uppercase}
.btn-recalcular:hover{border-color:#555;color:var(--blanco)}

.comparativa{margin-top:60px}
.table-container{width:100%;overflow-x:auto;margin-top:28px}
table{width:100%;border-collapse:collapse;min-width:700px}
th{background:var(--naranja);color:#fff;padding:15px 18px;text-align:left;font-family:'Barlow Condensed',sans-serif;font-size:1rem;text-transform:uppercase;letter-spacing:.5px}
td{padding:14px 18px;border-bottom:1px solid #2a2a2a;color:var(--blanco-dim);font-size:.92rem}
tr:last-child td{border-bottom:none}
tr:nth-child(even) td{background:rgba(255,255,255,.015)}
.check{color:var(--verde);font-weight:700}
.dash{color:#444}

.lead-magnet-box{background:linear-gradient(135deg,#1a0d00,#2a1200 50%,#1a0d00);border:1px solid rgba(255,107,0,.25);padding:52px 5%;border-radius:8px;margin-top:60px;position:relative;overflow:hidden;text-align:center}
.lead-magnet-box::before{content:'';position:absolute;top:-60px;right:-60px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(255,107,0,.15),transparent 70%);pointer-events:none}
.lead-magnet-box h2{font-family:'Barlow Condensed',sans-serif;font-size:2.3rem;text-transform:uppercase;margin-bottom:10px}
.lead-magnet-box p{color:var(--blanco-dim);max-width:500px;margin:0 auto 24px;font-size:.97rem;line-height:1.65;font-weight:300}
.btn-download{display:inline-flex;align-items:center;gap:10px;background:var(--naranja);color:#fff;padding:15px 32px;border-radius:4px;text-decoration:none;font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:1.05rem;text-transform:uppercase;transition:background .2s,transform .15s}
.btn-download:hover{background:var(--naranja-claro);transform:translateY(-2px)}

@media(max-width:960px){.servicios-grid{grid-template-columns:1fr 1fr}.cv2-steps{overflow-x:auto}.cv2-step{min-width:120px}.cv2-fields{grid-template-columns:1fr}.cv2-fields.cols3{grid-template-columns:1fr 1fr}.res-kpis{grid-template-columns:1fr 1fr}.res-kpis-2{grid-template-columns:1fr 1fr}.cv2-head{flex-direction:column}.cv2-disclaimer{max-width:100%}.cv2-panels{padding:28px 20px}.cv2-nav{padding:20px}.res-verdict-band{padding:28px 20px}.res-kpis .kpi-big,.res-kpis-2 .kpi-big{padding:20px 16px}.res-score{padding:24px 20px;flex-direction:column;align-items:flex-start}.res-cta{padding:24px 20px;flex-direction:column}}
@media(max-width:600px){.servicios-grid{grid-template-columns:1fr}.cv2-option-cards{grid-template-columns:1fr 1fr}.res-kpis{grid-template-columns:1fr}.res-kpis-2{grid-template-columns:1fr 1fr}.step-name{display:none}.cv2-head{padding:24px 20px}}