/**
 * Trybot public homepage v4.
 * Scoped to .trybot-template-homepage and .tb4-* so internal WHMCS pages remain unchanged.
 */

body.trybot-template-homepage {
    --tb4-bg: #07090c;
    --tb4-bg-soft: #0b1016;
    --tb4-panel: #101720;
    --tb4-panel-strong: #121c27;
    --tb4-line: rgba(255, 255, 255, .12);
    --tb4-line-soft: rgba(255, 255, 255, .075);
    --tb4-white: #f7f9fc;
    --tb4-copy: #b2bfcc;
    --tb4-muted: #7d8b9a;
    --tb4-blue: #118cf0;
    --tb4-blue-bright: #30a8ff;
    --tb4-cyan: #2ccbd6;
    --tb4-green: #39d7a4;
    --tb4-radius: 16px;
    --tb4-shadow: 0 24px 70px rgba(0, 0, 0, .32);
    background: var(--tb4-bg) !important;
}

body.trybot-template-homepage #main-body {
    margin: 0;
    padding: 0 !important;
    background: var(--tb4-bg);
}

body.trybot-template-homepage #main-body > .container,
body.trybot-template-homepage #main-body > div.container {
    width: 100%;
    max-width: none !important;
    padding: 0 !important;
}

body.trybot-template-homepage #main-body .primary-content {
    width: 100%;
    max-width: none;
    flex: 0 0 100%;
    padding: 0;
}

body.trybot-template-homepage.trybot-public .trybot-public-header {
    position: sticky;
    top: 0;
    z-index: 1000;
    padding: 0;
    background: rgba(7, 9, 12, .94) !important;
    border-bottom: 1px solid var(--tb4-line-soft);
    box-shadow: none;
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    font-family: "Inter", "Aptos", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

body.trybot-template-homepage.trybot-public .trybot-public-header::after {
    display: none;
}

body.trybot-template-homepage.trybot-public .trybot-public-shell {
    width: min(1280px, calc(100% - 48px));
}

body.trybot-template-homepage.trybot-public .trybot-public-nav {
    min-height: 76px;
    padding: 0;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

body.trybot-template-homepage.trybot-public .trybot-public-brand img {
    width: 118px;
    height: auto;
}

body.trybot-template-homepage.trybot-public .trybot-public-header a { text-decoration: none !important; }

body.trybot-template-homepage.trybot-public .trybot-sales-links {
    gap: 4px;
}

body.trybot-template-homepage.trybot-public .trybot-sales-link,
body.trybot-template-homepage.trybot-public .trybot-sales-trigger {
    min-height: 44px;
    padding: 0 14px;
    color: #e1e7ee !important;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 650;
}

body.trybot-template-homepage.trybot-public .trybot-public-cart {
    width: 46px;
    height: 46px;
    border-radius: 12px;
}

body.trybot-template-homepage.trybot-public .trybot-public-client-btn {
    min-height: 46px;
    padding: 0 20px;
    border-radius: 10px;
    background: var(--tb4-blue);
    font-size: 13px;
}

body.trybot-template-homepage.trybot-public .trybot-public-toggle svg,
body.trybot-template-homepage.trybot-public .trybot-public-cart svg,
body.trybot-template-homepage.trybot-public .trybot-public-client-btn svg {
    width: 19px;
    height: 19px;
    display: block;
    flex: 0 0 auto;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.tb4-promo {
    position: relative;
    z-index: 1001;
    min-height: 40px;
    display: flex;
    align-items: center;
    background: #152f4c;
    color: #edf7ff;
    font: 600 13px/1.3 "Inter", "Aptos", "Segoe UI", sans-serif;
}

.tb4-promo[hidden] { display: none; }
.tb4-promo-inner { width: min(1280px, calc(100% - 48px)); margin: 0 auto; display: flex; align-items: center; justify-content: center; gap: 16px; text-align: center; }
.tb4-promo p { margin: 0; }
.tb4-promo a { color: #fff !important; font-weight: 800; text-decoration: underline; text-underline-offset: 3px; }
.tb4-promo button { position: absolute; right: max(20px, calc((100% - 1280px) / 2)); width: 32px; height: 32px; color: #fff; background: transparent; border: 0; border-radius: 7px; cursor: pointer; }
.tb4-promo button:hover, .tb4-promo button:focus-visible { background: rgba(255, 255, 255, .1); }

.tb4-home,
.tb4-footer {
    color: var(--tb4-copy);
    background: var(--tb4-bg);
    font-family: "Inter", "Aptos", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 17px;
    line-height: 1.62;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

.tb4-home *, .tb4-home *::before, .tb4-home *::after,
.tb4-footer *, .tb4-footer *::before, .tb4-footer *::after { box-sizing: border-box; }
.tb4-home img, .tb4-footer img { max-width: 100%; }
.tb4-home a, .tb4-footer a { text-decoration: none; }
.tb4-home button, .tb4-home input, .tb4-footer button { font: inherit; }
.tb4-home [hidden] { display: none !important; }

.tb4-shell {
    width: min(1280px, calc(100% - 48px));
    margin: 0 auto;
}

.tb4-skip-link {
    position: fixed;
    top: 10px;
    left: 12px;
    z-index: 10000;
    padding: 11px 16px;
    color: #fff !important;
    background: var(--tb4-blue, #118cf0);
    border-radius: 8px;
    transform: translateY(-150%);
}

.tb4-skip-link:focus { transform: none; }
.tb4-home :focus-visible, .tb4-footer :focus-visible { outline: 3px solid rgba(48, 168, 255, .65); outline-offset: 3px; }

.tb4-eyebrow {
    display: block;
    margin-bottom: 14px;
    color: var(--tb4-cyan);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .12em;
    line-height: 1.35;
    text-transform: uppercase;
}

.tb4-button {
    min-height: 52px;
    padding: 0 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    color: #fff !important;
    border: 1px solid transparent;
    border-radius: 10px;
    font-size: 15px;
    font-weight: 750;
    line-height: 1;
    transition: transform .2s ease, background-color .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.tb4-button:hover { color: #fff !important; transform: translateY(-2px); }
.tb4-button-primary { background: var(--tb4-blue); box-shadow: 0 12px 30px rgba(17, 140, 240, .22); }
.tb4-button-primary:hover { background: #087edf; box-shadow: 0 16px 34px rgba(17, 140, 240, .28); }
.tb4-button-light { color: #07111b !important; background: #fff; }
.tb4-button-light:hover { color: #07111b !important; background: #eaf6ff; }
.tb4-button-outline { border-color: rgba(255, 255, 255, .28); background: rgba(255, 255, 255, .04); }
.tb4-text-link { display: inline-flex; align-items: center; gap: 9px; color: #eaf3fb !important; font-size: 15px; font-weight: 700; }
.tb4-text-link:hover { color: var(--tb4-blue-bright) !important; }
.tb4-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 20px; }

.tb4-opening {
    padding: 28px 0 0;
    overflow: hidden;
    background: linear-gradient(180deg, #0a0d11 0%, var(--tb4-bg) 100%);
}

.tb4-domain {
    position: relative;
    z-index: 3;
    padding: 22px 26px 18px;
    background: #111820;
    border: 1px solid var(--tb4-line);
    border-radius: 14px;
    box-shadow: 0 18px 50px rgba(0, 0, 0, .22);
}

.tb4-domain-form { display: grid; grid-template-columns: minmax(230px, .7fr) minmax(0, 1.7fr); align-items: center; gap: 24px; }
.tb4-domain-form > label, .tb4-domain-label { margin: 0; color: var(--tb4-white); font-size: 18px; font-weight: 750; line-height: 1.35; }
.tb4-domain-control { min-width: 0; min-height: 58px; padding: 5px 5px 5px 18px; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 12px; background: #f7f9fc; border: 1px solid #f7f9fc; border-radius: 10px; }
.tb4-domain-control:focus-within { box-shadow: 0 0 0 4px rgba(48, 168, 255, .2); }
.tb4-domain-icon { color: #627180; font-size: 17px; }
.tb4-domain-control input { min-width: 0; height: 44px; padding: 0; color: #152334 !important; -webkit-text-fill-color: #152334; caret-color: #152334; background: transparent !important; border: 0; outline: 0; font-size: 16px; }
.tb4-domain-control input::placeholder { color: #798795; opacity: 1; }
.tb4-domain-control button { min-width: 150px; height: 48px; padding: 0 21px; color: #fff; background: var(--tb4-blue); border: 0; border-radius: 8px; font-size: 14px; font-weight: 800; cursor: pointer; }
.tb4-domain-captcha { grid-column: 2; color: #94a3b2; font-size: 13px; text-align: center; }
.tb4-domain-captcha:empty { display: none; }
.tb4-domain-captcha img { width: auto; max-height: 46px; }
.tb4-domain-captcha input { max-width: 170px; min-height: 40px; color: #fff; background: #080c10; border: 1px solid var(--tb4-line); border-radius: 7px; }
.tb4-domain-note { margin: 12px 0 0; color: #8d9aa7; font-size: 13px; text-align: center; }
.tb4-domain-note i { margin-right: 6px; color: var(--tb4-cyan); }

.tb4-hero {
    position: relative;
    min-height: 620px;
    margin-top: 28px;
    overflow: hidden;
    display: flex;
    align-items: center;
    border-radius: 18px;
    background: #111820;
    box-shadow: var(--tb4-shadow);
}

.tb4-hero-image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.tb4-hero-shade { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(4, 8, 12, .98) 0%, rgba(4, 8, 12, .86) 42%, rgba(4, 8, 12, .25) 72%, rgba(4, 8, 12, .1) 100%); }
.tb4-hero-copy { position: relative; z-index: 2; width: min(640px, 56%); padding: 72px; }
.tb4-hero h1 { margin: 0 0 24px; color: var(--tb4-white); font-size: clamp(54px, 5.2vw, 76px); font-weight: 720; letter-spacing: -.055em; line-height: .98; }
.tb4-hero h1 span { color: #9fddff; }
.tb4-hero-copy > p { max-width: 590px; margin: 0 0 28px; color: #c3ced9; font-size: 19px; line-height: 1.58; }
.tb4-hero-assurance { margin-top: 24px; display: block; color: #a8b6c3; font-size: 13px; font-weight: 600; }
.tb4-hero-assurance i { margin-right: 8px; color: var(--tb4-green); }

.tb4-metrics { display: grid; grid-template-columns: repeat(3, 1fr); border-right: 1px solid var(--tb4-line); border-bottom: 1px solid var(--tb4-line); border-left: 1px solid var(--tb4-line); border-radius: 0 0 16px 16px; }
.tb4-metrics > div { min-height: 138px; padding: 28px 36px; display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 20px; }
.tb4-metrics > div + div { border-left: 1px solid var(--tb4-line); }
.tb4-metrics strong { color: var(--tb4-white); font-size: 34px; font-weight: 720; letter-spacing: -.04em; white-space: nowrap; }
.tb4-metrics span { color: #8e9aa7; font-size: 14px; line-height: 1.45; }

.tb4-section { padding: 112px 0; border-bottom: 1px solid var(--tb4-line-soft); }
.tb4-section-heading { max-width: 760px; margin-bottom: 50px; }
.tb4-section-heading-center { margin-right: auto; margin-left: auto; text-align: center; }
.tb4-section-heading h2, .tb4-faq h2, .tb4-final-card h2 { margin: 0; color: var(--tb4-white); font-size: clamp(40px, 4.3vw, 58px); font-weight: 700; letter-spacing: -.045em; line-height: 1.06; }
.tb4-section-heading p { max-width: 690px; margin: 20px 0 0; color: #9ca9b6; font-size: 18px; }
.tb4-section-heading-center p { margin-right: auto; margin-left: auto; }

.tb4-start { background: #0a0e13; }
.tb4-start-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.tb4-start-card { position: relative; min-height: 440px; padding: 30px; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; color: #fff !important; border: 1px solid var(--tb4-line); border-radius: 14px; background-color: #101720; background-position: center; background-size: cover; transition: transform .25s ease, border-color .25s ease; }
.tb4-start-card::before { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(5, 9, 13, .16), rgba(5, 9, 13, .95) 76%); }
.tb4-start-card:hover { color: #fff !important; border-color: rgba(48, 168, 255, .5); transform: translateY(-5px); }
.tb4-start-web { background-image: url('../assets/img/home/hero-trybot.jpg'); background-position: 70% center; }
.tb4-start-vps { background-image: url('../assets/img/home/infraestructura-vps.jpg'); background-position: 70% center; }
.tb4-start-auto { background-image: url('../assets/img/home/automatizacion-negocio.jpg'); background-position: 35% center; }
.tb4-card-number { position: relative; z-index: 1; align-self: flex-end; color: rgba(255, 255, 255, .72); font-size: 13px; font-weight: 800; letter-spacing: .08em; }
.tb4-start-card > div { position: relative; z-index: 1; }
.tb4-card-tag { color: #9fddff; font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.tb4-start-card h3 { margin: 10px 0 8px; color: #fff; font-size: 29px; font-weight: 700; letter-spacing: -.03em; }
.tb4-start-card p { max-width: 330px; margin: 0 0 20px; color: #bdc8d2; font-size: 15px; }
.tb4-start-card b { display: inline-flex; align-items: center; gap: 9px; color: #fff; font-size: 14px; }

.tb4-editorial { background: #f2f5f8; }
.tb4-editorial-panel { min-height: 610px; overflow: hidden; display: grid; grid-template-columns: 1.1fr .9fr; color: #4c5c6b; background: #fff; border-radius: 18px; box-shadow: 0 22px 55px rgba(20, 31, 43, .1); }
.tb4-editorial-panel h2,
.tb4-editorial-panel h3,
.tb4-editorial-panel strong { color: #0d1723 !important; }
.tb4-editorial-panel p,
.tb4-editorial-panel li { color: #536474 !important; }
.tb4-editorial-media { position: relative; min-height: 610px; overflow: hidden; }
.tb4-editorial-media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 55%, rgba(5, 10, 15, .58)); }
.tb4-editorial-media img { width: 100%; height: 100%; object-fit: cover; }
.tb4-media-label { position: absolute; right: 28px; bottom: 26px; left: 28px; z-index: 1; padding: 16px 18px; color: #fff; background: rgba(6, 11, 17, .72); border: 1px solid rgba(255, 255, 255, .17); border-radius: 10px; backdrop-filter: blur(12px); font-size: 14px; font-weight: 700; }
.tb4-media-label i { margin-right: 8px; color: var(--tb4-green); }
.tb4-editorial-copy { padding: 72px 64px; align-self: center; }
.tb4-editorial-copy .tb4-eyebrow { color: #087fdc; }
.tb4-editorial-copy h2 { margin: 0 0 24px; color: #0d1723; font-size: clamp(40px, 4vw, 56px); font-weight: 720; letter-spacing: -.05em; line-height: 1.04; }
.tb4-editorial-copy > p { margin: 0; color: #536474; font-size: 17px; }
.tb4-benefit-list { margin: 28px 0 34px; display: grid; gap: 13px; color: #293847; font-size: 15px; font-weight: 650; }
.tb4-benefit-list span { display: flex; align-items: center; gap: 11px; }
.tb4-benefit-list i { width: 22px; height: 22px; display: grid; place-items: center; color: #fff; background: var(--tb4-blue); border-radius: 50%; font-size: 10px; }
.tb4-editorial .tb4-text-link { color: #152434 !important; }

.tb4-pricing { background: var(--tb4-bg); }
.tb4-pricing-heading { max-width: none; display: flex; align-items: end; justify-content: space-between; gap: 42px; }
.tb4-pricing-heading > div:first-child { max-width: 790px; }
.tb4-billing-switch { flex: 0 0 auto; padding: 4px; display: flex; background: #111820; border: 1px solid var(--tb4-line); border-radius: 10px; }
.tb4-billing-switch button { min-width: 100px; height: 40px; padding: 0 16px; color: #9ba8b5; background: transparent; border: 0; border-radius: 7px; font-size: 13px; font-weight: 750; cursor: pointer; }
.tb4-billing-switch button.is-active { color: #fff; background: var(--tb4-blue); }
.tb4-price-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; align-items: stretch; }
.tb4-price-card { position: relative; min-height: 620px; padding: 34px 32px 32px; display: flex; flex-direction: column; background: #10161d; border: 1px solid var(--tb4-line); border-radius: 14px; box-shadow: 0 18px 45px rgba(0, 0, 0, .15); transition: transform .25s ease, border-color .25s ease; }
.tb4-price-card:hover { border-color: rgba(48, 168, 255, .42); transform: translateY(-5px); }
.tb4-price-card.is-featured { background: linear-gradient(180deg, #132232 0%, #0f171f 100%); border: 2px solid var(--tb4-blue-bright); }
.tb4-popular { position: absolute; top: -16px; left: 28px; padding: 7px 14px; color: #fff; background: var(--tb4-blue); border-radius: 7px; font-size: 11px; font-weight: 850; letter-spacing: .05em; text-transform: uppercase; }
.tb4-price-name > span { color: #8d9aa7; font-size: 11px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.tb4-price-name h3 { margin: 12px 0 8px; color: var(--tb4-white); font-size: 29px; font-weight: 720; letter-spacing: -.035em; }
.tb4-price-name p { min-height: 54px; margin: 0; color: #8e9ba8; font-size: 14px; }
.tb4-price-row { margin: 30px 0 26px; display: flex; align-items: end; gap: 8px; }
.tb4-price-row strong { color: var(--tb4-white); font-size: clamp(40px, 4vw, 54px); font-weight: 720; letter-spacing: -.055em; line-height: 1; }
.tb4-price-row span { padding-bottom: 7px; color: #94a2af; font-size: 13px; }
.tb4-plan-button { min-height: 50px; display: flex; align-items: center; justify-content: center; gap: 10px; color: #fff !important; background: transparent; border: 1px solid var(--tb4-blue-bright); border-radius: 9px; font-size: 14px; font-weight: 800; transition: background-color .2s ease, transform .2s ease; }
.tb4-price-card.is-featured .tb4-plan-button, .tb4-plan-button:hover { color: #fff !important; background: var(--tb4-blue); transform: translateY(-1px); }
.tb4-price-divider { height: 1px; margin: 30px 0 24px; background: var(--tb4-line); }
.tb4-includes { margin-bottom: 17px; color: #f0f5f9; font-size: 14px; }
.tb4-price-card ul { margin: 0; padding: 0; display: grid; gap: 13px; list-style: none; color: #aab6c2; font-size: 14px; }
.tb4-price-card li { display: grid; grid-template-columns: 17px 1fr; gap: 8px; }
.tb4-price-card li i { margin-top: 6px; color: var(--tb4-green); font-size: 10px; }
.tb4-plans-empty { grid-column: 1 / -1; padding: 36px; display: flex; align-items: center; gap: 20px; background: #10161d; border: 1px solid var(--tb4-line); border-radius: 14px; }
.tb4-plans-empty > i { color: var(--tb4-blue-bright); font-size: 30px; }
.tb4-plans-empty h3 { margin: 0; color: var(--tb4-white); }
.tb4-plans-empty p { margin: 3px 0 0; }
.tb4-product-strip { margin-top: 18px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; }
.tb4-product-strip > a { min-height: 130px; padding: 26px 28px; display: grid; grid-template-columns: 48px 1fr auto; align-items: center; gap: 20px; color: #fff !important; background: #111820; border: 1px solid var(--tb4-line); border-radius: 12px; transition: border-color .2s ease, transform .2s ease; }
.tb4-product-strip > a:hover { border-color: rgba(48, 168, 255, .45); transform: translateY(-3px); }
.tb4-product-strip > a > i { color: var(--tb4-blue-bright); font-size: 32px; }
.tb4-product-strip strong, .tb4-product-strip small { display: block; }
.tb4-product-strip strong { margin-bottom: 4px; color: var(--tb4-white); font-size: 18px; }
.tb4-product-strip small { color: #8c99a6; font-size: 13px; }
.tb4-product-strip b { display: inline-flex; align-items: center; gap: 8px; color: #9fddff; font-size: 13px; white-space: nowrap; }

.tb4-infrastructure { background: #0b1016; }
.tb4-infra-hero { position: relative; min-height: 620px; overflow: hidden; display: flex; align-items: center; border-radius: 18px; background: #111820; }
.tb4-infra-hero > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.tb4-infra-overlay { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(4, 8, 12, .98), rgba(4, 8, 12, .82) 46%, rgba(4, 8, 12, .12) 78%); }
.tb4-infra-copy { position: relative; z-index: 1; max-width: 660px; padding: 72px; }
.tb4-infra-copy h2 { margin: 0 0 22px; color: #fff; font-size: clamp(42px, 4.5vw, 62px); font-weight: 720; letter-spacing: -.05em; line-height: 1.03; }
.tb4-infra-copy p { margin: 0 0 30px; color: #c0cbd5; font-size: 18px; }
.tb4-infra-facts { display: grid; grid-template-columns: repeat(3, 1fr); border-right: 1px solid var(--tb4-line); border-bottom: 1px solid var(--tb4-line); border-left: 1px solid var(--tb4-line); border-radius: 0 0 14px 14px; }
.tb4-infra-facts article { min-height: 150px; padding: 30px; display: grid; grid-template-columns: 42px 1fr; align-content: center; gap: 4px 15px; }
.tb4-infra-facts article + article { border-left: 1px solid var(--tb4-line); }
.tb4-infra-facts i { grid-row: 1 / 3; width: 42px; height: 42px; display: grid; place-items: center; color: var(--tb4-blue-bright); background: rgba(17, 140, 240, .1); border-radius: 10px; }
.tb4-infra-facts strong { color: #fff; font-size: 17px; }
.tb4-infra-facts span { color: #82909d; font-size: 13px; line-height: 1.45; }
.tb4-tech { margin-top: 74px; overflow: hidden; }
.tb4-tech > span { display: block; margin-bottom: 24px; color: #768492; font-size: 12px; font-weight: 800; letter-spacing: .1em; text-align: center; text-transform: uppercase; }
.tb4-tech-track { display: flex; align-items: center; justify-content: space-between; gap: 32px; }
.tb4-tech b { display: inline-flex; align-items: center; gap: 9px; color: #a9b5c1; font-size: 17px; white-space: nowrap; }
.tb4-tech i { color: #d9e4ee; font-size: 22px; }

.tb4-automation { background: #f2f5f8; color: #526271; }
.tb4-automation .tb4-section-heading h2 { color: #0c1723; }
.tb4-automation .tb4-eyebrow { color: #087fdc; }
.tb4-automation .tb4-section-heading p { color: #526271; }
.tb4-automation > .tb4-shell > .tb4-section-heading h2,
.tb4-automation > .tb4-shell > .tb4-section-heading p { color: #0c1723 !important; }
.tb4-automation-layout { min-height: 510px; display: grid; grid-template-columns: .82fr 1.18fr; overflow: hidden; color: #fff; background: #0d151e; border-radius: 18px; box-shadow: 0 22px 55px rgba(20, 31, 43, .12); }
.tb4-automation-tabs { padding: 42px; display: flex; flex-direction: column; justify-content: center; gap: 12px; background: #101a24; border-right: 1px solid var(--tb4-line); }
.tb4-automation-tabs button { min-height: 94px; padding: 18px; display: grid; grid-template-columns: 44px 1fr; align-items: center; gap: 15px; color: #aab7c4; background: transparent; border: 1px solid transparent; border-radius: 11px; text-align: left; cursor: pointer; transition: background-color .2s ease, border-color .2s ease; }
.tb4-automation-tabs button[aria-selected="true"] { color: #fff; background: rgba(17, 140, 240, .12); border-color: rgba(48, 168, 255, .32); }
.tb4-automation-tabs button > i { width: 44px; height: 44px; display: grid; place-items: center; color: var(--tb4-blue-bright); background: rgba(17, 140, 240, .12); border-radius: 10px; }
.tb4-automation-tabs strong, .tb4-automation-tabs small { display: block; }
.tb4-automation-tabs strong { color: inherit; font-size: 16px; }
.tb4-automation-tabs small { margin-top: 4px; color: #758594; font-size: 12px; }
.tb4-automation-panels { position: relative; min-height: 510px; display: grid; align-items: center; background: linear-gradient(120deg, rgba(8, 13, 19, .92), rgba(8, 13, 19, .73)), url('../assets/img/home/automatizacion-negocio.jpg') center/cover; }
.tb4-automation-panels article { max-width: 610px; padding: 70px; }
.tb4-panel-icon { width: 56px; height: 56px; margin-bottom: 28px; display: grid; place-items: center; color: #fff; background: var(--tb4-blue); border-radius: 12px; font-size: 22px; }
.tb4-automation-panels h3 { margin: 0 0 17px; color: #fff; font-size: clamp(32px, 3.2vw, 46px); font-weight: 700; letter-spacing: -.04em; line-height: 1.08; }
.tb4-automation-panels p { margin: 0 0 24px; color: #bdc9d4; font-size: 17px; }
.tb4-automation-panels a { display: inline-flex; align-items: center; gap: 9px; color: #fff !important; font-size: 14px; font-weight: 800; }

.tb4-testimonials { background: var(--tb4-bg); }
.tb4-testimonial-layout { display: grid; grid-template-columns: .78fr 1.22fr; gap: 70px; align-items: center; }
.tb4-testimonial-intro h2 { margin: 0 0 20px; color: #fff; font-size: clamp(39px, 4vw, 54px); font-weight: 700; letter-spacing: -.045em; line-height: 1.07; }
.tb4-testimonial-intro p { margin: 0 0 22px; color: #97a4b0; font-size: 17px; }
.tb4-placeholder-label { display: inline-flex; padding: 8px 11px; color: #91a0ae; background: rgba(255, 255, 255, .045); border: 1px solid var(--tb4-line); border-radius: 7px; font-size: 11px; }
.tb4-testimonial-stage { min-height: 430px; padding: 50px; display: flex; flex-direction: column; justify-content: space-between; background: #111820; border: 1px solid var(--tb4-line); border-radius: 16px; }
.tb4-stars { display: flex; gap: 6px; color: #ffbd45; font-size: 15px; }
.tb4-testimonial-stage blockquote { margin: 34px 0; color: #eef4f8; font-size: clamp(25px, 2.7vw, 36px); font-weight: 560; letter-spacing: -.025em; line-height: 1.35; }
.tb4-testimonial-stage article footer { display: flex; align-items: center; gap: 14px; }
.tb4-avatar { width: 48px; height: 48px; display: grid; place-items: center; color: #fff; background: #1e2a36; border-radius: 50%; }
.tb4-testimonial-stage footer strong, .tb4-testimonial-stage footer small { display: block; }
.tb4-testimonial-stage footer strong { color: #fff; font-size: 14px; }
.tb4-testimonial-stage footer small { color: #788795; font-size: 12px; }
.tb4-testimonial-controls { margin-top: 34px; display: flex; align-items: center; justify-content: flex-end; gap: 14px; }
.tb4-testimonial-controls button { width: 42px; height: 42px; color: #fff; background: transparent; border: 1px solid var(--tb4-line); border-radius: 50%; cursor: pointer; }
.tb4-testimonial-controls button:hover { background: var(--tb4-blue); border-color: var(--tb4-blue); }
.tb4-testimonial-controls span { color: #71808e; font-size: 12px; }
.tb4-testimonial-controls b { color: #fff; }

.tb4-faq { background: #0b1016; }
.tb4-faq-layout { display: grid; grid-template-columns: .78fr 1.22fr; gap: 80px; align-items: start; }
.tb4-faq header { position: sticky; top: 130px; }
.tb4-faq header p { max-width: 420px; margin: 22px 0 25px; color: #8f9ca9; font-size: 17px; }
.tb4-faq header > a { display: inline-flex; align-items: center; gap: 9px; color: #9fddff !important; font-size: 14px; font-weight: 800; }
.tb4-faq-list { border-top: 1px solid var(--tb4-line); }
.tb4-faq-list details { border-bottom: 1px solid var(--tb4-line); }
.tb4-faq-list summary { position: relative; padding: 28px 52px 28px 0; color: #edf3f7; font-size: 18px; font-weight: 680; line-height: 1.4; list-style: none; cursor: pointer; }
.tb4-faq-list summary::-webkit-details-marker { display: none; }
.tb4-faq-list summary span { position: absolute; top: 50%; right: 10px; width: 18px; height: 18px; transform: translateY(-50%); }
.tb4-faq-list summary span::before, .tb4-faq-list summary span::after { content: ""; position: absolute; top: 8px; left: 1px; width: 16px; height: 2px; background: var(--tb4-blue-bright); transition: transform .2s ease; }
.tb4-faq-list summary span::after { transform: rotate(90deg); }
.tb4-faq-list details[open] summary span::after { transform: none; }
.tb4-faq-list details p { margin: -5px 0 26px; padding-right: 54px; color: #93a0ad; font-size: 15px; }

.tb4-final-cta { padding: 90px 0; background: var(--tb4-bg); }
.tb4-final-card { min-height: 360px; padding: 64px 70px; display: flex; align-items: center; justify-content: space-between; gap: 50px; background: linear-gradient(115deg, #14283c, #0e1823 62%, #102c43); border: 1px solid rgba(48, 168, 255, .32); border-radius: 18px; }
.tb4-final-card > div:first-child { max-width: 770px; }
.tb4-final-card p { margin: 22px 0 0; color: #afbdc9; font-size: 18px; }
.tb4-final-card .tb4-actions { flex: 0 0 auto; }
.tb4-noscript { margin: 0; padding: 12px 20px; color: #fff; background: #162331; text-align: center; }

.tb4-footer { padding: 76px 0 30px; border-top: 1px solid var(--tb4-line-soft); }
.tb4-footer-grid { display: grid; grid-template-columns: 1.3fr repeat(4, 1fr); gap: 42px; }
.tb4-footer-brand img { width: 150px; height: auto; margin-bottom: 22px; }
.tb4-footer-brand p { max-width: 300px; margin: 0 0 22px; color: #8593a0; font-size: 14px; }
.tb4-footer-social { display: flex; gap: 10px; }
.tb4-footer-social a { width: 40px; height: 40px; display: grid; place-items: center; color: #fff !important; border: 1px solid var(--tb4-line); border-radius: 50%; }
.tb4-footer-social a:hover { color: #fff !important; background: var(--tb4-blue); border-color: var(--tb4-blue); }
.tb4-footer-col { display: flex; flex-direction: column; align-items: flex-start; gap: 11px; }
.tb4-footer-col h3 { margin: 0 0 7px; color: #fff; font-size: 14px; font-weight: 800; }
.tb4-footer-col a { color: #9aa7b4 !important; font-size: 13px; }
.tb4-footer-col a:hover { color: #fff !important; }
.tb4-footer-meta { margin-top: 58px; padding-top: 24px; display: flex; align-items: center; justify-content: space-between; gap: 24px; border-top: 1px solid var(--tb4-line); color: #71808e; font-size: 12px; }
.tb4-footer-legal, .tb4-footer-actions, .tb4-payments { display: flex; align-items: center; flex-wrap: wrap; gap: 16px; }
.tb4-footer-legal a { color: #8e9ca9 !important; }
.tb4-payments i { color: #a9b5c0; font-size: 24px; }
.tb4-locale { min-height: 38px; padding: 0 14px; display: inline-flex; align-items: center; gap: 8px; color: #fff; background: rgba(255, 255, 255, .04); border: 1px solid var(--tb4-line); border-radius: 8px; font-size: 12px; cursor: pointer; }

.tb4-motion-ready [data-tb4-reveal] { opacity: 0; transform: translateY(22px); transition: opacity .65s ease, transform .65s cubic-bezier(.2, .75, .2, 1); }
.tb4-motion-ready [data-tb4-reveal].is-visible { opacity: 1; transform: none; }

@media (max-width: 1199px) {
    .tb4-home, .tb4-footer { font-size: 16px; }
    body.trybot-template-homepage.trybot-public .trybot-sales-link,
    body.trybot-template-homepage.trybot-public .trybot-sales-trigger { padding: 0 10px; font-size: 13px; }
    .tb4-hero { min-height: 570px; }
    .tb4-hero-copy, .tb4-infra-copy { padding: 58px; }
    .tb4-metrics > div { padding: 25px; }
    .tb4-editorial-copy { padding: 54px 46px; }
    .tb4-price-card { padding-right: 25px; padding-left: 25px; }
    .tb4-tech-track { gap: 22px; overflow: hidden; }
    .tb4-final-card { padding: 54px; }
}

@media (max-width: 991px) {
    body.trybot-template-homepage.trybot-public .trybot-public-shell,
    .tb4-promo-inner, .tb4-shell { width: min(100% - 36px, 820px); }
    body.trybot-template-homepage.trybot-public .trybot-public-header { top: 0; }
    body.trybot-template-homepage.trybot-public .trybot-public-nav { min-height: 68px; }
    .tb4-promo { min-height: 44px; padding: 6px 44px 6px 0; }
    .tb4-promo-inner { font-size: 12px; }
    .tb4-promo button { right: 8px; }
    .tb4-domain-form { grid-template-columns: 1fr; gap: 13px; }
    .tb4-domain-captcha { grid-column: 1; }
    .tb4-domain-form > label { text-align: center; }
    .tb4-hero { min-height: 600px; }
    .tb4-hero-shade { background: linear-gradient(90deg, rgba(4, 8, 12, .94), rgba(4, 8, 12, .65) 62%, rgba(4, 8, 12, .28)); }
    .tb4-hero-copy { width: min(650px, 80%); }
    .tb4-metrics > div { grid-template-columns: 1fr; gap: 4px; }
    .tb4-start-grid { grid-template-columns: 1fr 1fr; }
    .tb4-start-card:last-child { grid-column: 1 / -1; min-height: 370px; }
    .tb4-editorial-panel { grid-template-columns: 1fr; }
    .tb4-editorial-media { min-height: 440px; }
    .tb4-editorial-copy { padding: 55px; }
    .tb4-price-grid { grid-template-columns: 1fr 1fr; }
    .tb4-price-card:last-child:nth-child(odd) { grid-column: 1 / -1; }
    .tb4-product-strip { grid-template-columns: 1fr; }
    .tb4-infra-hero { min-height: 570px; }
    .tb4-infra-copy { max-width: 580px; }
    .tb4-infra-facts article { grid-template-columns: 1fr; }
    .tb4-infra-facts i { grid-row: auto; }
    .tb4-tech-track { justify-content: flex-start; overflow-x: auto; scrollbar-width: thin; }
    .tb4-automation-layout { grid-template-columns: 1fr; }
    .tb4-automation-tabs { padding: 22px; display: grid; grid-template-columns: repeat(3, 1fr); border-right: 0; border-bottom: 1px solid var(--tb4-line); }
    .tb4-automation-tabs button { min-height: 110px; grid-template-columns: 1fr; justify-items: center; text-align: center; }
    .tb4-automation-tabs small { display: none; }
    .tb4-testimonial-layout, .tb4-faq-layout { grid-template-columns: 1fr; gap: 48px; }
    .tb4-faq header { position: static; }
    .tb4-final-card { align-items: flex-start; flex-direction: column; }
    .tb4-footer-grid { grid-template-columns: 1.2fr repeat(2, 1fr); }
}

@media (max-width: 767px) {
    body.trybot-template-homepage.trybot-public .trybot-public-shell,
    .tb4-promo-inner, .tb4-shell { width: min(100% - 28px, 640px); }
    .tb4-home { font-size: 16px; }
    .tb4-opening { padding-top: 18px; }
    .tb4-domain { padding: 20px; }
    .tb4-domain-form > label, .tb4-domain-label { font-size: 17px; }
    .tb4-domain-control { grid-template-columns: auto minmax(0, 1fr); padding: 7px 10px 7px 16px; }
    .tb4-domain-control button { grid-column: 1 / -1; width: 100%; min-width: 0; }
    .tb4-domain-note { font-size: 12px; }
    .tb4-hero { min-height: 640px; margin-top: 18px; align-items: flex-end; }
    .tb4-hero-image { object-position: 61% center; }
    .tb4-hero-shade { background: linear-gradient(180deg, rgba(4, 8, 12, .18), rgba(4, 8, 12, .9) 58%, rgba(4, 8, 12, .99)); }
    .tb4-hero-copy { width: 100%; padding: 38px 30px; }
    .tb4-hero h1 { font-size: clamp(45px, 12.4vw, 62px); }
    .tb4-hero-copy > p { font-size: 17px; }
    .tb4-metrics { grid-template-columns: 1fr; }
    .tb4-metrics > div { min-height: 105px; grid-template-columns: 120px 1fr; }
    .tb4-metrics > div + div { border-top: 1px solid var(--tb4-line); border-left: 0; }
    .tb4-section { padding: 82px 0; }
    .tb4-section-heading { margin-bottom: 36px; }
    .tb4-section-heading h2, .tb4-faq h2, .tb4-final-card h2 { font-size: clamp(36px, 9.5vw, 48px); }
    .tb4-section-heading p { font-size: 16px; }
    .tb4-start-grid { grid-template-columns: 1fr; }
    .tb4-start-card, .tb4-start-card:last-child { grid-column: auto; min-height: 390px; }
    .tb4-editorial-media { min-height: 360px; }
    .tb4-editorial-copy { padding: 42px 28px; }
    .tb4-editorial-copy h2 { font-size: clamp(36px, 9.5vw, 47px); }
    .tb4-pricing-heading { align-items: flex-start; flex-direction: column; }
    .tb4-billing-switch { width: 100%; }
    .tb4-billing-switch button { flex: 1 1 50%; }
    .tb4-price-grid { grid-template-columns: 1fr; gap: 25px; }
    .tb4-price-card, .tb4-price-card:last-child:nth-child(odd) { grid-column: auto; min-height: 0; }
    .tb4-product-strip > a { grid-template-columns: 42px 1fr; }
    .tb4-product-strip b { grid-column: 2; }
    .tb4-infra-hero { min-height: 620px; align-items: flex-end; }
    .tb4-infra-hero > img { object-position: 70% center; }
    .tb4-infra-overlay { background: linear-gradient(180deg, rgba(4, 8, 12, .14), rgba(4, 8, 12, .89) 56%, rgba(4, 8, 12, .99)); }
    .tb4-infra-copy { padding: 40px 30px; }
    .tb4-infra-copy h2 { font-size: clamp(38px, 10vw, 50px); }
    .tb4-infra-facts { grid-template-columns: 1fr; }
    .tb4-infra-facts article { grid-template-columns: 48px 1fr; }
    .tb4-infra-facts article + article { border-top: 1px solid var(--tb4-line); border-left: 0; }
    .tb4-infra-facts i { grid-row: 1 / 3; }
    .tb4-tech { margin-top: 52px; }
    .tb4-automation-tabs { grid-template-columns: 1fr; }
    .tb4-automation-tabs button { min-height: 78px; grid-template-columns: 44px 1fr; justify-items: start; text-align: left; }
    .tb4-automation-tabs small { display: block; }
    .tb4-automation-panels article { padding: 48px 30px; }
    .tb4-testimonial-stage { min-height: 390px; padding: 34px 28px; }
    .tb4-faq-list summary { padding-top: 23px; padding-bottom: 23px; font-size: 17px; }
    .tb4-final-cta { padding: 70px 0; }
    .tb4-final-card { min-height: 0; padding: 44px 30px; }
    .tb4-final-card .tb4-actions { width: 100%; }
    .tb4-final-card .tb4-button { flex: 1 1 auto; }
    .tb4-footer { padding-top: 58px; }
    .tb4-footer-grid { grid-template-columns: 1fr 1fr; }
    .tb4-footer-brand { grid-column: 1 / -1; }
    .tb4-footer-meta { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 479px) {
    body.trybot-template-homepage.trybot-public .trybot-public-shell,
    .tb4-promo-inner, .tb4-shell { width: calc(100% - 22px); }
    .tb4-promo { padding-left: 4px; }
    .tb4-promo p { padding-right: 8px; font-size: 11px; }
    body.trybot-template-homepage.trybot-public .trybot-public-brand img { width: 104px; height: auto; }
    .tb4-domain { padding: 18px 14px; border-radius: 11px; }
    .tb4-domain-control input { font-size: 14px; }
    .tb4-hero { min-height: 610px; border-radius: 12px; }
    .tb4-hero-copy { padding: 32px 22px; }
    .tb4-eyebrow { font-size: 10px; }
    .tb4-hero h1 { font-size: clamp(41px, 13.3vw, 54px); }
    .tb4-hero-copy > p { font-size: 15px; }
    .tb4-actions { align-items: stretch; flex-direction: column; }
    .tb4-button, .tb4-text-link { width: 100%; justify-content: center; }
    .tb4-metrics > div { padding: 22px 18px; grid-template-columns: 95px 1fr; }
    .tb4-metrics strong { font-size: 28px; }
    .tb4-section { padding: 68px 0; }
    .tb4-start-card { min-height: 360px; padding: 24px; }
    .tb4-start-card h3 { font-size: 26px; }
    .tb4-editorial-panel, .tb4-automation-layout { border-radius: 12px; }
    .tb4-editorial-media { min-height: 300px; }
    .tb4-editorial-copy { padding: 36px 22px; }
    .tb4-price-card { padding: 31px 23px 26px; }
    .tb4-popular { left: 22px; }
    .tb4-price-row strong { font-size: 42px; }
    .tb4-product-strip > a { padding: 22px; }
    .tb4-infra-hero { min-height: 590px; border-radius: 12px; }
    .tb4-infra-copy { padding: 34px 23px; }
    .tb4-infra-facts article { padding: 24px 20px; }
    .tb4-automation-tabs { padding: 14px; }
    .tb4-automation-tabs button { padding: 14px; }
    .tb4-automation-panels h3 { font-size: 34px; }
    .tb4-testimonial-stage blockquote { font-size: 24px; }
    .tb4-faq-layout { gap: 38px; }
    .tb4-final-card { padding: 38px 23px; border-radius: 12px; }
    .tb4-footer-grid { grid-template-columns: 1fr; gap: 30px; }
    .tb4-footer-brand { grid-column: auto; }
}

@media (prefers-reduced-motion: reduce) {
    .tb4-home *, .tb4-footer * { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
    .tb4-motion-ready [data-tb4-reveal] { opacity: 1; transform: none; }
}