/* Ciber Renacer V4 — Página comercial de Software de Ventas. Paleta corporativa. */
.sales-hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 76% 38%,rgba(7,128,199,.18),transparent 42%),linear-gradient(126deg,#061829,#0b304c 75%,#061d31);color:#fff}
.sales-hero:before{content:"";position:absolute;pointer-events:none;inset:0;background-image:linear-gradient(120deg,transparent 0%,transparent 66%,rgba(92,183,223,.038) 66.1%,transparent 66.4%)}
.sales-hero-layout{display:grid;grid-template-columns:.96fr 1.04fr;gap:58px;min-height:588px;padding:43px 0 80px;align-items:center;position:relative}
.sales-hero-text{max-width:610px}.sales-hero .breadcrumbs{margin-bottom:32px}.sales-eyebrow{display:inline-flex;gap:10px;align-items:center;color:#85c9e8;letter-spacing:.16em;font-weight:780;font-size:11px}.sales-eyebrow-dot{display:inline-block;width:18px;height:3px;background:#18b6ee}
.sales-hero h1{font-size:clamp(39px,4.2vw,64px);font-weight:850;line-height:1.075;letter-spacing:-.05em;margin:20px 0 23px;color:#fff}.sales-hero h1 em{font-style:normal;color:#92df22}.sales-hero-text>p:not(.sales-assist-note){color:#c4dbea;font-size:16px;line-height:1.75;max-width:550px;margin:0 0 30px}
.sales-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.sales-hero-actions .button{min-height:49px}.sales-assist-note{display:flex;align-items:center;gap:8px;font-size:12px;color:#afc6d4;margin:22px 0 0}.sales-assist-note .icon{color:#92df22;flex-shrink:0}
.sales-demo{position:relative;padding:4px 0 12px;min-width:0}.sales-demo-frame{overflow:hidden;border:1px solid #3a647e;border-radius:15px;background:#fff;box-shadow:0 28px 56px rgba(0,0,0,.32);transform:rotate(-1.4deg)}.sales-demo-top{height:46px;background:#071e33;color:#d5e8f4;display:flex;align-items:center;gap:14px;padding:0 16px;font-size:12px;font-weight:740;justify-content:space-between}.sales-window-controls{display:flex;gap:6px;align-items:center}.sales-window-controls i{width:8px;height:8px;display:block;background:#447389;border-radius:50%}.sales-window-controls i:first-child{background:#67c6e9}.sales-window-controls i:nth-child(2){background:#a8d87d}.sales-demo-online{display:flex;align-items:center;gap:6px;font-size:10px;color:#a6c7d8}.sales-demo-online span{height:6px;width:6px;background:#7dd31d;border-radius:50%}
.sales-demo-app{display:grid;grid-template-columns:53px minmax(0,1fr);min-height:356px;background:#f5f8fc}.sales-demo-sidebar{display:flex;flex-direction:column;gap:17px;align-items:center;background:#0b2b46;padding:21px 9px}.sidebar-glyph{font-size:14px;font-weight:900;color:#92dd18;border:1px solid #28617a;border-radius:8px;width:32px;height:32px;display:grid;place-items:center;margin-bottom:10px}.sidebar-mark{display:block;width:20px;height:8px;border-radius:6px;background:#32617c}.sidebar-mark.selected{width:25px;background:#79ce13}
.sales-demo-main{padding:22px 25px 24px;color:#112b43;min-width:0}.sales-demo-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.sales-demo-heading>div{display:grid;gap:3px}.mock-eyebrow{font-size:9px;letter-spacing:.15em;color:#1a82ae;font-weight:750}.sales-demo-heading strong{font-size:20px;letter-spacing:-.04em}.sales-demo-avatar{background:#e4f3fa;color:#057fb9;width:34px;height:34px;display:grid;place-items:center;border-radius:9px}.sales-demo-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.sales-demo-metrics>div{border:1px solid #e2eaf0;border-radius:10px;background:#fff;min-height:106px;padding:15px 12px;overflow:hidden}.sales-demo-metrics small{display:block;color:#728395;font-size:10px}.sales-demo-metrics strong{display:flex;align-items:center;gap:7px;font-size:12px;margin:7px 0 10px;white-space:nowrap}.sales-demo-metrics .icon{color:#028bcd;width:17px;height:17px}.demo-metric-line{display:block;height:5px;width:75%;border-radius:10px;background:linear-gradient(90deg,#168ec4,#bce6f5)}.demo-metric-line.second{width:90%;background:linear-gradient(90deg,#82d21e,#d7f4b2)}.demo-metric-line.third{width:54%}
.sales-demo-table{background:#fff;border:1px solid #e2eaf0;border-radius:10px;margin-top:12px;padding:14px 15px}.sales-demo-table-header{display:flex;justify-content:space-between;gap:10px;margin-bottom:14px;align-items:center}.sales-demo-table-header b{font-size:12px}.sales-demo-table-header>span{font-size:9px;color:#697f90}.mock-search{border:1px solid #e3eaf0;border-radius:6px;background:#f7fafc;color:#97a7b3;padding:8px 10px;font-size:10px;display:flex;gap:8px;align-items:center}.search-circle{display:inline-block;width:11px;height:11px;border:2px solid #a6bac6;border-radius:50%;position:relative}.search-circle:after{content:"";position:absolute;right:-4px;bottom:-2px;transform:rotate(45deg);width:5px;height:2px;background:#a6bac6}.demo-list-line{height:24px;border-bottom:1px solid #eef2f5;display:flex;gap:9px;align-items:center}.demo-list-line>span{height:7px;width:49%;border-radius:10px;background:#dce8ef}.demo-list-line>i{margin-left:auto;height:7px;width:11%;border-radius:10px;background:#eaf0f5}.demo-list-line>i:last-child{margin:0;background:#dceabf}
.sales-demo-caption{display:block;font-size:10px;text-align:center;margin-top:22px;color:#90b4c5;letter-spacing:.015em}.sales-floating-note{position:absolute;right:-15px;bottom:19px;display:flex;align-items:center;gap:7px;color:#183710;background:#a5e85a;border-radius:9px;padding:11px 15px;font-size:11px;font-weight:800;box-shadow:0 8px 22px #071e3480}.sales-floating-note svg{stroke-width:3}
.sales-trust-band{background:#0c2e47;color:#eaf6fd}.sales-trust-grid{min-height:75px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center}.sales-trust-grid>span{display:flex;justify-content:center;align-items:center;gap:10px;padding:10px;font-size:12px;font-weight:730;border-right:1px solid #31546d}.sales-trust-grid>span:last-child{border:0}.sales-trust-grid svg{color:#8fdd28}
.sales-benefits{background:#fff;padding-top:84px;padding-bottom:92px}.sales-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:30px}.sales-section-heading h2{font-size:clamp(33px,3.1vw,45px);letter-spacing:-.052em;line-height:1.15;margin:15px 0 0}.sales-section-heading h2 span{color:#416781}.sales-section-heading>p{max-width:420px;font-size:13px;color:#6a7d8b;margin:0 0 4px}
.sales-benefit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.sales-benefit-card{border:1px solid #dbe6ed;background:#fff;border-radius:15px;padding:25px 22px 20px;position:relative;min-height:348px;display:flex;flex-direction:column;box-shadow:0 10px 25px rgba(10,42,67,.065)}.sales-benefit-card:before{content:"";position:absolute;top:-1px;left:19px;right:19px;height:3px;border-radius:20px;background:#36a7db}.sales-benefit-card:nth-child(even):before{background:#91dc29}.sales-card-number{position:absolute;right:20px;top:23px;color:#d5e0e8;font-weight:900;font-size:20px}.sales-card-icon{height:51px;width:51px;display:grid;place-items:center;border-radius:12px}.sales-card-icon.blue{background:#e4f3fc;color:#087fb8}.sales-card-icon.green{background:#eff8df;color:#4f960f}.sales-benefit-card h3{font-size:20px;letter-spacing:-.04em;line-height:1.25;max-width:220px;margin:24px 0 12px}.sales-benefit-card p{color:#60788a;font-size:13px;margin:0 0 22px;flex:1;line-height:1.7}.sales-card-bottom{font-size:10px;letter-spacing:.07em;color:#0c78b1;font-weight:790;border-top:1px solid #e7eef3;padding-top:15px;display:flex;justify-content:space-between;align-items:center}
.sales-function-section{background:linear-gradient(125deg,#06192b,#0c3752);color:white;padding:83px 0}.sales-function-layout{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:78px}.sales-function-layout h2{font-size:clamp(34px,3.5vw,49px);line-height:1.12;letter-spacing:-.05em;margin:20px 0}.sales-function-layout h2 em{color:#92de2a;font-style:normal}.sales-function-layout p{font-size:14px;color:#bbcedb;line-height:1.75;max-width:470px;margin-bottom:27px}.sales-function-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.sales-function-grid>div{display:grid;gap:9px;padding:23px 21px;border:1px solid #315774;background:#143a53;border-radius:12px}.sales-function-grid .icon{color:#72c9e9}.sales-function-grid strong{font-size:14px}.sales-function-grid small{font-size:12px;color:#aec8d9}
.sales-peripherals{background:#f6f9fb}.sales-peripherals-heading{margin-bottom:31px}.sales-peripherals-heading h2{max-width:680px}.sales-device-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.sales-device-grid>div{background:#fff;border:1px solid #e1e8ed;border-radius:12px;padding:28px 23px;display:grid;gap:12px;box-shadow:0 8px 20px #102c3c08}.sales-device-grid>div>span{color:#0286bd;width:44px;height:44px;display:grid;place-items:center;background:#ebf6fc;border-radius:11px}.sales-device-grid strong{font-size:16px}.sales-device-grid small{color:#6e8290;font-size:12px;line-height:1.5}
.sales-last-section{background:#fff;padding-top:85px;padding-bottom:73px}.sales-last-grid{display:grid;grid-template-columns:1fr .83fr;align-items:center;gap:75px}.sales-last-grid h2{font-size:clamp(32px,3vw,44px);line-height:1.14;letter-spacing:-.05em;margin:17px 0 15px;max-width:570px}.sales-last-grid p{font-size:14px;color:#6a7f90;max-width:535px;margin:0 0 25px}.sales-process-card{padding:28px 31px;background:#f3f8fb;border:1px solid #dde8f0;border-radius:14px}.sales-process-card h3{font-size:18px;margin:0 0 22px}.sales-process-card ol{margin:0;padding:0;list-style:none;display:grid;gap:18px}.sales-process-card li{display:flex;align-items:flex-start;gap:14px}.sales-process-card li>span{background:#0d6ea6;color:white;width:31px;height:31px;flex:none;display:grid;place-items:center;border-radius:50%;font-size:12px;font-weight:800}.sales-process-card li>div{display:grid;gap:4px}.sales-process-card li strong{font-size:13px}.sales-process-card li small{font-size:12px;color:#6b8192;line-height:1.5}.sales-disclaimer{font-size:11px;color:#8594a0;max-width:900px;margin:54px 0 0}
@media(max-width:1100px){.sales-hero-layout{gap:35px}.sales-benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sales-benefit-card{min-height:285px}.sales-function-layout{gap:35px}.sales-last-grid{gap:40px}}
@media(max-width:900px){.sales-hero-layout{grid-template-columns:1fr;min-height:0;gap:45px;padding:32px 0 75px}.sales-hero-text{max-width:750px}.sales-hero h1{max-width:790px}.sales-demo{max-width:690px;width:100%;justify-self:center;margin:auto}.sales-demo-frame{transform:none}.sales-floating-note{right:0}.sales-section-heading{align-items:start;flex-direction:column;gap:12px}.sales-function-layout,.sales-last-grid{grid-template-columns:1fr}.sales-device-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.sales-hero-layout{padding:26px 0 60px}.sales-hero .breadcrumbs{margin-bottom:26px}.sales-hero h1{font-size:clamp(37px,9vw,48px)}.sales-hero-text>p:not(.sales-assist-note){font-size:14px}.sales-hero-actions{flex-direction:column;align-items:stretch}.sales-hero-actions .button{justify-content:center}.sales-demo{padding:0}.sales-demo-top{height:34px;font-size:10px}.sales-demo-app{grid-template-columns:37px minmax(0,1fr);min-height:282px}.sales-demo-sidebar{padding:14px 4px;gap:14px}.sidebar-glyph{width:27px;height:27px;font-size:11px}.sales-demo-main{padding:15px 10px 12px}.sales-demo-heading{margin-bottom:13px}.sales-demo-heading strong{font-size:14px}.mock-eyebrow{font-size:7px}.sales-demo-metrics{gap:5px}.sales-demo-metrics>div{padding:9px 6px;min-height:80px}.sales-demo-metrics small{font-size:8px}.sales-demo-metrics strong{font-size:9px;gap:3px}.sales-demo-metrics strong svg{width:12px;height:12px}.sales-demo-table{padding:9px;margin-top:7px}.sales-demo-table-header b{font-size:10px}.mock-search{font-size:8px}.sales-demo-caption{font-size:9px;padding:0 15px}.sales-floating-note{position:static;margin:10px auto 0;max-width:max-content;padding:8px 10px;font-size:10px}.sales-trust-grid{grid-template-columns:1fr 1fr;padding:7px 0}.sales-trust-grid>span{justify-content:flex-start;border:0!important;font-size:11px;padding:13px 5px}.sales-trust-grid>span:nth-child(odd){border-right:1px solid #31546d!important}.sales-benefits{padding:62px 0}.sales-section-heading h2{font-size:32px}.sales-benefit-grid{grid-template-columns:1fr}.sales-benefit-card{min-height:0;padding:23px 22px}.sales-benefit-card h3{font-size:20px;max-width:none}.sales-function-section{padding:64px 0}.sales-function-layout h2{font-size:34px}.sales-function-grid{gap:9px}.sales-function-grid>div{padding:16px 11px}.sales-function-grid strong{font-size:12px}.sales-function-grid small{font-size:11px}.sales-device-grid{grid-template-columns:1fr 1fr;gap:10px}.sales-device-grid>div{padding:18px 13px}.sales-device-grid strong{font-size:14px}.sales-last-section{padding:62px 0}.sales-last-grid{gap:30px}.sales-last-grid h2{font-size:33px}.sales-process-card{padding:24px 18px}.sales-disclaimer{margin-top:32px}}
@media(max-width:370px){.sales-demo-metrics strong{font-size:8px}.sales-trust-grid>span{font-size:10px}}

/* V5 — Six-feature informational grid, inspired by the supplied reference. */
.sales-features{background:#f4f8fb;padding:84px 0 77px;border-top:1px solid #e7edf3}
.sales-features-intro{display:flex;align-items:end;justify-content:space-between;gap:52px;margin-bottom:42px}
.sales-features-heading h2{font-size:clamp(31px,3.2vw,44px);max-width:660px;line-height:1.15;letter-spacing:-.05em;margin:15px 0 0;color:#0c2740}
.sales-features-heading h2 span{color:#137db2}
.sales-features-intro>p{max-width:390px;margin:0 0 5px;color:#5f7282;font-size:14px;line-height:1.65}
.sales-features-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.sales-feature-item{border:1px solid #e0eaf0;background:#fff;padding:33px 30px 30px;border-radius:14px;position:relative;min-height:245px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;box-shadow:0 4px 12px rgba(13,47,73,.025)}
.sales-feature-item:before{content:'';height:3px;width:44px;position:absolute;left:30px;top:0;border-radius:0 0 5px 5px;background:#1d9eda}
.sales-feature-item:nth-child(3n + 2):before{background:#85cd24}
.sales-feature-item:hover{transform:translateY(-3px);border-color:#bad9e7;box-shadow:0 12px 27px rgba(13,47,73,.09)}
.sales-feature-icon{height:55px;width:55px;display:grid;place-items:center;color:#087fb4;background:#eaf6fc;border-radius:14px;margin-bottom:19px}
.sales-feature-item:nth-child(3n + 2) .sales-feature-icon{color:#528b17;background:#eef7e5}
.sales-feature-item h3{font-size:19px;line-height:1.24;font-weight:800;letter-spacing:-.03em;color:#12334a;margin:0 0 11px}
.sales-feature-item p{font-size:13px;line-height:1.7;color:#63788a;margin:0}
.sales-features-foot{display:flex;justify-content:space-between;align-items:center;gap:18px;border-top:1px solid #dde7ee;margin-top:27px;padding-top:23px}
.sales-features-foot span{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:650;color:#4f697d}
.sales-features-foot span svg{color:#67af18}
.sales-features-foot a{display:inline-flex;align-items:center;gap:9px;color:#0d78ab;font-weight:760;font-size:12px;text-decoration:none}
.sales-features-foot a:hover{text-decoration:underline}
@media(max-width:900px){.sales-features-intro{flex-direction:column;align-items:start;gap:15px}.sales-features-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.sales-features{padding:61px 0}.sales-features-heading h2{font-size:32px}.sales-features-intro{margin-bottom:27px}.sales-features-grid{grid-template-columns:1fr;gap:11px}.sales-feature-item{min-height:0;padding:25px 23px}.sales-feature-item:before{left:23px}.sales-feature-icon{margin-bottom:15px;width:49px;height:49px}.sales-feature-item h3{font-size:18px}.sales-features-foot{align-items:flex-start;flex-direction:column;gap:15px}.sales-features-foot a{line-height:1.5}}
@media(prefers-reduced-motion:reduce){.sales-feature-item{transition:none}}

/* V8: el CTA de presupuesto ocupa todo el ancho del bloque, sin botón de demostración. */
.sales-hero-actions{width:100%}
.sales-hero-actions .sales-budget-cta{display:flex;width:100%;min-width:0;min-height:62px;gap:16px;padding:15px 22px;font-size:17px;white-space:normal}
.sales-hero-actions .sales-budget-cta .icon{width:32px;height:32px;stroke-width:2.1;flex-shrink:0}
@media(max-width:600px){.sales-hero-actions .sales-budget-cta{min-height:60px;gap:12px;padding:14px 16px;font-size:15px}.sales-hero-actions .sales-budget-cta .icon{width:30px;height:30px}}