/* vps-landing.css — hero, ritmo vertical y fondos de las landings de producto (v20261002) */
/* Encabezado alineado al ancho del contenido */
.th-header.header-layout3 .menu-area .container{max-width:1244px !important}
/* Hero */
.vps-hero{background:#f7f8fc;padding:150px 0 70px;overflow:hidden}
.vps-hero .vps-wrap{max-width:1244px;margin:0 auto;padding:0 12px;display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.vps-hero .vps-copy .hero-subtitle{display:inline-block;padding:8px 16px;border:1px solid #f6d2b8;border-radius:999px;background:#fff1e6;color:#9a4a14;font-size:13px;font-weight:600;letter-spacing:0;text-transform:none;line-height:1.4;margin:0 0 22px}
.vps-hero .vps-copy h1.hero-title{font-size:46px !important;line-height:1.12;letter-spacing:-.02em;color:#141a2e;margin:0 0 16px !important;font-weight:700}
.vps-hero .vps-copy h2.hero-title,.vps-hero .vps-copy h1.hero-title ~ .hero-title{font-size:22px !important;line-height:1.4;font-weight:400 !important;color:#46536a;margin:0 0 14px !important}
.vps-hero .vps-copy .hero-text{font-size:16px;line-height:1.7;color:#5a6577;margin:0 0 14px;max-width:640px}
.vps-hero .vps-copy .th-btn{background:#F26522;border-radius:10px;padding:16px 28px !important;font-size:16px !important;font-weight:700;text-transform:none;color:#fff;min-width:0;line-height:1.2}
.vps-hero .vps-copy .vps-demo{display:inline-block;padding:14px 28px;border:2px solid #d9dfe8;border-radius:10px;background:#fff;color:#141a2e;font-weight:700;font-size:16px;line-height:1.2;margin-left:12px;vertical-align:middle;text-decoration:none;font-family:var(--title-font)}
.vps-hero .vps-copy .vps-demo:hover{border-color:#F26522;color:#d4541a}
.vps-visual{position:relative}
.vps-visual.vps-cutout{display:flex;align-items:flex-end;justify-content:center;padding:28px 28px 0;border-radius:28px;background:linear-gradient(145deg,#fff1e6 0%,#fff 70%);box-shadow:0 30px 60px -34px rgba(20,26,46,.35)}
.vps-visual.vps-cutout img{display:block;width:100%;max-width:520px;height:auto}
.vps-visual .vps-photo{position:relative}
.vps-visual .vps-photo img{display:block;width:100%;height:auto;border-radius:24px;box-shadow:0 30px 60px -28px rgba(20,26,46,.45)}
.vps-float{position:absolute;background:#fff;border-radius:14px;padding:12px 16px;box-shadow:0 14px 34px -14px rgba(20,26,46,.35);line-height:1.25}
.vps-float b{display:block;font-size:24px;color:#F26522;font-family:var(--title-font)}
.vps-float span{font-size:12px;color:#46536a}
.vps-float small{display:block;font-size:11px;color:#7a8597}
.vps-float-a{left:-22px;top:34px}
.vps-float-b{right:-14px;bottom:36px}
.vps-visual .vps-quote{margin:28px 0 0;padding:2px 0 2px 16px;border-left:3px solid #F26522;border-radius:0;background:none;position:static}
.vps-visual .vps-quote:before,.vps-visual .vps-quote:after{content:none;display:none}
.vps-visual .vps-quote p{margin:0 0 4px;font-size:15px;line-height:1.55;color:#141a2e;font-weight:400;padding:0}
.vps-visual .vps-who{display:block;font-size:13px;color:#5a6577}
@media (min-width:992px){.vps-hero .vps-wrap{align-items:stretch}.vps-visual{display:flex;flex-direction:column;justify-content:center}.vps-visual .vps-photo{flex:1 1 auto;min-height:340px;max-height:640px}.vps-hero .vps-visual .vps-photo img{position:absolute;inset:0;width:100%;height:100% !important;max-width:none;object-fit:cover;object-position:62% 40%}}
/* Botones intermedios */
.vps-cta{display:flex;flex-wrap:wrap;gap:12px}
.vps-cta a{display:inline-block;padding:16px 28px;border-radius:10px;font-size:16px;font-weight:700;text-decoration:none;font-family:var(--title-font)}
.vps-cta .vps-primary{background:#F26522;color:#fff;border:2px solid #F26522}
.vps-cta .vps-primary:hover{background:#d4541a;border-color:#d4541a}
.vps-cta .vps-secondary{background:#fff;color:#141a2e;border:2px solid #d9dfe8}
.vps-cta .vps-secondary:hover{border-color:#F26522;color:#d4541a}
.vps-cta.vps-cta-row{justify-content:center;margin:0;padding:0 24px 72px}
/* Ritmo vertical y fondos */
.vps-sec{padding:72px 0 !important;margin:0 !important;background-image:none !important}
.vps-w{background-color:#fff !important}
.vps-b{background-color:#f7f8fc !important}
.vps-sec .space,.vps-sec .space-top,.vps-sec .space-bottom{padding-top:0 !important;padding-bottom:0 !important;margin-top:0 !important}
.vps-sec .why-sec-4{background:none !important;padding:0 !important;margin:0 !important}
.vps-sec .title-area{margin-bottom:48px !important}
.vps-sec .title-area:not(.text-center){margin-bottom:28px !important}
.vps-sec .title-area .sub-title{margin:0 0 12px !important}
.vps-sec .sec-title{font-size:36px;line-height:1.25;margin:0 !important}
.vps-band{background-color:#F26522 !important;padding:64px 0 !important}
.vps-sec.vps-has-cta{padding-bottom:40px !important}
@media (max-width:991px){.vps-hero{padding:120px 0 50px}.vps-hero .vps-wrap{grid-template-columns:1fr;gap:36px}.vps-hero .vps-copy h1.hero-title{font-size:36px !important}.vps-float{position:static;display:inline-block;margin:8px 5px 0;text-align:center}.vps-float-a,.vps-float-b{left:auto;right:auto;top:auto;bottom:auto}.vps-sec{padding:56px 0 !important}.vps-sec .sec-title{font-size:30px}.vps-sec .title-area{margin-bottom:36px !important}.vps-band{padding:48px 0 !important}.vps-cta.vps-cta-row{padding-bottom:56px}}
@media (max-width:575px){.vps-hero .vps-copy h1.hero-title{font-size:30px !important}.vps-hero .vps-copy h2.hero-title{font-size:18px !important}.vps-hero .vps-copy .vps-demo{margin:12px 0 0;display:block;text-align:center}.vps-hero .vps-copy .th-btn{display:block;text-align:center}.vps-cta a{width:100%;text-align:center}.vps-sec{padding:44px 0 !important}.vps-sec .sec-title{font-size:26px}.vps-cta.vps-cta-row{padding-bottom:44px}}

/* Héroes personalizados (NOM 035, pruebas técnicas, clima pymes): adaptación al fondo claro */
.vps-hero .vps-copy .form-text{color:inherit !important}
.vps-hero .vps-copy h2.hero-title.form-text{color:#46536a !important}
.vps-hero .vps-copy h1.hero-subtitle{display:inline-block;font-size:13px !important;color:#9a4a14 !important;margin:0 0 22px;padding:8px 16px;border:1px solid #f6d2b8;border-radius:999px;background:#fff1e6;line-height:1.4}
.vps-hero .vps-copy .conversion-badges{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 20px}
.vps-hero .vps-copy .badge-item{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:#fff;border:1px solid #e6eaf0;box-shadow:none;color:#25314b;font-size:13px;font-weight:600}
.vps-hero .vps-copy .badge-item i{color:#F26522}
.vps-hero .vps-copy .badge-item span{color:#25314b}
.vps-hero .vps-copy .risk-warning,.vps-hero .vps-copy .benefit-highlight{background:#fff7e0 !important;border:1px solid #f1d58a;border-left:4px solid #e6a700;border-radius:12px;padding:16px 18px;margin:0 0 18px;box-shadow:none;color:#4a4a4a !important}
.vps-hero .vps-copy .risk-warning h4{margin:0 0 6px;font-size:15px;color:#7a5200 !important}
.vps-hero .vps-copy .risk-warning p,.vps-hero .vps-copy .benefit-highlight *{margin:0;color:#4a4a4a !important;font-size:14px;line-height:1.6}
.vps-hero .vps-copy .contact-cta{background:#fff !important;border:1px solid #e6eaf0;border-radius:16px;padding:18px 20px;margin:0;box-shadow:none}
.vps-hero .vps-copy .contact-cta h3{color:#141a2e !important;font-size:18px !important;margin:0 0 6px}
.vps-hero .vps-copy .contact-cta p{color:#526078 !important;font-size:14px !important;margin:0 0 12px}
.vps-hero .vps-copy .contact-buttons{display:flex;flex-wrap:wrap;gap:8px}
.vps-hero .vps-copy .contact-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:10px;font-size:14px;font-weight:600;line-height:1.2;text-decoration:none;color:#fff;background:#25314b;border:1px solid transparent}
.vps-hero .vps-copy .contact-btn.btn-whatsapp{background:#1faa59}
.vps-hero .vps-copy .contact-btn.btn-phone{background:#2563eb}
.vps-hero .vps-copy .contact-btn.btn-demo{background:#fff;color:#141a2e;border-color:#d9dfe8}
.vps-hero .vps-copy .trust-indicator,.vps-hero .vps-copy .trust-indicator *{color:#526078 !important;font-size:13px}

/* Barra superior estándar del tema (algunas páginas la sobrescribían en blanco) */
.th-header.header-layout1 .header-top{background-color:#F26522 !important;border-bottom:0 !important}
.th-header.header-layout1 .header-top .header-links ul li a,.th-header.header-layout1 .header-top .header-links ul li i,.th-header.header-layout1 .header-top .header-links ul li strong,.th-header.header-layout1 .header-top .header-social a i{color:#fff !important}

/* Variante clima pymes: h1 como etiqueta + h2 como título, botones propios */
.vps-hero .vps-copy h1.hero-subtitle + h2.hero-title{font-size:46px !important;font-weight:700 !important;color:#141a2e !important;line-height:1.12;letter-spacing:-.02em;margin:0 0 12px !important}
.vps-hero .vps-copy .row.mt-5{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:20px 0 18px !important}
.vps-hero .vps-copy .row.mt-5>[class*=col-]{width:auto !important;max-width:none;flex:0 0 auto;margin:0 !important;padding:0 !important}
.vps-hero .vps-copy .cta-primary{display:inline-block;background:#F26522;color:#fff !important;padding:16px 28px;border-radius:10px;font-weight:700;font-size:16px;line-height:1.2;text-decoration:none;border:0}
.vps-hero .vps-copy .cta-secondary{display:inline-block;background:#fff;color:#141a2e !important;border:2px solid #d9dfe8 !important;padding:14px 28px;border-radius:10px;font-weight:700;font-size:16px;line-height:1.2;text-decoration:none}
.vps-hero .vps-copy .cta-secondary i{color:#F26522}
.vps-hero .vps-copy .trust-indicator{background:none !important;padding:0}
@media (max-width:575px){.vps-hero .vps-copy .cta-primary,.vps-hero .vps-copy .cta-secondary{display:block;text-align:center}}