/* AnnualPOS Business 2.7.0 · línea visual premium (misma familia que AnnualPOS CRM 2.6.x).
   Capa aditiva: sólo estilos. No toca tenants, formularios, rutas ni lógica SaaS. El contenido es visible aunque falle el JS. */
:root{
  --bp-g-violet:linear-gradient(135deg,#8b7bff 0%,#4f46e5 100%);
  --bp-g-blue:linear-gradient(135deg,#5cc8ff 0%,#356bff 100%);
  --bp-g-teal:linear-gradient(135deg,#34e0a1 0%,#0a9d73 100%);
  --bp-g-amber:linear-gradient(135deg,#ffd166 0%,#f97316 100%);
  --bp-g-pink:linear-gradient(135deg,#ff8ac0 0%,#e11d74 100%);
  --bp-g-cyan:linear-gradient(135deg,#67e8f9 0%,#0891b2 100%);
  --bp-g-main:linear-gradient(100deg,#4f46e5,#4d6bff);
  --bp-shadow:0 1px 2px rgba(23,31,78,.04),0 12px 34px rgba(28,40,110,.07);
  --bp-shadow-hover:0 6px 14px rgba(28,40,110,.07),0 28px 56px rgba(53,74,190,.18);
  --bp-ease:cubic-bezier(.22,.8,.26,1);
}
main#contenido{position:relative;overflow-x:clip}
/* ---------- Encabezado ---------- */
.site-header{background:rgba(255,255,255,.78)!important;backdrop-filter:saturate(1.5) blur(16px);-webkit-backdrop-filter:saturate(1.5) blur(16px);transition:box-shadow .3s}
.site-header.is-scrolled{box-shadow:0 12px 34px -16px rgba(30,40,110,.35)}
.site-nav a{position:relative;transition:color .2s}
.site-nav a::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;border-radius:2px;background:var(--bp-g-main);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--bp-ease)}
.site-nav a:hover::after,.site-nav a:focus-visible::after{transform:scaleX(1)}
.site-nav a[href="#crm"]{font-weight:800;color:#4f46e5}
.site-nav a[href="#crm"]::before{content:"NUEVO";position:absolute;top:-13px;right:-8px;font:800 7.5px/1 Poppins,sans-serif;letter-spacing:.06em;padding:3px 5px;border-radius:99px;color:#fff;background:var(--bp-g-pink)}
.btn{transition:transform .25s var(--bp-ease),box-shadow .25s var(--bp-ease),filter .2s,border-color .2s,background .2s}
.btn-primary{background:var(--bp-g-main)!important;box-shadow:0 14px 28px -12px rgba(79,70,229,.8)!important}
.btn-primary:hover{transform:translateY(-3px);box-shadow:0 22px 36px -14px rgba(79,70,229,.9)!important;filter:brightness(1.06)}
.btn-outline:hover,.btn-quiet:hover{transform:translateY(-2px);border-color:#a5b1f0}
/* ---------- Héroe ---------- */
.hero{position:relative}
.hero::before,.hero::after{content:"";position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:-1}
.hero::before{width:460px;height:460px;left:-160px;top:-40px;background:rgba(99,102,241,.2);animation:bpOrb 14s ease-in-out infinite}
.hero::after{width:500px;height:500px;right:-140px;bottom:-120px;background:rgba(34,211,238,.18);animation:bpOrb 17s ease-in-out infinite reverse}
@keyframes bpOrb{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(40px,28px) scale(1.12)}}
.hero-copy h1 span,.section-intro h2 span,.commercial-overview h2 span,.business-final-cta h2 span,.crm-promo h2 span{background:linear-gradient(100deg,#4f46e5 0%,#356bff 25%,#06b6d4 50%,#356bff 75%,#4f46e5 100%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:bpShine 7s linear infinite}
@keyframes bpShine{to{background-position:200% center}}
.eyebrow-dot{box-shadow:0 0 0 0 rgba(79,70,229,.5);animation:bpPulse 2.2s infinite}
@keyframes bpPulse{70%{box-shadow:0 0 0 9px rgba(79,70,229,0)}100%{box-shadow:0 0 0 0 rgba(79,70,229,0)}}
.hero-meta span{transition:transform .3s var(--bp-ease)}.hero-meta span:hover{transform:translateY(-3px)}
.hero-meta .icon{color:#fff;background:var(--bp-g-teal);border-radius:50%;padding:3px;box-sizing:content-box;width:12px;height:12px}
.hero-product{transition:transform .25s ease-out;will-change:transform;background:linear-gradient(150deg,#f5f6ff 0%,#eaf0ff 60%,#f1fbff 100%);box-shadow:0 40px 80px -30px rgba(40,50,140,.45),0 0 0 1px rgba(255,255,255,.7) inset}
.product-selector button{transition:all .25s var(--bp-ease)}
.product-selector button.selected,.product-selector button[aria-selected="true"]{box-shadow:0 12px 24px -14px rgba(79,70,229,.7)}
.product-selector button.selected .icon{color:#4f46e5}
.screen-button img{transition:transform .5s var(--bp-ease)}
.screen-button:hover img{transform:scale(1.015)}
/* ---------- Guía por actividad ---------- */
.business-guide{box-shadow:var(--bp-shadow)!important;border-radius:26px!important;position:relative;overflow:hidden}
.business-guide::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,#4f46e5,#06b6d4,#34e0a1)}
.business-guide-option{transition:all .25s var(--bp-ease)!important}
.business-guide-option:hover{transform:translateY(-2px);border-color:#a5b1f0!important;color:#4f46e5!important}
.business-guide-option.is-active{background:var(--bp-g-main)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 14px 26px -12px rgba(79,70,229,.8)}
.business-guide-link{transition:all .25s var(--bp-ease)}
.business-guide-link:hover{background:var(--bp-g-main)!important;color:#fff!important;border-color:transparent!important}
/* ---------- Soluciones ---------- */
.solutions .solution-card{border-radius:30px!important;box-shadow:var(--bp-shadow);transition:transform .35s var(--bp-ease),box-shadow .35s var(--bp-ease),border-color .3s!important;overflow:hidden}
.solutions .solution-card::before{content:"";position:absolute;width:380px;height:380px;border-radius:50%;filter:blur(70px);pointer-events:none;opacity:.55}
.solution-card--rest::before{right:-120px;top:-140px;background:rgba(139,123,255,.25)}
.solution-card--super::before{left:-120px;bottom:-140px;background:rgba(34,211,238,.22)}
.solutions .solution-card>*{position:relative}
.solutions .solution-card:hover{box-shadow:var(--bp-shadow-hover)!important}
.solutions .solution-main-icon{border:0!important;color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 14px 24px -12px rgba(40,50,140,.7)}
.solution-card--rest .solution-main-icon{background:var(--bp-g-violet)!important}
.solution-card--super .solution-main-icon{background:var(--bp-g-cyan)!important}
.solutions .solution-main-icon .icon,.solutions .solution-point-icon .icon{stroke:currentColor}
.solutions .solution-point-icon{color:#fff!important;box-shadow:0 10px 18px -10px rgba(40,50,140,.65);transition:transform .3s var(--bp-ease)}
.solutions .solution-points li:nth-child(1) .solution-point-icon{background:var(--bp-g-violet)}
.solutions .solution-points li:nth-child(2) .solution-point-icon{background:var(--bp-g-blue)}
.solutions .solution-points li:nth-child(3) .solution-point-icon{background:var(--bp-g-teal)}
.solutions .solution-points li:nth-child(4) .solution-point-icon{background:var(--bp-g-amber)}
.solutions .solution-points li:hover .solution-point-icon{transform:translateY(-3px) rotate(-4deg)}
.solutions .solution-link:hover{background:var(--bp-g-main)!important;color:#fff!important;border-color:transparent!important}
.solutions .solution-visual img{filter:drop-shadow(0 30px 36px rgba(23,32,74,.16))!important}
/* ---------- Facturación ---------- */
.fiscal-section{background:radial-gradient(520px 260px at 90% 0%,rgba(99,102,241,.1),transparent 70%),radial-gradient(420px 240px at 0% 100%,rgba(34,211,238,.1),transparent 70%),#f8f9fe!important}
.fiscal-options article{border-radius:20px!important;box-shadow:var(--bp-shadow);transition:transform .3s var(--bp-ease),box-shadow .3s var(--bp-ease),border-color .3s}
.fiscal-options article:hover{transform:translateY(-4px);box-shadow:var(--bp-shadow-hover);border-color:#c4cdff}
.fiscal-icon{color:#fff!important;box-shadow:0 12px 20px -10px rgba(40,50,140,.7)}
.fiscal-options article:nth-child(1) .fiscal-icon{background:var(--bp-g-violet)}
.fiscal-options article:nth-child(2) .fiscal-icon{background:var(--bp-g-teal)}
/* ---------- Funciones ---------- */
.feature-tabs button{transition:all .25s var(--bp-ease)!important}
.feature-tabs button:hover{transform:translateY(-2px);border-color:#a5b1f0!important}
.feature-tabs button.selected,.feature-tabs button[aria-selected="true"]{background:var(--bp-g-main)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 14px 26px -12px rgba(79,70,229,.8)!important}
.feature-card{position:relative;overflow:hidden;box-shadow:var(--bp-shadow);border-radius:20px!important}
.feature-card::after{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--bp-g-main);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--bp-ease)}
.feature-card:hover{transform:translateY(-5px)!important;box-shadow:var(--bp-shadow-hover)!important;border-color:#c4cdff!important}
.feature-card:hover::after{transform:scaleX(1)}
.feature-icon{color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 12px 20px -10px rgba(40,50,140,.7);transition:transform .3s var(--bp-ease)}
.feature-card:hover .feature-icon{transform:translateY(-3px) rotate(-5deg) scale(1.06)}
.features-grid .feature-card:nth-child(6n+1) .feature-icon{background:var(--bp-g-violet)}
.features-grid .feature-card:nth-child(6n+2) .feature-icon{background:var(--bp-g-blue)}
.features-grid .feature-card:nth-child(6n+3) .feature-icon{background:var(--bp-g-teal)}
.features-grid .feature-card:nth-child(6n+4) .feature-icon{background:var(--bp-g-amber)}
.features-grid .feature-card:nth-child(6n+5) .feature-icon{background:var(--bp-g-pink)}
.features-grid .feature-card:nth-child(6n) .feature-icon{background:var(--bp-g-cyan)}
/* ---------- Propuesta integral y precio ---------- */
.commercial-shell{box-shadow:var(--bp-shadow);border-radius:32px!important}
.commercial-benefit{box-shadow:var(--bp-shadow);transition:transform .3s var(--bp-ease),box-shadow .3s var(--bp-ease),border-color .3s}
.commercial-benefit:hover{transform:translateY(-4px);box-shadow:var(--bp-shadow-hover);border-color:#c4cdff}
.commercial-benefit-icon{color:#fff!important;box-shadow:0 10px 18px -10px rgba(40,50,140,.7)}
.commercial-benefit:nth-child(1) .commercial-benefit-icon{background:var(--bp-g-violet)}
.commercial-benefit:nth-child(2) .commercial-benefit-icon{background:var(--bp-g-blue)}
.commercial-benefit:nth-child(3) .commercial-benefit-icon{background:var(--bp-g-teal)}
.commercial-benefit:nth-child(4) .commercial-benefit-icon{background:var(--bp-g-amber)}
.commercial-price{position:relative;overflow:hidden;box-shadow:0 40px 80px -34px rgba(46,42,154,.7)!important;background:radial-gradient(420px 260px at 90% 0%,rgba(168,85,247,.5),transparent 70%),radial-gradient(380px 240px at 0% 100%,rgba(34,211,238,.28),transparent 70%),linear-gradient(145deg,#1b1a63 0%,#0b1230 80%)!important}
.commercial-cta:hover{transform:translateY(-3px);box-shadow:0 18px 32px -12px rgba(0,0,0,.5)}
.integrator-logo{transition:transform .25s var(--bp-ease),box-shadow .25s}
/* ---------- NUEVO · bloque AnnualPOS CRM ---------- */
.crm-promo{padding-block:30px 96px;position:relative}
.crm-promo-shell{position:relative;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(330px,.88fr);gap:clamp(30px,4.5vw,64px);align-items:center;padding:clamp(30px,5vw,64px);border-radius:34px;color:#fff;overflow:hidden;background:radial-gradient(520px 320px at 92% -4%,rgba(168,85,247,.55),transparent 70%),radial-gradient(460px 300px at -4% 104%,rgba(34,211,238,.34),transparent 70%),linear-gradient(135deg,#14134f 0%,#2e2a9a 58%,#5b3bd6 100%);box-shadow:0 44px 90px -40px rgba(46,42,154,.8)}
.crm-promo-shell::after{content:"";position:absolute;right:-90px;bottom:-110px;width:360px;height:360px;background:url(img/annualpos-symbol.svg) no-repeat center/contain;opacity:.07;pointer-events:none}
.crm-promo-copy,.crm-promo-price{position:relative;z-index:1;min-width:0}
.crm-badge{display:inline-flex;align-items:center;gap:9px;padding:8px 14px;border-radius:99px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.24);backdrop-filter:blur(8px);font:800 10.5px/1 Poppins,sans-serif;letter-spacing:.16em}
.crm-badge i{width:8px;height:8px;border-radius:50%;background:#34e0a1;box-shadow:0 0 0 0 rgba(52,224,161,.6);animation:bpPulseG 2.2s infinite}
@keyframes bpPulseG{70%{box-shadow:0 0 0 9px rgba(52,224,161,0)}100%{box-shadow:0 0 0 0 rgba(52,224,161,0)}}
.crm-promo h2{font-size:clamp(32px,3.8vw,52px);line-height:1.12;font-weight:700;letter-spacing:-.05em;margin:20px 0 14px;color:#fff}
.crm-promo h2 span{background:linear-gradient(100deg,#a5b4ff,#67e8f9 50%,#a5b4ff);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.crm-lead{max-width:560px;font-size:15px;line-height:1.8;color:rgba(255,255,255,.82);margin:0 0 26px}
.crm-feats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:28px}
.crm-feat{display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:16px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(8px);transition:transform .3s var(--bp-ease),background .25s}
.crm-feat:hover{transform:translateY(-3px);background:rgba(255,255,255,.17)}
.crm-feat-icon{flex:0 0 38px;width:38px;height:38px;display:grid;place-items:center;border-radius:12px;color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 10px 18px -10px rgba(0,0,0,.6)}
.crm-feat-icon .icon{width:19px;height:19px;stroke:#fff}
.crm-feat:nth-child(1) .crm-feat-icon{background:var(--bp-g-violet)}
.crm-feat:nth-child(2) .crm-feat-icon{background:var(--bp-g-blue)}
.crm-feat:nth-child(3) .crm-feat-icon{background:var(--bp-g-cyan)}
.crm-feat:nth-child(4) .crm-feat-icon{background:var(--bp-g-teal)}
.crm-feat:nth-child(5) .crm-feat-icon{background:var(--bp-g-amber)}
.crm-feat:nth-child(6) .crm-feat-icon{background:var(--bp-g-pink)}
.crm-feat h3{margin:0 0 3px;font:700 13.5px/1.3 Poppins,Inter,sans-serif;color:#fff;letter-spacing:-.02em}
.crm-feat p{margin:0;font-size:11.5px;line-height:1.55;color:rgba(255,255,255,.72)}
.crm-actions{display:flex;flex-wrap:wrap;gap:12px}
.crm-actions .btn-large{min-height:54px;padding:0 24px;font-size:13px}
.crm-actions .btn-primary{background:#fff!important;color:#2b2a9a!important;box-shadow:0 20px 36px -16px rgba(0,0,0,.6)!important}
.crm-actions .btn-primary:hover{filter:none;box-shadow:0 26px 40px -16px rgba(0,0,0,.7)!important}
.crm-actions .btn-ghost{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.36)}
.crm-actions .btn-ghost:hover{background:rgba(255,255,255,.2);transform:translateY(-2px)}
.crm-note{margin:16px 0 0;font-size:12px;color:rgba(255,255,255,.7)}
.crm-promo-price{padding:clamp(24px,3vw,34px);border-radius:26px;background:#fff;color:#161d36;box-shadow:0 40px 70px -30px rgba(0,0,0,.6)}
.crm-price-top{display:flex;justify-content:space-between;align-items:center;gap:10px}
.crm-price-label{font:800 10px/1 Poppins,sans-serif;letter-spacing:.18em;color:#4b56a6}
.crm-price-chip{font:800 10px/1 Poppins,sans-serif;letter-spacing:.04em;padding:6px 10px;border-radius:99px;background:linear-gradient(135deg,#d9fbea,#e4f4ff);color:#0a7d5a}
.crm-trial{margin:20px 0 4px;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.crm-trial strong{font-size:clamp(46px,5vw,62px);line-height:1;font-weight:800;letter-spacing:-.06em;background:var(--bp-g-main);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.crm-trial span{font:700 14px/1.3 Poppins,sans-serif;color:#4a5578}
.crm-trial-sub{margin:0 0 18px;font-size:12.5px;color:#6b7694}
.crm-plans{display:grid;gap:8px;margin-bottom:18px}
.crm-plan-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 15px;border-radius:14px;background:#f5f7ff;border:1px solid #e3e8f7;transition:transform .25s var(--bp-ease),border-color .25s,box-shadow .25s}
.crm-plan-row:hover{transform:translateY(-2px);border-color:#a5b1f0;box-shadow:0 12px 22px -14px rgba(79,70,229,.6)}
.crm-plan-row b{font:700 13px/1.3 Poppins,sans-serif;color:#161d36}
.crm-plan-row small{display:block;font-size:11px;color:#7a86a3;font-weight:500;font-family:Inter,sans-serif}
.crm-plan-row em{font-style:normal;font:800 16px/1 Poppins,sans-serif;letter-spacing:-.03em;color:#2b2a9a;text-align:right}
.crm-plan-row em small{display:inline;margin-left:3px;font-size:11px}
.crm-incl{list-style:none;margin:0 0 20px;padding:0;display:grid;gap:9px}
.crm-incl li{display:flex;gap:9px;align-items:flex-start;font-size:12.5px;line-height:1.5;color:#3f4a6b}
.crm-incl .icon{flex:0 0 18px;width:18px;height:18px;padding:3px;box-sizing:border-box;border-radius:50%;background:var(--bp-g-teal);color:#fff;stroke:#fff}
.crm-price-cta{display:flex;width:100%;min-height:52px;font-size:13px}
.crm-price-more{display:block;margin-top:13px;text-align:center;font-size:12px;font-weight:700;color:#4f46e5}
.crm-price-more:hover{text-decoration:underline}
.crm-promo-disclaimer{text-align:center;color:#7c8599;font-size:11.5px;margin:20px auto 0;max-width:760px;line-height:1.7}
@media(max-width:1060px){.crm-promo-shell{grid-template-columns:1fr}.crm-promo-price{max-width:520px}}
@media(max-width:600px){.crm-promo{padding-block:14px 66px}.crm-promo-shell{padding:26px 20px;border-radius:24px}.crm-feats{grid-template-columns:1fr}.crm-actions .btn{width:100%}.crm-promo-price{padding:22px 18px}}
/* ---------- Cierre y pie ---------- */
.plan-section{position:relative;box-shadow:var(--bp-shadow);border-radius:32px!important}
.footer-inner nav a{transition:color .2s}.footer-inner nav a:hover{color:#4f46e5}
.apb-whatsapp-support{backdrop-filter:blur(10px)}
/* ---------- Aparición progresiva ---------- */
html.bp-js .bp-reveal{opacity:0;transform:translateY(22px);transition:opacity .7s var(--bp-ease) var(--bp-d,0s),transform .7s var(--bp-ease) var(--bp-d,0s)}
html.bp-js .bp-reveal.bp-in{opacity:1;transform:none}
html.bp-js .feature-card.bp-reveal.bp-in:hover{transform:translateY(-5px)!important}
@media(prefers-reduced-motion:reduce){html.bp-js .bp-reveal{opacity:1;transform:none}.hero::before,.hero::after{animation:none}}
@media print{html.bp-js .bp-reveal{opacity:1;transform:none}}