/* ===== STYLE BLOCK 1 (extraido del master v86) ===== */
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.55}a{text-decoration:none;color:inherit}.wrap{width:min(1180px,92%);margin:auto}.nav{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.navin{height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-size:24px;font-weight:900;color:var(--navy)}.brand span{color:var(--blue)}.links{display:flex;gap:24px;font-size:14px;font-weight:700}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;border-radius:10px;font-weight:800;border:1px solid transparent}.btn.primary{background:var(--blue);color:white;box-shadow:0 8px 22px #1769e033}.btn.ghost{border-color:#ffffff55;color:white;background:#ffffff0b}.hero{background:radial-gradient(circle at 80% 20%,#1247a4 0,#0a285a 24%,var(--navy) 62%);color:white;padding:76px 0 50px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:48px;align-items:center}.eyebrow{display:inline-block;border:1px solid #6aa7ff66;background:#3d83ff18;padding:7px 11px;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.hero h1{font-size:clamp(42px,5vw,68px);line-height:1.02;margin:20px 0}.hero h1 em{font-style:normal;color:#58a1ff}.hero p{font-size:18px;color:#d5e2f6;max-width:650px}.hero-actions{display:flex;gap:12px;margin:28px 0}.hero-art{background:#ffffff0c;border:1px solid #ffffff22;border-radius:24px;padding:16px;box-shadow:0 30px 70px #0005}.hero-art img{width:100%;display:block;border-radius:15px}.trust{margin-top:34px;display:grid;grid-template-columns:repeat(4,1fr);background:white;color:var(--ink);border-radius:18px;box-shadow:0 20px 50px #00163833;overflow:hidden}.trust div{padding:20px;border-right:1px solid var(--line)}.trust div:last-child{border:0}.trust b{display:block;font-size:14px}.trust span{font-size:12px;color:var(--muted)}section{padding:82px 0}.section-head{text-align:center;max-width:780px;margin:0 auto 40px}.kicker{color:var(--blue);font-size:12px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.section-head h2{font-size:38px;line-height:1.15;margin:8px 0 12px}.section-head p{color:var(--muted);font-size:17px}.grid{display:grid;gap:20px}.cards6{grid-template-columns:repeat(3,1fr)}.card{border:1px solid var(--line);border-radius:18px;padding:24px;background:#fff;box-shadow:0 10px 30px #10294b0a}.icon{width:44px;height:44px;border-radius:12px;background:#eaf2ff;color:var(--blue);display:grid;place-items:center;font-weight:900;margin-bottom:16px}.card h3{margin:0 0 8px;font-size:19px}.card p{margin:0;color:var(--muted);font-size:14px}.platform{background:var(--soft)}.split{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}.visual{min-height:350px;border-radius:24px;background:linear-gradient(135deg,#0d2a58,#1769e0);padding:26px;display:grid;grid-template-columns:repeat(2,1fr);gap:14px;box-shadow:0 24px 60px #10294b25}.mini{background:white;border-radius:14px;padding:18px;min-height:130px}.mini b{display:block;margin-bottom:7px}.mini small{color:var(--muted)}.ticks{display:grid;gap:12px;margin-top:22px}.tick{display:flex;gap:10px}.tick:before{content:'✓';color:var(--green);font-weight:900}.segments{grid-template-columns:repeat(2,1fr)}.segment{border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#fff}.segment .ph{height:230px;background:linear-gradient(135deg,#dbe8ff,#f5f8ff);display:grid;place-items:center;color:#3767a8;font-weight:900;position:relative}.segment .ph:after{content:'IMAGEN / VIDEO DEMOSTRATIVO';border:1px dashed #7aa5df;padding:10px 14px;border-radius:10px;background:#ffffffaa}.segment .body{padding:26px}.segment ul{padding-left:18px;color:var(--muted);font-size:14px}.deal{background:linear-gradient(135deg,#071a36,#0c3c7d);color:white}.deal .section-head p{color:#d5e2f6}.dealgrid{grid-template-columns:repeat(3,1fr)}.deal .card{background:#ffffff0d;border-color:#ffffff22;color:white}.deal .card p{color:#d8e5f8}.ai{background:#071a36;color:white}.ai .section-head p{color:#cbd9ef}.ai-grid{grid-template-columns:repeat(4,1fr)}.ai .card{background:#ffffff0d;border-color:#ffffff22}.ai .card p{color:#cbd9ef}.gallery{grid-template-columns:repeat(3,1fr)}.media{aspect-ratio:16/10;border-radius:18px;background:linear-gradient(135deg,#e9f1ff,#d8e7ff);border:1px solid #cfdcf0;display:grid;place-items:center;text-align:center;padding:20px;color:#4872aa;font-weight:900}.media span{display:block;font-size:12px;font-weight:600;color:#6f83a1}.pricing{background:var(--soft)}table{width:100%;border-collapse:separate;border-spacing:0;background:white;border:1px solid var(--line);border-radius:18px;overflow:hidden;font-size:13px}th,td{padding:13px 14px;border-bottom:1px solid var(--line);text-align:center}th:first-child,td:first-child{text-align:left;font-weight:700}th{background:#0c2b59;color:white}.lite{background:#61a62c}.std{background:#7847d6}.prem{background:#e98a13}.price{font-size:22px;font-weight:900}.contact{background:linear-gradient(135deg,#1769e0,#0d4eb5);color:white;border-radius:24px;padding:44px;display:flex;justify-content:space-between;align-items:center;gap:30px}.footer{background:#06162d;color:#c8d5e8;padding:50px 0 30px}.footgrid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px}.footer h4{color:white}.footer small{color:#8fa2bd}.social{display:flex;gap:10px;flex-wrap:wrap}.social a{border:1px solid #ffffff33;padding:8px 10px;border-radius:8px}.note{font-size:12px;color:var(--muted);margin-top:16px}.mobile-only{display:none}@media(max-width:850px){.links{display:none}.hero-grid,.split{grid-template-columns:1fr}.trust{grid-template-columns:1fr 1fr}.cards6,.dealgrid,.ai-grid,.gallery{grid-template-columns:1fr 1fr}.segments{grid-template-columns:1fr}.footgrid{grid-template-columns:1fr 1fr}.pricing-wrap{overflow:auto}.hero{padding-top:50px}.contact{flex-direction:column;align-items:flex-start}}@media(max-width:560px){.cards6,.dealgrid,.ai-grid,.gallery{grid-template-columns:1fr}.trust{grid-template-columns:1fr}.footgrid{grid-template-columns:1fr}.hero-actions{flex-direction:column}.hero h1{font-size:42px}section{padding:60px 0}.section-head h2{font-size:31px}}

/* v20 Corporate positioning + Other CARFER Solutions */
.corporate-positioning{background:linear-gradient(180deg,#071a36 0,#0b2d60 100%);color:#fff}
.corporate-positioning .section-head p{color:#d7e5f8}.corp-pillars{grid-template-columns:repeat(3,1fr)}
.corporate-positioning .card{background:#ffffff0d;border-color:#ffffff24;color:#fff}.corporate-positioning .card p{color:#d7e5f8}
.other-solutions{background:linear-gradient(180deg,#f5fbfa 0,#fff 100%);border-top:1px solid #dcebe7}
.other-solutions-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px;align-items:stretch}
.other-solutions-intro{padding:30px;border:1px solid #cfe4de;border-radius:22px;background:#fff}.other-solutions-intro h2{font-size:36px;line-height:1.1;margin:8px 0 14px}.other-solutions-intro p{color:var(--muted)}
.independent-note{margin-top:20px;padding:14px 16px;border-radius:12px;background:#eef8f5;color:#235c50;font-size:13px;border:1px solid #cce7df}
.aprovia-card{display:grid;grid-template-columns:.8fr 1.2fr;overflow:hidden;border:1px solid #cfe4de;border-radius:22px;background:#fff;box-shadow:0 16px 40px #123b3212}
.aprovia-visual{min-height:320px;background:linear-gradient(135deg,#e8f4f1,#d7e9e5);display:grid;place-items:center;padding:26px;text-align:center;color:#176b59}.aprovia-visual .plan-icon{font-size:72px;line-height:1}.aprovia-visual strong{font-size:22px;display:block;margin-top:12px}
.aprovia-copy{padding:30px}.aprovia-copy h3{font-size:29px;margin:0 0 4px;color:#0b5d4d}.aprovia-copy .subtitle{font-weight:800;color:#17324d;margin-bottom:14px}.aprovia-copy p{color:var(--muted)}.aprovia-features{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.aprovia-features span:before{content:'✓';color:#0a8a6e;font-weight:900;margin-right:8px}
@media(max-width:850px){.corp-pillars,.other-solutions-grid,.aprovia-card{grid-template-columns:1fr}}

/* ===== STYLE BLOCK 2 (extraido del master v86) ===== */
.plans-architecture{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0 0 26px}
.plans-architecture>div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;text-align:center;box-shadow:0 8px 22px #10294b0a}
.plans-architecture b{display:block;color:var(--navy);font-size:14px}
.plans-architecture span{display:block;color:var(--muted);font-size:12px;margin-top:4px}
.plan-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 auto 28px;position:sticky;top:84px;z-index:12;background:var(--soft);padding:10px 0}
.plan-tab{appearance:none;border:1px solid #cfd9e7;background:#fff;color:#30445f;padding:13px 10px;border-radius:10px;font-weight:850;cursor:pointer;transition:.18s}
.plan-tab:hover{border-color:var(--blue);color:var(--blue)}
.plan-tab.active{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 8px 22px #1769e033}
.plan-panel{display:none}
.plan-panel.active{display:block}
.product-plan-head{display:flex;justify-content:space-between;gap:24px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:18px 18px 0 0;padding:24px 26px;border-bottom:0}
.product-plan-head h3{font-size:27px;margin:5px 0}
.product-plan-head p{margin:0;color:var(--muted)}
.plan-badge{display:inline-block;background:#eaf2ff;color:var(--blue);font-weight:900;font-size:11px;text-transform:uppercase;letter-spacing:.06em;border-radius:999px;padding:6px 9px}
.independent-note{max-width:320px;background:#f6fbff;border:1px solid #d4e7ff;border-radius:12px;padding:12px 14px}
.independent-note strong,.independent-note span{display:block}
.independent-note strong{font-size:13px;color:var(--blue)}
.independent-note span{font-size:11px;color:var(--muted);margin-top:3px}
.matrix-scroll{max-height:680px;overflow:auto;border-radius:0 0 18px 18px;border:1px solid var(--line);background:#fff}
.product-matrix{border:0;border-radius:0;font-size:12px}
.product-matrix thead{position:sticky;top:0;z-index:5}
.product-matrix th{white-space:nowrap}
.product-matrix th small{font-weight:600;opacity:.85}
.product-matrix td:first-child{min-width:370px}
.product-matrix td:not(:first-child){min-width:135px}
.product-matrix .matrix-section td{background:#eaf1fa!important;color:#163a68;font-weight:900;text-transform:uppercase;letter-spacing:.04em;font-size:11px;text-align:left!important;border-top:1px solid #cbd8e8}
.product-matrix tbody tr:nth-child(even):not(.matrix-section) td{background:#fbfdff}
.product-matrix tbody tr:hover:not(.matrix-section) td{background:#f1f7ff}
.matrix-note{background:#fff;border:1px solid var(--line);padding:14px 16px;border-radius:12px;margin-top:18px}
@media(max-width:850px){.plans-architecture{grid-template-columns:1fr 1fr}.plan-tabs{grid-template-columns:1fr 1fr;position:static}.product-plan-head{flex-direction:column;align-items:flex-start}.independent-note{max-width:none}.product-matrix td:first-child{min-width:290px}}
@media(max-width:560px){.plans-architecture{grid-template-columns:1fr}.plan-tabs{grid-template-columns:1fr}.matrix-scroll{max-height:580px}}

/* ===== STYLE BLOCK 3 (extraido del master v86) ===== */
/* Modern 2026 product-marketing pattern: interactive solution cards + anchor-driven product stories */
.portfolio-modern{background:linear-gradient(180deg,#fff 0,#fbfdff 100%)}
.portfolio-cards .portfolio-card{display:block;position:relative;overflow:hidden;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.portfolio-cards .portfolio-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 100% 0,#1769e00d,transparent 44%);pointer-events:none}
.portfolio-cards .portfolio-card:hover{transform:translateY(-5px);border-color:#b9d3f6;box-shadow:0 18px 45px #173c7017}
.card-topline{display:flex;align-items:center;justify-content:space-between;gap:16px}
.card-topline h3{margin:0 0 8px}
.card-topline span{width:32px;height:32px;border-radius:999px;background:#f1f6ff;color:var(--blue);display:grid;place-items:center;font-weight:900;transition:.2s}
.portfolio-card:hover .card-topline span{background:var(--blue);color:#fff;transform:translateX(2px)}
.portfolio-card small{display:inline-block;margin-top:18px;color:var(--blue);font-weight:850;font-size:12px}
.detail-hub{background:#f7faff}
.detail-nav{position:sticky;top:84px;z-index:14;display:flex;gap:8px;justify-content:center;flex-wrap:wrap;background:rgba(247,250,255,.92);backdrop-filter:blur(14px);padding:10px;border:1px solid #e5edf8;border-radius:16px;margin:0 auto 30px;box-shadow:0 12px 35px #10294b0c}
.detail-nav a{padding:9px 13px;border-radius:10px;color:#43617f;font-size:12px;font-weight:850;transition:.18s}
.detail-nav a:hover{background:#fff;color:var(--blue);box-shadow:0 7px 16px #10294b10}
.product-detail{scroll-margin-top:150px;display:grid;grid-template-columns:1.12fr .88fr;gap:38px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:28px;padding:34px;margin:0 0 24px;box-shadow:0 18px 50px #10294b0c}
.product-detail.reverse .product-copy{order:2}.product-detail.reverse .detail-media{order:1}
.detail-code{display:inline-grid;place-items:center;min-width:44px;height:44px;padding:0 10px;border-radius:12px;background:#eaf2ff;color:var(--blue);font-weight:950;margin-right:10px}
.product-copy h3{font-size:30px;line-height:1.15;margin:12px 0}
.product-copy>p{color:var(--muted);font-size:15px;margin-bottom:22px}
.impact-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.impact-grid>div{border:1px solid #e7edf6;border-radius:14px;padding:14px;background:#fbfdff;min-height:112px}
.impact-grid b{display:block;color:var(--navy);font-size:13px;margin-bottom:5px}
.impact-grid span{display:block;color:var(--muted);font-size:12px;line-height:1.55}
.detail-link{display:inline-flex;margin-top:20px;color:var(--blue);font-weight:850;font-size:13px}
.placeholder-media{min-height:430px;border-radius:22px;background:
 linear-gradient(145deg,#082653 0,#0e4da8 46%,#19b7c6 130%);
 color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff25}
.placeholder-media:before,.placeholder-media:after{content:"";position:absolute;border-radius:50%;filter:blur(1px)}
.placeholder-media:before{width:240px;height:240px;background:#2b7cff33;right:-60px;top:-50px}
.placeholder-media:after{width:180px;height:180px;background:#28d6d633;left:-55px;bottom:-45px}
.placeholder-media span{position:relative;z-index:2;font-size:11px;letter-spacing:.12em;font-weight:900;border:1px solid #ffffff4d;border-radius:999px;padding:7px 10px}
.placeholder-media b{position:relative;z-index:2;font-size:25px;margin:12px 0 5px}
.placeholder-media small{position:relative;z-index:2;color:#cfe1ff;max-width:260px}
.payment-strip{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:34px 0 6px;padding:20px 22px;border:1px solid #ffffff1f;background:#ffffff08;border-radius:16px}
.payment-label{display:block;color:#fff;font-size:13px;font-weight:850;margin-bottom:3px}
.payment-strip small{font-size:11px;color:#91a8c5}
.payment-logos{display:flex;align-items:center;gap:16px}
.visa-logo{background:#fff;color:#153c91;border-radius:8px;padding:9px 17px;font:italic 900 24px/1 Arial,sans-serif;letter-spacing:-1px}
.mastercard-logo{position:relative;width:128px;height:46px;background:#fff;border-radius:8px;display:flex;align-items:center;padding-left:10px}
.mastercard-logo i{width:27px;height:27px;border-radius:50%;display:block;position:absolute;top:7px}
.mastercard-logo i:first-child{left:12px;background:#eb001b}
.mastercard-logo i:nth-child(2){left:30px;background:#f79e1b;mix-blend-mode:multiply}
.mastercard-logo b{margin-left:54px;color:#111;font:700 11px/1 Arial,sans-serif}
@media(max-width:900px){.product-detail{grid-template-columns:1fr}.product-detail.reverse .product-copy,.product-detail.reverse .detail-media{order:initial}.placeholder-media{min-height:300px}.detail-nav{position:static}}
@media(max-width:650px){.impact-grid{grid-template-columns:1fr}.product-detail{padding:22px;border-radius:20px}.product-copy h3{font-size:25px}.payment-strip{align-items:flex-start;flex-direction:column}.detail-nav{justify-content:flex-start;overflow:auto;flex-wrap:nowrap}.detail-nav a{white-space:nowrap}}

/* ===== STYLE BLOCK 4 (extraido del master v86) ===== */
/* Responsive-first enhancements */
html{scroll-behavior:smooth}
img,video,svg{max-width:100%;height:auto}
.plans-architecture{grid-template-columns:repeat(5,minmax(0,1fr))}
.plan-tabs{grid-template-columns:repeat(5,minmax(0,1fr))}
.login-section{padding:28px 0 74px;background:linear-gradient(180deg,#f7faff,#fff)}
.login-panel{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:34px 38px;border-radius:24px;background:linear-gradient(135deg,#071a36,#0c438f 70%,#087faf);color:#fff;box-shadow:0 24px 60px #09244d2b}
.login-panel h2{margin:5px 0 8px;font-size:30px;color:#fff}
.login-panel p{margin:0;max-width:700px;color:#cfe0f5}
.login-panel .kicker{color:#77c7ff}
.login-cta{display:inline-flex;align-items:center;gap:15px;white-space:nowrap;background:#fff;color:#0d4eaa;padding:15px 19px;border-radius:12px;font-weight:900;box-shadow:0 10px 25px #0002}
.pay-demo-btn{border:0;background:#eaf2ff;color:#1769e0;font-weight:850;border-radius:999px;padding:5px 9px;margin-left:7px;cursor:pointer;font-size:10px}
.payment-modal{position:fixed;inset:0;z-index:9999;display:none;place-items:center;padding:20px}
.payment-modal.open{display:grid}
.payment-modal-backdrop{position:absolute;inset:0;background:#061425b8;backdrop-filter:blur(8px)}
.payment-modal-card{position:relative;z-index:2;width:min(100%,460px);background:#fff;border-radius:24px;padding:26px;box-shadow:0 35px 90px #0005}
.payment-close{position:absolute;right:16px;top:13px;width:38px;height:38px;border-radius:50%;border:0;background:#f0f4f8;font-size:25px;cursor:pointer}
.payment-brand{display:flex;align-items:center;gap:10px;padding-right:45px}
.payment-brand strong,.payment-brand small{display:block}.payment-brand small{color:#74879b;margin-top:2px}
.payment-lock{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#edf5ff}
.payment-modal-card h3{font-size:28px;margin:24px 0 5px;color:#10294b}
.payment-sub{color:#73859b;font-size:13px;margin:0 0 18px}
.payment-summary{display:grid;grid-template-columns:1fr auto;gap:8px;background:#f5f8fc;border-radius:14px;padding:14px;margin-bottom:18px}
.payment-summary span{color:#71839a;font-size:12px}.payment-summary strong{font-size:13px;color:#183557}
.payment-modal-card label{display:block;font-size:12px;font-weight:750;color:#344f6f;margin:12px 0}
.payment-modal-card input{width:100%;box-sizing:border-box;border:1px solid #d9e2ee;background:#fbfdff;border-radius:10px;padding:12px;color:#5d6f83}
.card-input{position:relative}.mini-card-brand{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:10px;font-weight:900;color:#193c8d}
.payment-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.fake-pay-button{width:100%;border:0;border-radius:12px;background:linear-gradient(90deg,#1769e0,#00a7c7);color:#fff;font-size:15px;font-weight:900;padding:14px;cursor:pointer;margin-top:7px}
.payment-trust{display:flex;align-items:center;gap:10px;margin-top:14px;color:#183557;font-weight:900}
.mc-small{letter-spacing:-7px;color:#e31c2b;font-size:18px}.payment-trust small{margin-left:auto;color:#8697a9;font-weight:500;font-size:9px;text-align:right}
@media(max-width:1100px){
  .plans-architecture{grid-template-columns:repeat(3,1fr)}
  .plan-tabs{grid-template-columns:repeat(3,1fr);position:static}
}
@media(max-width:900px){
  .login-panel{flex-direction:column;align-items:flex-start}
  .product-detail{grid-template-columns:1fr!important}
  .product-detail.reverse .product-copy,.product-detail.reverse .detail-media{order:initial!important}
}
@media(max-width:760px){
  .wrap{width:min(100% - 28px,1180px)}
  .cards6,.plans-architecture,.plan-tabs{grid-template-columns:1fr 1fr!important}
  .impact-grid{grid-template-columns:1fr!important}
  .product-detail{padding:22px!important}
  .matrix-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .product-matrix{min-width:760px}
  .detail-nav{overflow-x:auto;flex-wrap:nowrap!important;justify-content:flex-start!important}
  .detail-nav a{white-space:nowrap}
}
@media(max-width:520px){
  .cards6,.plans-architecture,.plan-tabs{grid-template-columns:1fr!important}
  .login-panel{padding:24px 20px}
  .login-cta{white-space:normal;width:100%;justify-content:center}
  .payment-modal{padding:12px}
  .payment-modal-card{padding:22px 18px;border-radius:18px}
  .payment-two{grid-template-columns:1fr}
}

/* ===== STYLE BLOCK 5 (extraido del master v86) ===== */
.unified-catalog-section{padding:78px 0;background:linear-gradient(180deg,#f8fbff,#eef5ff)}
.unified-catalog-card{display:grid;grid-template-columns:1.15fr .85fr;gap:36px;align-items:center;background:#fff;border:1px solid #dce8f7;border-radius:28px;padding:38px;box-shadow:0 22px 60px #0d397014}
.unified-catalog-copy h2{font-size:34px;line-height:1.1;margin:8px 0 16px;color:#10294b}
.unified-catalog-copy p{color:#5f7690;line-height:1.7;margin:0 0 12px}
.unified-points{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}
.unified-points div{display:flex;align-items:center;gap:10px;border:1px solid #e4edf8;border-radius:14px;padding:12px 14px;background:#fbfdff}
.unified-points b{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#eaf2ff;color:#1769e0;font-size:11px}
.unified-points span{font-size:12px;font-weight:800;color:#284765}
.channel-diagram{min-height:340px;border-radius:22px;background:linear-gradient(145deg,#081e40,#0a4da2 68%,#09a5c3);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;padding:28px;position:relative;overflow:hidden}
.channel-core{width:154px;height:154px;border-radius:50%;display:grid;place-items:center;text-align:center;background:#ffffff12;border:1px solid #ffffff3b;box-shadow:0 18px 55px #0004;font-size:13px;letter-spacing:.06em}
.channel-core strong{font-size:23px}
.channel-line{width:2px;height:44px;background:#ffffff77}
.channel-targets{display:grid;grid-template-columns:1fr 1fr;gap:18px;width:100%;max-width:330px}
.channel-targets div{background:#fff;color:#0f4b99;border-radius:12px;text-align:center;padding:15px;font-weight:950}
.channel-diagram small{margin-top:18px;color:#d3e7ff;text-align:center}
.restaurant-special{display:flex;gap:12px;align-items:flex-start;margin-top:16px;padding:16px;border:1px solid #dce8f8;background:#f7fbff;border-radius:14px}
.restaurant-special-icon{flex:0 0 38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#eaf2ff;color:#1769e0;font-weight:950}
.restaurant-special b,.restaurant-special span{display:block}.restaurant-special b{color:#173a63;font-size:13px;margin-bottom:4px}.restaurant-special span{color:#667f9a;font-size:12px;line-height:1.55}
@media(max-width:900px){.unified-catalog-card{grid-template-columns:1fr}.channel-diagram{min-height:280px}}
@media(max-width:620px){.unified-catalog-card{padding:24px}.unified-points{grid-template-columns:1fr}.unified-catalog-copy h2{font-size:28px}}

/* ===== STYLE BLOCK 6 (extraido del master v86) ===== */
.language-bar{position:relative;z-index:1200;background:#061a36;border-bottom:1px solid #ffffff18;color:#fff}
.language-bar-inner{width:min(1180px,calc(100% - 32px));margin:auto;min-height:42px;display:flex;align-items:center;justify-content:flex-end;gap:12px}
.language-label{font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:#9fb9d8;font-weight:800}
.language-switch{display:inline-flex;background:#ffffff10;border:1px solid #ffffff20;border-radius:999px;padding:3px}
.lang-btn{border:0;background:transparent;color:#c7d7ea;padding:6px 12px;border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.04em;cursor:pointer;transition:.2s ease}
.lang-btn:hover{color:#fff}
.lang-btn.active{background:#fff;color:#0b4ea2;box-shadow:0 3px 12px #0003}
@media(max-width:620px){
  .language-bar-inner{min-height:46px;justify-content:center}
  .language-label{display:none}
  .lang-btn{padding:7px 14px}
}

/* ===== STYLE BLOCK 7 (extraido del master v86) ===== */
.lang-btn{display:inline-flex!important;align-items:center;gap:7px}
.lang-btn .flag{font-size:16px;line-height:1}
@media(max-width:620px){.lang-btn .flag{font-size:18px}}

/* ===== STYLE BLOCK 8 (extraido del master v86) ===== */
/* Language selector — text only */
.lang-btn .flag{display:none!important}

/* Payment CTA embedded directly below each plan price */
.plan-pay-btn{
  display:block;
  width:calc(100% - 18px);
  margin:10px auto 2px;
  border:1px solid rgba(255,255,255,.7);
  background:rgba(255,255,255,.96);
  color:#0f4d9b;
  border-radius:9px;
  padding:8px 8px;
  font-size:10px;
  line-height:1;
  font-weight:900;
  letter-spacing:.02em;
  cursor:pointer;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease;
  box-shadow:0 5px 15px rgba(0,0,0,.12);
}
.plan-pay-btn:hover{transform:translateY(-1px);background:#fff;box-shadow:0 8px 20px rgba(0,0,0,.18)}
.product-matrix th.lite .plan-pay-btn{color:#4b921c}
.product-matrix th.std .plan-pay-btn{color:#6c36ce}
.product-matrix th.prem .plan-pay-btn{color:#d66e00}

/* Persistent scroll-to-top control */
.scroll-top-btn{
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:9990;
  width:48px;
  height:48px;
  border:0;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:linear-gradient(145deg,#1769e0,#0b4da7);
  color:#fff;
  box-shadow:0 12px 30px rgba(9,54,122,.32);
  cursor:pointer;
  opacity:.96;
  transition:transform .2s ease,opacity .2s ease,box-shadow .2s ease;
}
.scroll-top-btn:hover{transform:translateY(-3px);box-shadow:0 15px 34px rgba(9,54,122,.4)}
.scroll-top-btn span{font-size:25px;line-height:1;font-weight:800}
@media(max-width:620px){
  .scroll-top-btn{right:14px;bottom:14px;width:44px;height:44px}
  .plan-pay-btn{font-size:9px;padding:8px 5px}
}

/* ===== STYLE BLOCK 9 (extraido del master v86) ===== */
.home-refresh-link{display:inline-flex;text-decoration:none;color:inherit}
.footer-nav-link,.contact-link{color:inherit;text-decoration:none;transition:color .18s ease,opacity .18s ease}
.footer-nav-link:hover,.contact-link:hover{color:#71b8ff!important;opacity:1}
.powered-by-carfer{border-top:1px solid #ffffff14;margin-top:18px;padding:18px 0 2px;text-align:center;color:#8ea7c3;font-size:11px;letter-spacing:.02em}
.powered-by-carfer strong{color:#fff;font-weight:850}.powered-by-carfer .build-note{display:block;margin-bottom:5px;color:#6f8aa9;font-size:9px}

.carfer-chatbot-toggle{
  position:fixed;
  left:22px;
  bottom:22px;
  z-index:9991;
  display:flex;
  align-items:center;
  gap:9px;
  border:0;
  border-radius:999px;
  padding:10px 14px 10px 10px;
  background:linear-gradient(135deg,#0a2c59,#1769e0 72%,#11a8c8);
  color:#fff;
  box-shadow:0 16px 36px rgba(7,45,104,.34);
  cursor:pointer;
  font-weight:900;
}
.chatbot-icon{
  width:34px;height:34px;border-radius:50%;
  display:grid;place-items:center;
  background:#fff;color:#0c55b7;
  font-size:11px;font-weight:950
}
.chatbot-label{font-size:12px}
.chatbot-dot{
  position:absolute;left:5px;top:5px;width:9px;height:9px;border-radius:50%;
  background:#34d17d;border:2px solid #fff;
  box-shadow:0 0 0 3px rgba(52,209,125,.18)
}
.carfer-chatbot-panel{
  position:fixed;
  left:22px;
  bottom:84px;
  z-index:9992;
  width:min(390px,calc(100vw - 28px));
  max-height:620px;
  display:none;
  flex-direction:column;
  overflow:hidden;
  background:#fff;
  border:1px solid #dce6f2;
  border-radius:22px;
  box-shadow:0 28px 80px rgba(5,34,75,.34);
}
.carfer-chatbot-panel.open{display:flex}
.chatbot-head{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:17px 18px;
  background:linear-gradient(135deg,#071e41,#0e55b8);
  color:#fff
}
.chatbot-head strong,.chatbot-head small{display:block}
.chatbot-head strong{font-size:14px}
.chatbot-head small{color:#bcd7f4;font-size:10px;margin-top:2px}
.chatbot-close{
  border:0;background:#ffffff12;color:#fff;width:34px;height:34px;border-radius:50%;
  font-size:22px;cursor:pointer
}
.chatbot-body{padding:16px;background:#f7faff;overflow:auto;min-height:250px;max-height:380px}
.chat-message{display:flex;gap:9px;margin-bottom:12px}
.chat-avatar{flex:0 0 30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#eaf2ff;color:#1769e0;font-size:9px;font-weight:950}
.chat-message>div{background:#fff;border:1px solid #e2eaf4;border-radius:14px 14px 14px 5px;padding:10px 12px;box-shadow:0 6px 16px #173b6d0a}
.chat-message.user{justify-content:flex-end}
.chat-message.user>div{background:#1769e0;color:#fff;border-color:#1769e0;border-radius:14px 14px 5px 14px}
.chat-message p{margin:0;font-size:12px;line-height:1.55}
.chat-message small{display:block;color:#8a9bb0;font-size:9px;margin-top:5px}
.chat-message.user small{color:#dce9fb}
.chat-quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}
.chat-quick-actions button{
  border:1px solid #d9e5f3;background:#fff;color:#2d527c;border-radius:10px;padding:9px 8px;
  font-size:10px;font-weight:800;cursor:pointer
}
.chat-quick-actions button:hover{border-color:#1769e0;color:#1769e0}
.chatbot-compose{display:flex;gap:8px;padding:12px;border-top:1px solid #e6edf5;background:#fff}
.chatbot-compose input{flex:1;border:1px solid #d8e2ee;border-radius:10px;padding:10px 11px;font-size:12px;outline:none}
.chatbot-compose input:focus{border-color:#1769e0;box-shadow:0 0 0 3px #1769e012}
.chatbot-compose button{border:0;background:#1769e0;color:#fff;border-radius:10px;padding:0 15px;font-size:11px;font-weight:900;cursor:pointer}
.chatbot-footer-note{padding:8px 12px;text-align:center;color:#8b9bae;font-size:9px;background:#fbfcfe;border-top:1px solid #eef2f7}

@media(max-width:620px){
  .carfer-chatbot-toggle{left:14px;bottom:14px;padding-right:11px}
  .chatbot-label{display:none}
  .carfer-chatbot-panel{left:14px;bottom:70px;width:calc(100vw - 28px);max-height:72vh}
  .chat-quick-actions{grid-template-columns:1fr}
}

/* ===== STYLE BLOCK 10 (extraido del master v86) ===== */
.footer-link-list{display:flex!important;flex-direction:column;gap:7px;margin:0!important}
.footer-link-list a{display:block;color:#c9d7e9;text-decoration:none;font-size:14px;line-height:1.25;transition:color .18s ease,transform .18s ease}
.footer-link-list a:hover{color:#6eb5ff;transform:translateX(3px)}
.hero-art-pro{padding:8px!important;background:linear-gradient(145deg,#0d2b5c,#0a4da3)!important;border:1px solid #ffffff24!important;border-radius:24px!important;overflow:hidden!important;box-shadow:0 24px 60px #020d1e55!important}
.hero-art-pro img{display:block;width:100%;height:100%;min-height:330px;object-fit:cover;object-position:center;border-radius:18px}
@media(max-width:900px){.hero-art-pro img{min-height:280px}}
@media(max-width:620px){.hero-art-pro img{min-height:220px}}

/* ===== STYLE BLOCK 11 (extraido del master v86) ===== */
.hero-value-strip{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-top:22px;
}
.hero-value-strip>div{
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.14);
  border-radius:14px;
  padding:14px;
  backdrop-filter:blur(8px);
}
.hero-value-strip strong{
  display:block;
  color:#fff;
  font-size:12px;
  margin-bottom:4px;
}
.hero-value-strip span{
  display:block;
  color:#c9dcf4;
  font-size:10px;
  line-height:1.5;
}
.hero-art-pro{position:relative}
.hero-art-badge{
  position:absolute;
  top:18px;
  left:18px;
  z-index:3;
  background:rgba(4,20,46,.72);
  border:1px solid rgba(255,255,255,.24);
  color:#fff;
  border-radius:999px;
  padding:7px 10px;
  font-size:9px;
  letter-spacing:.12em;
  font-weight:900;
  backdrop-filter:blur(10px);
}
.hero-art-caption{
  position:absolute;
  left:18px;
  right:18px;
  bottom:18px;
  z-index:3;
  background:rgba(4,20,46,.76);
  border:1px solid rgba(255,255,255,.18);
  color:#d8e9ff;
  border-radius:12px;
  padding:10px 12px;
  font-size:10px;
  line-height:1.4;
  text-align:center;
  backdrop-filter:blur(10px);
}
.portfolio-card,.product-detail,.unified-catalog-card,.login-panel{
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.product-detail:hover,.unified-catalog-card:hover{
  transform:translateY(-2px);
  box-shadow:0 24px 64px rgba(12,50,96,.14);
}
@media(max-width:900px){
  .hero-value-strip{grid-template-columns:1fr}
  .hero-art-caption{position:static;margin:10px 10px 0}
  .hero-art-badge{top:14px;left:14px}
}

/* ===== STYLE BLOCK 12 (extraido del master v86) ===== */
/* ===== CARFER MASTER V13 — premium cloud SaaS design ===== */


/* Top utility / language */
.language-bar{
  background:#ffffff!important;
  color:#57708d!important;
  border-bottom:1px solid #e9eef5!important;
}
.language-label{color:#8da0b4!important}
.language-switch{background:#f2f6fb!important;border-color:#dfe7f1!important}
.lang-btn{color:#60748d!important}
.lang-btn.active{background:#0f69e8!important;color:#fff!important;box-shadow:none!important}

/* White modern navigation */
.nav{
  position:sticky!important;
  top:0!important;
  z-index:1100!important;
  background:rgba(255,255,255,.94)!important;
  backdrop-filter:blur(16px)!important;
  border-bottom:1px solid #e7edf5!important;
  box-shadow:0 8px 30px rgba(17,48,86,.05)!important;
}
.nav .brand{color:#0b2342!important;font-size:23px!important;letter-spacing:-.02em}
.nav .brand span{color:#0f69e8!important}
.nav .links a{color:#34506f!important;font-weight:760!important}
.nav .links a:hover{color:#0f69e8!important}
.nav .btn.primary{background:#0f69e8!important;color:#fff!important}

/* Premium split hero */
.hero{
  position:relative!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 76% 15%, rgba(22,167,217,.16), transparent 28%),
    linear-gradient(105deg,#ffffff 0%,#f7fbff 44%,#0b2a58 44.2%,#071a36 100%)!important;
  padding:58px 0 34px!important;
}
.hero:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:linear-gradient(135deg,transparent 55%,rgba(15,105,232,.12) 100%)!important;
}
.hero .hero-grid{
  grid-template-columns:.92fr 1.08fr!important;
  gap:48px!important;
  align-items:center!important;
}
.hero .eyebrow{
  background:#eaf3ff!important;
  border:1px solid #cfe2fb!important;
  color:#0f69e8!important;
  font-size:11px!important;
  letter-spacing:.08em!important;
}
.hero h1{
  color:#0b2342!important;
  font-size:clamp(48px,5.25vw,76px)!important;
  line-height:.98!important;
  letter-spacing:-.045em!important;
  max-width:670px!important;
}
.hero h1 em{
  color:#0f69e8!important;
  font-style:normal!important;
}
.hero> .wrap > .hero-grid > div:first-child > p,
.hero .hero-grid > div:first-child > p{
  color:#506b89!important;
  font-size:16px!important;
  line-height:1.7!important;
  max-width:650px!important;
}
.hero .btn.ghost{
  color:#0b2342!important;
  border-color:#b7c9dd!important;
  background:#fff!important;
}
.hero-value-strip{
  grid-template-columns:repeat(3,1fr)!important;
  margin-top:24px!important;
}
.hero-value-strip>div{
  background:#fff!important;
  border:1px solid #dce8f6!important;
  box-shadow:0 10px 28px rgba(18,59,105,.07)!important;
}
.hero-value-strip strong{color:#0b2342!important}
.hero-value-strip span{color:#698098!important}

/* Hero image now looks like a premium integrated product visual */
.hero-art-pro{
  padding:0!important;
  min-height:455px!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:28px!important;
  background:#081d3f!important;
  box-shadow:0 34px 80px rgba(2,17,42,.32)!important;
  overflow:hidden!important;
}
.hero-art-pro img{
  width:100%!important;
  height:455px!important;
  min-height:455px!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:28px!important;
}
.hero-art-badge{
  top:20px!important;left:20px!important;
  background:rgba(7,26,54,.86)!important;
}
.hero-art-caption{
  left:20px!important;right:20px!important;bottom:20px!important;
  background:rgba(7,26,54,.86)!important;
}

/* Floating trust bar bridging hero and next section */
.hero .trust{
  position:relative!important;
  z-index:4!important;
  margin-top:34px!important;
  background:#fff!important;
  border:1px solid #dce6f2!important;
  border-radius:18px!important;
  padding:18px 20px!important;
  box-shadow:0 18px 45px rgba(10,43,86,.12)!important;
}
.hero .trust b{color:#0b2342!important}
.hero .trust span{color:#6c8199!important}

/* Section polish */
section{scroll-margin-top:104px}
.section-head h2,.platform h2,.unified-catalog-copy h2{letter-spacing:-.025em}
.card,.product-detail,.unified-catalog-card,.pricing-wrap,.login-panel{
  border-color:#dfe7f1!important;
}
.portfolio-modern{background:#fff!important}
.detail-hub{background:linear-gradient(180deg,#f7faff,#fff)!important}

/* Footer remains premium dark */
footer{background:linear-gradient(145deg,#06162d,#08264f)!important}

/* Responsive */
@media(max-width:980px){
  .nav .links{display:none!important}
  .hero{
    background:linear-gradient(180deg,#fff 0%,#f6fbff 52%,#071a36 52.2%,#071a36 100%)!important;
  }
  .hero .hero-grid{grid-template-columns:1fr!important}
  .hero-art-pro,.hero-art-pro img{height:auto!important;min-height:330px!important}
  .hero-value-strip{grid-template-columns:1fr!important}
}
@media(max-width:620px){
  .hero{padding-top:38px!important}
  .hero h1{font-size:46px!important}
  .hero-art-pro,.hero-art-pro img{min-height:250px!important}
  .hero-art-caption{font-size:9px!important}
}

/* ===== STYLE BLOCK 13 (extraido del master v86) ===== */
/* ===== V14 HERO FIT: complete first-screen message ===== */
@media(min-width:981px){
  .language-bar-inner{min-height:30px!important}
  .language-bar{height:30px!important}
  .nav .wrap{min-height:74px!important}
  .nav{height:74px!important}

  .hero{
    min-height:calc(100vh - 104px)!important;
    padding:28px 0 18px!important;
    display:flex!important;
    align-items:center!important;
    box-sizing:border-box!important;
  }
  .hero>.wrap{
    width:min(1180px,calc(100% - 42px))!important;
  }
  .hero .hero-grid{
    grid-template-columns:.86fr 1.14fr!important;
    gap:34px!important;
    align-items:center!important;
  }
  .hero .eyebrow{
    margin-bottom:14px!important;
    padding:7px 11px!important;
  }
  .hero h1{
    font-size:clamp(48px,4.25vw,66px)!important;
    line-height:.94!important;
    margin:0 0 14px!important;
    max-width:600px!important;
  }
  .hero .hero-grid>div:first-child>p{
    font-size:14px!important;
    line-height:1.52!important;
    margin:0 0 16px!important;
    max-width:590px!important;
  }
  .hero-actions{
    margin-top:12px!important;
    gap:10px!important;
  }
  .hero-actions .btn{
    padding:12px 18px!important;
    font-size:13px!important;
  }
  .hero-value-strip{
    grid-template-columns:repeat(3,1fr)!important;
    gap:10px!important;
    margin-top:16px!important;
  }
  .hero-value-strip>div{
    min-height:88px!important;
    padding:12px 13px!important;
    border-radius:12px!important;
  }
  .hero-value-strip strong{
    font-size:12px!important;
    margin-bottom:4px!important;
  }
  .hero-value-strip span{
    font-size:9.5px!important;
    line-height:1.45!important;
  }

  .hero-art-pro{
    min-height:390px!important;
    height:390px!important;
    border-radius:24px!important;
  }
  .hero-art-pro img{
    height:390px!important;
    min-height:390px!important;
    object-fit:cover!important;
    object-position:center!important;
    border-radius:24px!important;
  }
  .hero-art-badge{
    top:14px!important;
    left:14px!important;
    font-size:8px!important;
    padding:6px 9px!important;
  }
  .hero-art-caption{
    left:14px!important;
    right:14px!important;
    bottom:14px!important;
    padding:8px 10px!important;
    font-size:8.5px!important;
  }

  /* The trust bar is intentionally hidden on the first desktop viewport:
     the three key value cards already communicate the message more clearly. */
  .hero .trust{display:none!important}
}

/* Keep the three value cards readable on laptops with shorter screens */
@media(min-width:981px) and (max-height:760px){
  .hero{padding:20px 0 14px!important}
  .hero h1{font-size:clamp(44px,3.8vw,58px)!important}
  .hero .hero-grid>div:first-child>p{font-size:13px!important;line-height:1.45!important}
  .hero-art-pro,.hero-art-pro img{height:350px!important;min-height:350px!important}
  .hero-value-strip>div{min-height:78px!important;padding:10px 11px!important}
  .hero-value-strip span{font-size:9px!important}
}

/* ===== STYLE BLOCK 14 (extraido del master v86) ===== */
/* ===== V15: full hero visible in first desktop viewport ===== */
@media(min-width:981px){
  .language-bar{
    height:26px!important;
    min-height:26px!important;
  }
  .language-bar-inner{
    min-height:26px!important;
    height:26px!important;
  }

  .nav{
    height:64px!important;
  }
  .nav .wrap{
    min-height:64px!important;
    height:64px!important;
  }

  .hero{
    min-height:calc(100vh - 90px)!important;
    height:calc(100vh - 90px)!important;
    padding:18px 0 12px!important;
    align-items:center!important;
    box-sizing:border-box!important;
  }

  .hero>.wrap{
    width:min(1180px,calc(100% - 38px))!important;
    height:100%!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
  }

  .hero .hero-grid{
    grid-template-columns:.84fr 1.16fr!important;
    gap:30px!important;
    align-items:center!important;
    width:100%!important;
  }

  .hero .eyebrow{
    margin-bottom:10px!important;
    padding:6px 10px!important;
  }

  .hero h1{
    font-size:clamp(42px,3.85vw,58px)!important;
    line-height:.93!important;
    margin:0 0 10px!important;
    max-width:560px!important;
  }

  .hero .hero-grid>div:first-child>p{
    font-size:12.5px!important;
    line-height:1.45!important;
    margin:0 0 12px!important;
    max-width:560px!important;
  }

  .hero-actions{
    margin-top:9px!important;
    gap:9px!important;
  }

  .hero-actions .btn{
    padding:10px 16px!important;
    font-size:12px!important;
  }

  .hero-value-strip{
    grid-template-columns:repeat(3,1fr)!important;
    gap:8px!important;
    margin-top:12px!important;
  }

  .hero-value-strip>div{
    min-height:64px!important;
    padding:9px 10px!important;
    border-radius:11px!important;
  }

  .hero-value-strip strong{
    font-size:10.5px!important;
    margin-bottom:3px!important;
  }

  .hero-value-strip span{
    font-size:8.5px!important;
    line-height:1.35!important;
  }

  .hero-art-pro{
    height:330px!important;
    min-height:330px!important;
    border-radius:22px!important;
  }

  .hero-art-pro img{
    height:330px!important;
    min-height:330px!important;
    object-fit:cover!important;
    object-position:center!important;
    border-radius:22px!important;
  }

  .hero-art-badge{
    top:12px!important;
    left:12px!important;
    font-size:7.5px!important;
    padding:5px 8px!important;
  }

  .hero-art-caption{
    left:12px!important;
    right:12px!important;
    bottom:12px!important;
    padding:6px 8px!important;
    font-size:7.5px!important;
  }

  .hero .trust{display:none!important}
}

/* Shorter laptop screens */
@media(min-width:981px) and (max-height:720px){
  .language-bar{height:22px!important;min-height:22px!important}
  .language-bar-inner{height:22px!important;min-height:22px!important}
  .nav,.nav .wrap{height:58px!important;min-height:58px!important}
  .hero{
    min-height:calc(100vh - 80px)!important;
    height:calc(100vh - 80px)!important;
    padding:12px 0 8px!important;
  }
  .hero h1{font-size:clamp(38px,3.45vw,52px)!important}
  .hero .hero-grid>div:first-child>p{font-size:11.5px!important}
  .hero-art-pro,.hero-art-pro img{height:295px!important;min-height:295px!important}
  .hero-value-strip>div{min-height:58px!important;padding:8px 9px!important}
  .hero-value-strip span{font-size:8px!important}
}

/* Very short laptop screens */
@media(min-width:981px) and (max-height:650px){
  .hero h1{font-size:44px!important}
  .hero .hero-grid>div:first-child>p{font-size:10.8px!important;line-height:1.38!important}
  .hero-art-pro,.hero-art-pro img{height:265px!important;min-height:265px!important}
  .hero-value-strip{margin-top:8px!important}
  .hero-value-strip>div{min-height:52px!important;padding:7px 8px!important}
  .hero-value-strip strong{font-size:9.5px!important}
  .hero-value-strip span{font-size:7.5px!important}
}

/* ===== STYLE BLOCK 15 (extraido del master v86) ===== */
/* ===== V16 visual balance ===== */

/* Give the main message more room and make the three value cards genuinely readable. */
@media(min-width:981px){
  .hero>.wrap{
    width:min(1320px,calc(100% - 34px))!important;
    max-width:1320px!important;
  }
  .hero .hero-grid{
    grid-template-columns:.88fr 1.12fr!important;
    gap:24px!important;
  }

  .hero h1{
    font-size:clamp(44px,3.75vw,60px)!important;
    max-width:610px!important;
  }

  .hero .hero-grid>div:first-child>p{
    max-width:600px!important;
    font-size:13px!important;
  }

  /* Larger concept image and move it visually toward the left. */
  .hero-art-pro{
    height:360px!important;
    min-height:360px!important;
    margin-left:-34px!important;
    width:calc(100% + 34px)!important;
  }
  .hero-art-pro img{
    height:360px!important;
    min-height:360px!important;
  }

  /* Larger value cards / text. */
  .hero-value-strip{
    gap:10px!important;
    margin-top:14px!important;
  }
  .hero-value-strip>div{
    min-height:82px!important;
    padding:11px 12px!important;
  }
  .hero-value-strip strong{
    font-size:12px!important;
    line-height:1.25!important;
  }
  .hero-value-strip span{
    font-size:10px!important;
    line-height:1.42!important;
  }
}

/* Maintain complete first-view visibility on shorter laptops while improving legibility. */
@media(min-width:981px) and (max-height:760px){
  .hero-art-pro,.hero-art-pro img{
    height:325px!important;
    min-height:325px!important;
  }
  .hero-value-strip>div{
    min-height:72px!important;
    padding:9px 10px!important;
  }
  .hero-value-strip strong{font-size:11px!important}
  .hero-value-strip span{font-size:9px!important;line-height:1.35!important}
}
@media(min-width:981px) and (max-height:680px){
  .hero-art-pro,.hero-art-pro img{
    height:290px!important;
    min-height:290px!important;
  }
  .hero-value-strip>div{min-height:64px!important}
  .hero-value-strip span{font-size:8.5px!important}
}

/* Plans heading: one strong heading only. */
#planes .section-head{
  text-align:center!important;
  margin-bottom:28px!important;
}
#planes .plans-main-title{
  margin:0!important;
  color:#0b2342!important;
  font-size:clamp(30px,3vw,44px)!important;
  line-height:1.05!important;
  font-weight:900!important;
  letter-spacing:-.025em!important;
  text-transform:none!important;
}

/* Responsive hero: image remains prominent instead of shrinking excessively. */
@media(max-width:980px){
  .hero-art-pro{
    margin-left:0!important;
    width:100%!important;
    min-height:360px!important;
  }
  .hero-art-pro img{min-height:360px!important}
  .hero-value-strip strong{font-size:13px!important}
  .hero-value-strip span{font-size:11px!important}
}
@media(max-width:620px){
  .hero-art-pro,.hero-art-pro img{min-height:290px!important}
  #planes .plans-main-title{font-size:30px!important}
}

/* ===== STYLE BLOCK 16 (extraido del master v86) ===== */
/* ===== V17: left-aligned hero content + improved value-card readability ===== */
@media(min-width:981px){
  /* Use more of the available browser width and pull the message toward the left edge. */
  .hero>.wrap{
    width:calc(100% - 36px)!important;
    max-width:1500px!important;
    margin-left:18px!important;
    margin-right:18px!important;
  }

  .hero .hero-grid{
    grid-template-columns:minmax(590px,.94fr) minmax(650px,1.06fr)!important;
    gap:20px!important;
  }

  /* Left column begins close to the same visual axis as the floating AI Support control. */
  .hero .hero-grid>div:first-child{
    padding-left:4px!important;
  }

  .hero h1{
    max-width:680px!important;
  }

  .hero .hero-grid>div:first-child>p{
    max-width:680px!important;
  }

  /* Give the three business-value cards more horizontal room. */
  .hero-value-strip{
    width:100%!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:12px!important;
  }

  .hero-value-strip>div{
    min-width:0!important;
    min-height:92px!important;
    padding:13px 14px!important;
  }

  .hero-value-strip strong{
    font-size:13px!important;
    line-height:1.25!important;
  }

  .hero-value-strip span{
    font-size:10.5px!important;
    line-height:1.48!important;
  }

  /* Keep the cloud visual large while allowing the copy more usable width. */
  .hero-art-pro{
    margin-left:0!important;
    width:100%!important;
  }
}

/* Common 1366–1600 laptop/desktop widths */
@media(min-width:981px) and (max-width:1450px){
  .hero>.wrap{
    width:calc(100% - 24px)!important;
    margin-left:12px!important;
    margin-right:12px!important;
  }
  .hero .hero-grid{
    grid-template-columns:minmax(560px,.93fr) minmax(590px,1.07fr)!important;
    gap:16px!important;
  }
  .hero-value-strip>div{
    min-height:88px!important;
    padding:12px!important;
  }
  .hero-value-strip strong{font-size:12px!important}
  .hero-value-strip span{font-size:10px!important}
}

/* Preserve first-screen fit on shorter laptops. */
@media(min-width:981px) and (max-height:760px){
  .hero-value-strip>div{min-height:78px!important;padding:10px 11px!important}
  .hero-value-strip strong{font-size:11.5px!important}
  .hero-value-strip span{font-size:9.5px!important;line-height:1.4!important}
}

/* ===== STYLE BLOCK 17 (extraido del master v86) ===== */
/* ===== CARFER LOGIN MODAL ===== */
.carfer-login-modal{
  position:fixed;
  inset:0;
  z-index:10050;
  display:none;
  place-items:center;
  padding:24px;
}
.carfer-login-modal.open{display:grid}
.carfer-login-backdrop{
  position:absolute;
  inset:0;
  background:rgba(5,18,39,.52);
  backdrop-filter:blur(4px);
}
.carfer-login-dialog{
  position:relative;
  z-index:2;
  width:min(760px,calc(100vw - 40px));
  height:min(680px,calc(100vh - 70px));
  min-height:520px;
  background:#fff;
  border:1px solid rgba(255,255,255,.5);
  border-radius:22px;
  overflow:hidden;
  box-shadow:0 34px 100px rgba(2,18,45,.42);
  display:flex;
  flex-direction:column;
}
.carfer-login-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:16px 18px;
  border-bottom:1px solid #e6edf5;
  background:linear-gradient(180deg,#fff,#f8fbff);
}
.carfer-login-kicker{
  display:block;
  color:#0f69e8;
  font-size:9px;
  font-weight:900;
  letter-spacing:.12em;
  margin-bottom:2px;
}
.carfer-login-header h3{
  margin:0;
  color:#0b2342;
  font-size:21px;
  line-height:1.1;
}
.carfer-login-close{
  flex:0 0 auto;
  width:38px;
  height:38px;
  border:0;
  border-radius:50%;
  background:#edf3f9;
  color:#173b66;
  font-size:24px;
  line-height:1;
  cursor:pointer;
}
.carfer-login-close:hover{background:#dfeaf6}
.carfer-login-frame-wrap{
  flex:1;
  min-height:0;
  display:flex;
  flex-direction:column;
  background:#f3f7fb;
}
#carfer-login-frame{
  flex:1;
  width:100%;
  border:0;
  background:#fff;
}
.carfer-login-fallback{
  padding:9px 14px 11px;
  text-align:center;
  color:#71839a;
  background:#f8fbfe;
  border-top:1px solid #e6edf5;
  font-size:10px;
}
.carfer-login-fallback a{
  color:#0f69e8;
  font-weight:800;
}
body.login-modal-open{overflow:hidden}

@media(max-width:760px){
  .carfer-login-modal{padding:12px}
  .carfer-login-dialog{
    width:calc(100vw - 24px);
    height:calc(100vh - 30px);
    min-height:0;
    border-radius:16px;
  }
  .carfer-login-header{padding:13px 14px}
}

/* ===== STYLE BLOCK 18 (extraido del master v86) ===== */
/* ===== V21 — CARFER LLC official identity ===== */
.brand-logo{
  display:flex!important;
  align-items:center!important;
  width:auto!important;
  height:48px!important;
  overflow:visible!important;
}
.brand-logo img{
  display:block!important;
  height:45px!important;
  width:auto!important;
  max-width:245px!important;
  object-fit:contain!important;
}
.home-refresh-link{
  display:flex!important;
  align-items:center!important;
  flex:0 0 auto!important;
}
.footer-brand-logo{
  width:min(100%,300px);
  background:#fff;
  border-radius:14px;
  padding:10px 12px;
  margin-bottom:14px;
  box-shadow:0 10px 28px rgba(0,0,0,.16);
}
.footer-brand-logo img{
  display:block;
  width:100%;
  height:auto;
}
@media(max-width:980px){
  .brand-logo{height:42px!important}
  .brand-logo img{height:39px!important;max-width:205px!important}
}
@media(max-width:620px){
  .brand-logo{height:38px!important}
  .brand-logo img{height:35px!important;max-width:180px!important}
  .footer-brand-logo{max-width:255px}
}

/* ===== STYLE BLOCK 19 (extraido del master v86) ===== */
/* ===== V26 — RESTORED ELEGANCE =====
   Based on the cleaner V21 composition.
   Goal: crisp hero, complete first screen, premium white/blue balance.
*/
@media(min-width:981px){
  .language-bar{height:28px!important;min-height:28px!important}
  .language-bar-inner{height:28px!important;min-height:28px!important}
  .nav{height:66px!important}
  .nav .wrap{height:66px!important;min-height:66px!important}

  .hero{
    min-height:calc(100vh - 94px)!important;
    height:auto!important;
    padding:22px 0 18px!important;
    display:flex!important;
    align-items:center!important;
    background:
      radial-gradient(circle at 78% 18%,rgba(15,105,232,.10),transparent 30%),
      linear-gradient(105deg,#ffffff 0%,#f8fbff 45%,#0b2b5b 45.2%,#071a36 100%)!important;
  }
  .hero>.wrap{
    width:min(1320px,calc(100% - 30px))!important;
    max-width:1320px!important;
  }
  .hero .hero-grid{
    grid-template-columns:.84fr 1.16fr!important;
    gap:28px!important;
    align-items:center!important;
  }
  .hero h1{
    font-size:clamp(46px,4vw,62px)!important;
    line-height:.95!important;
    margin:0 0 12px!important;
    max-width:610px!important;
  }
  .hero .eyebrow{
    margin-bottom:11px!important;
  }
  .hero .hero-grid>div:first-child>p{
    font-size:13px!important;
    line-height:1.48!important;
    max-width:600px!important;
    margin-bottom:12px!important;
  }
  .hero-actions{
    margin:12px 0 0!important;
  }

  /* Crisp cloud artwork: no stretching, no JPEG blur, full composition visible */
  .hero-art-pro{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    padding:8px!important;
    border-radius:24px!important;
    background:#f7fbff!important;
    border:1px solid rgba(255,255,255,.22)!important;
    box-shadow:0 24px 60px rgba(1,18,44,.22)!important;
  }
  .hero-art-pro img{
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:400px!important;
    object-fit:contain!important;
    object-position:center!important;
    image-rendering:auto!important;
    border-radius:18px!important;
  }
  .hero-art-badge{
    top:14px!important;
    left:14px!important;
    font-size:7.5px!important;
  }
  .hero-art-caption{
    left:14px!important;
    right:14px!important;
    bottom:14px!important;
    font-size:7.5px!important;
    padding:6px 8px!important;
  }

  /* Keep the full bottom value row visible in the first viewport */
  .hero-value-strip{
    margin-top:12px!important;
    gap:9px!important;
  }
  .hero-value-strip>div{
    min-height:68px!important;
    padding:9px 10px!important;
  }
  .hero-value-strip strong{
    font-size:11px!important;
  }
  .hero-value-strip span{
    font-size:8.8px!important;
    line-height:1.38!important;
  }
  .hero .trust{display:none!important}
}

/* Short laptop screens: keep everything visible without truncating content. */
@media(min-width:981px) and (max-height:760px){
  .hero{padding:14px 0 10px!important}
  .hero h1{font-size:clamp(42px,3.6vw,54px)!important}
  .hero .hero-grid>div:first-child>p{font-size:12px!important;line-height:1.42!important}
  .hero-art-pro img{max-height:340px!important}
  .hero-value-strip>div{min-height:60px!important;padding:8px 9px!important}
  .hero-value-strip span{font-size:8.2px!important}
}

@media(max-width:980px){
  .hero{
    height:auto!important;
    min-height:0!important;
    padding:42px 0!important;
    background:linear-gradient(180deg,#fff 0%,#f8fbff 54%,#071a36 54.2%,#071a36 100%)!important;
  }
  .hero .hero-grid{grid-template-columns:1fr!important}
  .hero-art-pro img{max-height:none!important}
}

/* ===== STYLE BLOCK 20 (extraido del master v86) ===== */
/* ===== V27 — INTERACTIVE CARFER CLOUD ECOSYSTEM ===== */
@media(min-width:981px){
  .hero>.wrap{
    width:min(1380px,calc(100% - 24px))!important;
    max-width:1380px!important;
  }
  .hero .hero-grid{
    grid-template-columns:.76fr 1.24fr!important;
    gap:34px!important;
  }
  .hero-art-pro{
    margin-left:34px!important;
    width:calc(100% + 34px)!important;
    transform:translateX(14px)!important;
  }
  .hero-art-pro img{
    max-height:430px!important;
  }
}

/* Interactive layer overlays the existing crisp ecosystem art */
.hero-art-pro{position:relative!important}
.ecosystem-interactive-layer{
  position:absolute;
  inset:8px;
  border-radius:18px;
  pointer-events:none;
  z-index:5;
}
.eco-hotspot{
  position:absolute;
  border:0;
  padding:0;
  background:transparent;
  border-radius:16px;
  pointer-events:auto;
  cursor:pointer;
  outline:none;
}
.eco-hotspot:before{
  content:"";
  position:absolute;
  inset:-5px;
  border-radius:18px;
  border:1px solid transparent;
  background:radial-gradient(circle at center,rgba(53,153,255,.18),transparent 68%);
  opacity:0;
  transform:scale(.94);
  transition:opacity .22s ease,transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
.eco-hotspot:hover:before,
.eco-hotspot:focus-visible:before,
.eco-hotspot.active:before{
  opacity:1;
  transform:scale(1.03);
  border-color:rgba(75,166,255,.55);
  box-shadow:0 0 0 5px rgba(45,138,255,.08),0 14px 34px rgba(13,78,153,.16);
}
.eco-hotspot:after{
  content:"";
  position:absolute;
  width:9px;height:9px;
  border-radius:50%;
  background:#38a9ff;
  right:5px;top:5px;
  box-shadow:0 0 0 0 rgba(56,169,255,.55);
  opacity:0;
}
.eco-hotspot:hover:after,
.eco-hotspot.active:after{
  opacity:1;
  animation:ecoPulse 1.5s infinite;
}
@keyframes ecoPulse{
  0%{box-shadow:0 0 0 0 rgba(56,169,255,.48)}
  70%{box-shadow:0 0 0 11px rgba(56,169,255,0)}
  100%{box-shadow:0 0 0 0 rgba(56,169,255,0)}
}

/* Approximate hit areas matching labels in the embedded diagram */
.eco-backoffice{left:2.5%;top:5%;width:34%;height:22%}
.eco-pos{left:2.5%;top:29%;width:34%;height:18%}
.eco-invoice{left:2.5%;top:56%;width:34%;height:20%}
.eco-ecommerce{right:1.5%;top:5%;width:34%;height:22%}
.eco-retail{right:1.5%;top:29%;width:34%;height:18%}
.eco-restaurant{right:1.5%;top:56%;width:34%;height:20%}
.eco-ai{left:31%;bottom:1%;width:38%;height:22%}

/* Glassmorphism detail card */
.eco-detail-card{
  position:absolute;
  width:min(330px,43%);
  left:50%;
  top:50%;
  transform:translate(-50%,-50%) scale(.96);
  background:rgba(5,27,57,.92);
  color:#fff;
  border:1px solid rgba(141,199,255,.28);
  border-radius:18px;
  padding:16px 17px;
  box-shadow:0 24px 60px rgba(3,20,45,.34);
  backdrop-filter:blur(14px);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .18s ease,transform .18s ease,visibility .18s ease;
}
.eco-detail-card.show{
  opacity:1;
  visibility:visible;
  transform:translate(-50%,-50%) scale(1);
}
.eco-detail-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:7px;
}
.eco-detail-kicker{
  font-size:8px;
  letter-spacing:.12em;
  color:#73bdff;
  font-weight:900;
}
#eco-detail-title{
  font-size:17px;
  color:#fff;
}
#eco-detail-text{
  margin:0 0 10px!important;
  color:#d9eaff!important;
  font-size:10px!important;
  line-height:1.5!important;
}
.eco-detail-points{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:6px;
}
.eco-detail-points span{
  display:flex;
  align-items:center;
  gap:5px;
  font-size:8.5px;
  line-height:1.25;
  color:#eef7ff;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.08);
  padding:6px 7px;
  border-radius:8px;
}
.eco-detail-points span:before{
  content:"✓";
  color:#6bd1ff;
  font-weight:900;
}

/* Give the panel a subtle high-tech glow only on interaction */
.hero-art-pro.ecosystem-active{
  box-shadow:0 30px 76px rgba(8,66,145,.26)!important;
}
.hero-art-pro.ecosystem-active img{
  filter:saturate(1.08) contrast(1.03);
  transition:filter .25s ease;
}

/* Mobile / touch: interactive cards still work, but do not overwhelm layout */
@media(max-width:980px){
  .hero-art-pro{
    margin-left:0!important;
    width:100%!important;
    transform:none!important;
  }
  .ecosystem-interactive-layer{inset:8px}
  .eco-detail-card{
    width:70%;
    max-width:320px;
  }
}
@media(max-width:620px){
  .eco-detail-card{
    width:82%;
    padding:12px;
  }
  .eco-detail-points{grid-template-columns:1fr}
  #eco-detail-title{font-size:15px}
  #eco-detail-text{font-size:9px!important}
  .eco-detail-points span{font-size:8px}
}

/* ===== STYLE BLOCK 21 (extraido del master v86) ===== */
/* ===== V28 — LARGER INTERACTIVE ECOSYSTEM + OFFICIAL APROVIA ===== */

@media(min-width:981px){
  .hero>.wrap{
    width:min(1460px,calc(100% - 24px))!important;
    max-width:1460px!important;
  }

  .hero .hero-grid{
    grid-template-columns:.70fr 1.30fr!important;
    gap:38px!important;
  }

  .hero .hero-grid>div:first-child{
    padding-left:4px!important;
  }

  /* Bigger and slightly more to the right */
  .hero-art-pro{
    margin-left:48px!important;
    width:calc(100% + 54px)!important;
    transform:translateX(18px)!important;
    padding:10px!important;
  }

  .hero-art-pro img{
    max-height:470px!important;
    width:100%!important;
    object-fit:contain!important;
  }
}

/* Interactive detail modal: larger, lighter sky-blue, still premium */
.eco-detail-card{
  width:min(410px,48%)!important;
  background:linear-gradient(
    145deg,
    rgba(34,132,238,.96),
    rgba(64,165,246,.94)
  )!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.48)!important;
  border-radius:20px!important;
  padding:20px 22px!important;
  box-shadow:
    0 28px 70px rgba(18,89,175,.28),
    inset 0 1px 0 rgba(255,255,255,.25)!important;
  backdrop-filter:blur(18px)!important;
}

.eco-detail-top{
  margin-bottom:10px!important;
}

.eco-detail-kicker{
  color:#DFF1FF!important;
  font-size:9.5px!important;
  letter-spacing:.13em!important;
}

#eco-detail-title{
  color:#fff!important;
  font-size:21px!important;
  letter-spacing:-.01em!important;
}

#eco-detail-text{
  color:#F7FBFF!important;
  font-size:12px!important;
  line-height:1.58!important;
  margin-bottom:13px!important;
}

.eco-detail-points{
  gap:8px!important;
}

.eco-detail-points span{
  font-size:10px!important;
  line-height:1.3!important;
  color:#fff!important;
  background:rgba(255,255,255,.12)!important;
  border:1px solid rgba(255,255,255,.22)!important;
  padding:8px 9px!important;
  border-radius:9px!important;
}

.eco-detail-points span:before{
  color:#D6F4FF!important;
}

/* Make hotspot feedback feel richer but not noisy */
.eco-hotspot:hover:before,
.eco-hotspot:focus-visible:before,
.eco-hotspot.active:before{
  border-color:rgba(89,184,255,.82)!important;
  box-shadow:
    0 0 0 6px rgba(54,153,255,.08),
    0 0 28px rgba(36,143,255,.22),
    0 16px 36px rgba(13,78,153,.15)!important;
}

.hero-art-pro.ecosystem-active{
  box-shadow:
    0 30px 78px rgba(8,66,145,.24),
    0 0 0 1px rgba(82,170,255,.15)!important;
}

/* Official APROVIA mark */
.aprovia-official-logo{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:min(100%,280px)!important;
  min-height:72px!important;
  padding:6px 0 10px!important;
  background:transparent!important;
}
.aprovia-official-logo img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  object-fit:contain!important;
  object-position:left center!important;
}

/* Readability on smaller laptops */
@media(min-width:981px) and (max-width:1450px){
  .hero-art-pro{
    margin-left:30px!important;
    width:calc(100% + 36px)!important;
    transform:translateX(10px)!important;
  }
  .hero-art-pro img{
    max-height:430px!important;
  }
  .eco-detail-card{
    width:min(380px,50%)!important;
    padding:18px 20px!important;
  }
}

@media(max-width:980px){
  .hero-art-pro{
    margin-left:0!important;
    width:100%!important;
    transform:none!important;
  }
  .eco-detail-card{
    width:76%!important;
    max-width:390px!important;
  }
}

@media(max-width:620px){
  .eco-detail-card{
    width:86%!important;
    padding:15px 16px!important;
  }
  #eco-detail-title{font-size:18px!important}
  #eco-detail-text{font-size:10.5px!important}
  .eco-detail-points span{font-size:9px!important}
  .aprovia-official-logo{
    width:min(100%,230px)!important;
  }
}

/* ===== STYLE BLOCK 22 (extraido del master v86) ===== */
/* ===== V29 — CARFER AI PRICING + PLAN MATRIX UX ===== */
.product-matrix{font-size:14px!important;line-height:1.45!important}
.product-matrix th,.product-matrix td{padding:15px 16px!important}
.product-matrix td:first-child{font-size:14px!important;line-height:1.5!important}
.product-matrix td:not(:first-child){font-size:14px!important;font-weight:650!important}
.product-matrix td:not(:first-child):has(> :only-child){font-size:14px!important}
.product-matrix .matrix-section td{
  font-size:13px!important;
  padding:13px 16px!important;
  letter-spacing:.045em!important;
}
.product-matrix td:not(:first-child){vertical-align:middle!important}
.product-matrix td:not(:first-child){color:#294765}
.product-matrix td:not(:first-child):where(:not([colspan])){min-width:150px!important}
.product-matrix td{min-height:48px}
.product-matrix .price{font-size:25px!important}
.matrix-scroll{max-height:none!important;overflow-x:auto!important;overflow-y:visible!important}
.plan-panel{scroll-margin-top:92px!important}
#plans, .pricing{scroll-margin-top:0!important}
.ai-commercial-note{
  display:flex;align-items:flex-start;gap:14px;
  margin:18px 0 28px;padding:16px 18px;
  border:1px solid #cfe2fb;border-radius:14px;background:#f5faff;
  color:#345574;font-size:13px;line-height:1.55
}
.ai-commercial-note strong{color:#0f69e8;white-space:nowrap}
.ai-commercial-note span{display:block}
@media(max-width:760px){
  .product-matrix{font-size:13px!important}
  .product-matrix th,.product-matrix td{padding:13px 12px!important}
  .product-matrix td:first-child,.product-matrix td:not(:first-child){font-size:13px!important}
  .ai-commercial-note{flex-direction:column;gap:5px}
}

/* ===== STYLE BLOCK 23 (extraido del master v86) ===== */
/* ===== V30 — PLAN MATRIX FOCUS NAVIGATION ===== */

/* When a platform plan is selected, this block becomes the visual starting point. */
.plan-tabs{
  scroll-margin-top:96px!important;
  margin-bottom:12px!important;
}

/* Keep selected platform + matrix visually connected */
.plan-panel.active{
  margin-top:0!important;
}

/* Tighten the top spacing of the selected panel */
.plan-panel.active .product-plan-head{
  margin-top:0!important;
}

/* Matrix title and pricing should appear immediately after tabs */
.product-plan-head{
  padding-top:22px!important;
  padding-bottom:22px!important;
}

/* Slightly stronger selected tab to make current platform obvious */
.plan-tab.active{
  box-shadow:0 10px 24px rgba(23,105,224,.22)!important;
  transform:translateY(-1px);
}

/* Preserve readable matrix typography */
.product-matrix{
  font-size:14px!important;
}
.product-matrix th,
.product-matrix td{
  padding:15px 16px!important;
}
.product-matrix td:first-child{
  font-size:14px!important;
  line-height:1.5!important;
}
.product-matrix td:not(:first-child){
  font-size:14px!important;
  font-weight:650!important;
}

/* The tabs should sit right under the main sticky navigation after scroll */
@media(min-width:981px){
  .plan-tabs{
    position:sticky!important;
    top:66px!important;
    z-index:50!important;
    background:#f5f8fc!important;
    padding:10px 0!important;
  }
}

@media(max-width:980px){
  .plan-tabs{
    position:static!important;
  }
}

/* ===== STYLE BLOCK 24 (extraido del master v86) ===== */
/* ===== V31 — VISUAL PLAN MATRIX + CARFER AI ===== */

/* Overall plans section presentation */
.pricing{
  background:linear-gradient(180deg,#f7fbff 0%,#ffffff 100%)!important;
}
.pricing .section-head{
  margin-bottom:18px!important;
}
.pricing .section-head .kicker{
  font-size:12px!important;
  letter-spacing:.08em!important;
}
.pricing .section-head h2{
  font-size:clamp(34px,3vw,46px)!important;
  margin:6px 0 6px!important;
  color:#0b2342!important;
}
.pricing .section-head p{
  font-size:15px!important;
  color:#60748c!important;
  margin:0!important;
}

/* Platform selector like the approved visual */
.plan-tabs{
  gap:10px!important;
  margin:0 auto 12px!important;
}
.plan-tab{
  min-height:50px!important;
  border-radius:9px!important;
  border:1px solid #bdd0e8!important;
  background:#fff!important;
  color:#18385f!important;
  font-size:13px!important;
  font-weight:900!important;
  box-shadow:none!important;
}
.plan-tab:hover{
  border-color:#1769e0!important;
  color:#1769e0!important;
}
.plan-tab.active{
  background:#1769e0!important;
  border-color:#1769e0!important;
  color:#fff!important;
  box-shadow:0 8px 20px rgba(23,105,224,.18)!important;
}

/* Hide bulky repeated product header; matrix itself becomes the hero */
.product-plan-head{
  padding:18px 24px!important;
  background:#fff!important;
  border-radius:16px 16px 0 0!important;
}
.product-plan-head h3{
  font-size:27px!important;
  margin:3px 0 4px!important;
}
.product-plan-head p{
  font-size:14px!important;
}
.independent-note{
  font-size:12px!important;
}

/* Clean matrix frame */
.matrix-scroll{
  border:1px solid #dbe5f0!important;
  border-radius:0 0 16px 16px!important;
  overflow-x:auto!important;
  background:#fff!important;
  box-shadow:0 12px 32px rgba(15,55,100,.08)!important;
}
.product-matrix{
  border:0!important;
  border-radius:0!important;
  font-size:14px!important;
  min-width:900px!important;
}
.product-matrix th,
.product-matrix td{
  border-bottom:1px solid #dbe5f0!important;
  border-right:1px solid #e3eaf2!important;
}
.product-matrix th:last-child,
.product-matrix td:last-child{
  border-right:0!important;
}

/* Header row */
.product-matrix thead th{
  background:#fff!important;
  color:#0b2342!important;
  padding:15px 16px!important;
  font-size:14px!important;
  font-weight:900!important;
  text-align:center!important;
}
.product-matrix thead th:first-child{
  text-align:left!important;
  color:#1769e0!important;
  font-size:15px!important;
}
.product-matrix thead th.lite{
  background:#f3fbf3!important;
  color:#14823d!important;
}
.product-matrix thead th.std{
  background:#f3f8ff!important;
  color:#1769e0!important;
}
.product-matrix thead th.prem{
  background:#fbf4ff!important;
  color:#7b28c7!important;
}
.product-matrix thead .price{
  font-size:25px!important;
  line-height:1!important;
  margin-top:3px!important;
}
.product-matrix thead small{
  font-size:11px!important;
  opacity:1!important;
}

/* Column tinting like approved sample */
.product-matrix tbody tr:not(.matrix-section) td:nth-child(2){
  background:#f7fcf7!important;
}
.product-matrix tbody tr:not(.matrix-section) td:nth-child(3){
  background:#f7faff!important;
}
.product-matrix tbody tr:not(.matrix-section) td:nth-child(4){
  background:#fcf7ff!important;
}

/* Feature labels and values */
.product-matrix td:first-child{
  min-width:420px!important;
  color:#102d50!important;
  font-size:14px!important;
  font-weight:760!important;
  line-height:1.5!important;
}
.product-matrix td:not(:first-child){
  min-width:165px!important;
  text-align:center!important;
  font-size:14px!important;
  font-weight:750!important;
}
.product-matrix tbody tr:hover:not(.matrix-section) td{
  filter:brightness(.985);
}

/* Section separators, including CARFER AI */
.product-matrix .matrix-section td{
  background:#edf4fb!important;
  color:#143e6e!important;
  font-size:12.5px!important;
  letter-spacing:.05em!important;
  font-weight:950!important;
  padding:12px 16px!important;
  text-transform:uppercase!important;
}

/* Make checkmarks visually stronger without changing actual cell text */
.product-matrix td:not(:first-child){
  font-size:15px!important;
}
.product-matrix td:not(:first-child){
  vertical-align:middle!important;
}

/* Payment buttons compact and clean */
.plan-pay-btn{
  width:calc(100% - 20px)!important;
  margin:9px auto 1px!important;
  padding:8px 6px!important;
  border:1px solid #d7e2ef!important;
  box-shadow:none!important;
  background:#fff!important;
}

/* AI usage note */
.ai-commercial-note{
  margin:16px 0 30px!important;
  border:1px solid #cfe1f5!important;
  background:linear-gradient(90deg,#f3f8ff,#f8fbff)!important;
  border-radius:12px!important;
  padding:15px 17px!important;
}
.ai-commercial-note strong{
  color:#1769e0!important;
  font-size:13px!important;
}
.ai-commercial-note span{
  color:#4f6881!important;
  font-size:12px!important;
}

/* Optional reassurance note at bottom of each matrix */
.plan-panel.active .matrix-scroll:after{
  content:"All plans include regular updates, security, and technical support.";
  display:block;
  padding:12px 16px;
  text-align:center;
  color:#60748c;
  font-size:11px;
  background:#fbfdff;
}

/* Keep focus behavior consistent */
.plan-tabs{scroll-margin-top:96px!important}

@media(max-width:760px){
  .product-matrix{min-width:820px!important}
  .product-matrix td:first-child{min-width:350px!important}
  .product-matrix td:not(:first-child){min-width:145px!important}
  .plan-tab{font-size:12px!important}
}

/* ===== STYLE BLOCK 25 (extraido del master v86) ===== */
/* =========================================================
   V32 — APPROVED VISUAL PLAN MATRIX + CARFER AI
   ========================================================= */

/* Pricing header: clean and compact */
.pricing{background:linear-gradient(180deg,#fbfdff,#f5f9ff 58%,#fff)!important}
.pricing .section-head{margin:0 auto 18px!important}
.pricing .section-head .kicker{font-size:12px!important;color:#1769e0!important}
.pricing .section-head h2{font-size:clamp(34px,3vw,46px)!important;color:#0b2450!important;margin:5px 0 5px!important}
.pricing .section-head p{font-size:14px!important;line-height:1.5!important;color:#657890!important}

/* Platform tabs */
.plan-tabs{
  gap:10px!important;
  margin:0 auto 12px!important;
  padding:8px 0!important;
}
.plan-tab{
  min-height:52px!important;
  border:1px solid #a9c7ef!important;
  border-radius:8px!important;
  color:#183b69!important;
  background:#fff!important;
  font-size:13px!important;
  font-weight:900!important;
}
.plan-tab.active{
  background:linear-gradient(135deg,#0e6cff,#1769e0)!important;
  color:#fff!important;
  border-color:#1769e0!important;
  box-shadow:0 9px 22px rgba(23,105,224,.18)!important;
}

/* Product context header reduced, not competing with matrix */
.product-plan-head{
  padding:12px 18px!important;
  border-radius:14px 14px 0 0!important;
  background:#fff!important;
}
.product-plan-head h3{font-size:21px!important;margin:2px 0!important}
.product-plan-head p{font-size:12px!important}
.product-plan-head .independent-note{padding:8px 10px!important;font-size:11px!important}

/* Matrix */
.matrix-scroll{
  max-height:none!important;
  overflow-x:auto!important;
  overflow-y:visible!important;
  border:1px solid #d8e4f1!important;
  border-radius:0 0 14px 14px!important;
  background:#fff!important;
  box-shadow:0 15px 38px rgba(13,54,105,.08)!important;
}
.product-matrix{
  min-width:980px!important;
  font-size:13px!important;
  border:0!important;
}
.product-matrix th,.product-matrix td{
  padding:10px 13px!important;
  border-bottom:1px solid #dce6f1!important;
  border-right:1px solid #e2eaf3!important;
}
.product-matrix th:last-child,.product-matrix td:last-child{border-right:0!important}

/* Header cells */
.product-matrix thead th{
  background:#fff!important;
  color:#102d59!important;
  font-weight:900!important;
  text-align:center!important;
  vertical-align:middle!important;
}
.product-matrix thead th:first-child{
  text-align:left!important;
  color:#1165e5!important;
  font-size:15px!important;
}
.product-matrix thead th.lite{
  background:linear-gradient(180deg,#fff,#f3fbf4)!important;
  color:#118037!important;
}
.product-matrix thead th.std{
  background:linear-gradient(180deg,#fff,#f6f2ff)!important;
  color:#6331d5!important;
}
.product-matrix thead th.prem{
  background:linear-gradient(180deg,#fff,#fff5eb)!important;
  color:#ed6900!important;
}
.product-matrix thead .price{
  font-size:22px!important;
  line-height:1.05!important;
  margin-top:4px!important;
}
.product-matrix thead th small{
  display:block!important;
  font-size:10px!important;
  font-weight:700!important;
  color:#16355e!important;
  opacity:1!important;
  line-height:1.3!important;
}
.product-matrix thead th small:after{
  content:" • Billed monthly";
  font-weight:600;
}

/* Plan billing note in Spanish follows language by JS */
html[lang="es"] .product-matrix thead th small:after{content:" • Facturado mensualmente"}

/* Column tones */
.product-matrix tbody tr:not(.matrix-section) td:nth-child(2){background:#f7fcf7!important;color:#087b2e!important}
.product-matrix tbody tr:not(.matrix-section) td:nth-child(3){background:#faf8ff!important;color:#5527cb!important}
.product-matrix tbody tr:not(.matrix-section) td:nth-child(4){background:#fffaf5!important;color:#ed6500!important}

/* Feature column */
.product-matrix td:first-child{
  min-width:455px!important;
  color:#102d59!important;
  font-size:13px!important;
  font-weight:770!important;
  line-height:1.4!important;
  position:relative!important;
}
.product-matrix td:not(:first-child){
  min-width:175px!important;
  text-align:center!important;
  font-size:13px!important;
  font-weight:800!important;
  vertical-align:middle!important;
}

/* Feature icon composition */
.matrix-feature-wrap{display:flex;align-items:center;gap:11px}
.matrix-feature-icon{
  flex:0 0 25px;width:25px;height:25px;
  display:grid;place-items:center;color:#0f69e8
}
.matrix-feature-icon svg{
  width:23px;height:23px;
  fill:none;stroke:currentColor;stroke-width:1.8;
  stroke-linecap:round;stroke-linejoin:round
}

/* Checks exactly like approved visual */
.matrix-check{
  display:inline-grid;
  place-items:center;
  width:26px;height:26px;
  border-radius:50%;
  background:#d9f4df;
  color:#0b8138;
  font-size:17px;
  font-weight:950;
  line-height:1;
}
.product-matrix td:nth-child(3) .matrix-check{background:#e5ddfb;color:#6631ce}
.product-matrix td:nth-child(4) .matrix-check{background:#ffe6cf;color:#e96300}
.matrix-dash{color:#8296ac;font-size:18px;font-weight:600}

/* AI group */
.product-matrix .matrix-section td{
  padding:10px 13px!important;
  background:linear-gradient(90deg,#f1eaff,#f5efff 55%,#fff2e3)!important;
  color:#5a27c4!important;
  font-size:12px!important;
  letter-spacing:.025em!important;
  font-weight:950!important;
  text-transform:none!important;
}
.product-matrix .matrix-section td:before{
  content:"✦";
  display:inline-block;
  color:#6b32d7;
  margin-right:8px;
  font-size:15px
}

/* Online payment CTA */
.plan-pay-btn{
  width:auto!important;
  min-width:105px!important;
  margin:7px auto 0!important;
  padding:7px 14px!important;
  border:0!important;
  color:#fff!important;
  border-radius:999px!important;
  box-shadow:none!important;
}
.product-matrix th.lite .plan-pay-btn{background:#17983c!important;color:#fff!important}
.product-matrix th.std .plan-pay-btn{background:#6a25d9!important;color:#fff!important}
.product-matrix th.prem .plan-pay-btn{background:#ed7200!important;color:#fff!important}

/* AI credit package row */
.ai-credit-packages{
  display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap
}
.credit-coin{
  width:28px;height:28px;border-radius:50%;
  display:grid;place-items:center;
  background:linear-gradient(145deg,#ffd660,#ffae1e);
  color:#b56b00;border:1px solid #f4a30c;
  box-shadow:inset 0 2px 4px #fff8;
  font-size:15px
}

/* Bottom benefit strip exactly as requested */
.plans-benefit-strip{
  display:grid;
  grid-template-columns:1.55fr repeat(4,1fr);
  border:1px solid #dae6f2;
  border-radius:12px;
  background:#fff;
  margin:12px 0 0;
  overflow:hidden;
  box-shadow:0 8px 22px rgba(14,54,100,.05)
}
.plan-benefit{
  min-height:84px;
  display:flex;
  align-items:flex-start;
  gap:11px;
  padding:14px 15px;
  border-right:1px solid #e1e9f2
}
.plan-benefit:last-child{border-right:0}
.plan-benefit strong{
  display:block;
  color:#102d59;
  font-size:11px;
  font-weight:900;
  margin-bottom:3px
}
.plan-benefit span{
  display:block;
  color:#61758d;
  font-size:9.5px;
  line-height:1.35
}
.benefit-icon{
  flex:0 0 35px;width:35px;height:35px;
  display:grid;place-items:center;
  color:#1769e0
}
.benefit-icon svg{
  width:32px;height:32px;
  fill:none;stroke:currentColor;stroke-width:1.65;
  stroke-linecap:round;stroke-linejoin:round
}
.info-icon{
  width:29px;height:29px;flex-basis:29px;
  background:#153e9c;color:#fff;border-radius:50%;
  font-size:16px;font-weight:950;margin-top:2px
}
.ai-credit-policy{background:#f9fbff}

/* Bottom legal/support note */
.plans-bottom-note{
  display:flex;align-items:center;justify-content:center;gap:42px;
  padding:10px 8px 0;
  color:#445f7d;font-size:10px;text-align:center
}

/* Hide old pseudo footer note added by V31 */
.plan-panel.active .matrix-scroll:after{display:none!important}

/* Correct billing text for per-user pricing */
.plan-user-billing-note{
  display:block;color:#456078;font-size:9.5px;font-weight:650;margin-top:2px
}

@media(max-width:1100px){
  .plans-benefit-strip{grid-template-columns:1fr 1fr}
  .plan-benefit{border-bottom:1px solid #e1e9f2}
  .ai-credit-policy{grid-column:1/-1}
}
@media(max-width:760px){
  .product-matrix{min-width:860px!important}
  .plans-benefit-strip{grid-template-columns:1fr}
  .ai-credit-policy{grid-column:auto}
  .plan-benefit{border-right:0}
  .plans-bottom-note{flex-direction:column;gap:4px}
}

/* ===== STYLE BLOCK 26 (extraido del master v86) ===== */
/* =========================================================
   V33 — INTERACTIVE PLAN DETAILS
   ========================================================= */

/* Feature-row info control */
.matrix-info-btn{
  margin-left:auto;
  flex:0 0 20px;
  width:20px;height:20px;
  display:inline-grid;place-items:center;
  border-radius:50%;
  border:1px solid #8db7f6;
  background:#fff;
  color:#1769e0;
  font-size:11px;
  font-weight:950;
  cursor:pointer;
  transition:.18s ease;
}
.matrix-info-btn:hover,
.matrix-info-btn:focus-visible,
.matrix-info-btn.active{
  color:#fff;
  background:#1769e0;
  border-color:#1769e0;
  box-shadow:0 0 0 5px rgba(23,105,224,.10),0 8px 18px rgba(23,105,224,.16);
  transform:translateY(-1px);
}
.matrix-feature-wrap{position:relative}
.matrix-feature-copy{flex:1;min-width:0}

/* Floating tooltip for feature rows */
.matrix-feature-tooltip{
  position:fixed;
  z-index:12000;
  width:min(320px,calc(100vw - 28px));
  display:none;
  padding:13px 14px;
  border-radius:14px;
  background:linear-gradient(145deg,#eef7ff,#ffffff);
  color:#17395f;
  border:1px solid #b9d5f8;
  box-shadow:0 18px 50px rgba(11,65,130,.18);
  font-size:11px;
  line-height:1.5;
  pointer-events:none;
}
.matrix-feature-tooltip.show{display:block}
.matrix-feature-tooltip strong{
  display:block;
  color:#0f69e8;
  font-size:12px;
  margin-bottom:4px;
}
.matrix-feature-tooltip:after{
  content:"";
  position:absolute;
  width:10px;height:10px;
  background:#f5faff;
  border-left:1px solid #b9d5f8;
  border-top:1px solid #b9d5f8;
  transform:rotate(45deg);
  left:18px;bottom:-6px;
}

/* Benefit tiles become interactive */
.plan-benefit{
  position:relative;
  cursor:pointer;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease;
}
.plan-benefit:hover,
.plan-benefit:focus-within,
.plan-benefit.active{
  transform:translateY(-3px);
  background:#f7fbff;
  box-shadow:0 14px 30px rgba(12,64,135,.10);
}
.plan-benefit.active{
  border-color:#77aef4;
}
.plan-benefit:after{
  content:"";
  position:absolute;
  left:50%;bottom:-8px;
  width:14px;height:14px;
  background:#fff;
  border-right:1px solid #9fc0eb;
  border-bottom:1px solid #9fc0eb;
  transform:translateX(-50%) rotate(45deg);
  opacity:0;
  transition:.18s ease;
}
.plan-benefit.active:after{opacity:1}

/* Expandable detail panel */
.plan-benefit-detail{
  display:none;
  grid-template-columns:.9fr 1.6fr;
  gap:0;
  margin:12px 0 0;
  border:1px solid #bdd5f2;
  border-radius:18px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 20px 50px rgba(10,59,125,.12);
}
.plan-benefit-detail.show{display:grid}

.plan-benefit-visual{
  min-height:260px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:28px;
  background:
    radial-gradient(circle at 50% 40%,rgba(83,170,255,.28),transparent 38%),
    linear-gradient(145deg,#edf7ff,#dbeeff);
  color:#1769e0;
}
.plan-benefit-visual svg{
  width:min(220px,80%);
  height:auto;
  filter:drop-shadow(0 18px 30px rgba(15,105,232,.16));
}
.plan-benefit-content{
  position:relative;
  padding:30px 34px 28px;
}
.plan-benefit-close{
  position:absolute;
  right:16px;top:14px;
  width:34px;height:34px;
  border:0;border-radius:50%;
  background:#f1f6fc;color:#6e86a2;
  font-size:22px;cursor:pointer;
}
.plan-benefit-content .detail-kicker{
  display:inline-block;
  color:#0f69e8;
  font-size:10px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  margin-bottom:7px;
}
.plan-benefit-content h3{
  margin:0 44px 8px 0;
  color:#0d2b58;
  font-size:28px;
  line-height:1.1;
}
.plan-benefit-content>p{
  margin:0 0 18px;
  color:#58708b;
  font-size:13px;
  line-height:1.65;
}
.plan-benefit-detail-list{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px 18px;
}
.plan-benefit-detail-list span{
  position:relative;
  padding-left:20px;
  color:#24486f;
  font-size:11px;
  line-height:1.45;
}
.plan-benefit-detail-list span:before{
  content:"✓";
  position:absolute;left:0;top:0;
  width:15px;height:15px;
  border-radius:50%;
  display:grid;place-items:center;
  background:#1aa34a;
  color:#fff;font-size:9px;font-weight:900;
}
.plan-benefit-learn{
  display:inline-flex;
  margin-top:18px;
  color:#0f69e8;
  font-size:11px;
  font-weight:900;
}

/* Accent variants */
.plan-benefit-detail[data-detail="ai"] .plan-benefit-visual{
  background:
    radial-gradient(circle at 45% 38%,rgba(103,124,255,.32),transparent 36%),
    linear-gradient(145deg,#eef2ff,#e3ebff);
  color:#3c56dc;
}
.plan-benefit-detail[data-detail="security"] .plan-benefit-visual{
  background:linear-gradient(145deg,#edf7ff,#dcecff);
}
.plan-benefit-detail[data-detail="updates"] .plan-benefit-visual{
  background:linear-gradient(145deg,#eefaff,#dcf2ff);
}
.plan-benefit-detail[data-detail="support"] .plan-benefit-visual{
  background:linear-gradient(145deg,#f4f7ff,#e7edff);
}
.plan-benefit-detail[data-detail="scale"] .plan-benefit-visual{
  background:linear-gradient(145deg,#f2fbff,#e3f5ff);
}

@media(max-width:900px){
  .plan-benefit-detail{grid-template-columns:1fr}
  .plan-benefit-visual{min-height:200px}
  .plan-benefit-detail-list{grid-template-columns:1fr}
}

/* ===== STYLE BLOCK 27 (extraido del master v86) ===== */
/* V34 DRAFT — Expanded About CARFER content */
.about-carfer-v34{padding:96px 0!important;background:linear-gradient(180deg,#071a36 0%,#082955 48%,#071a36 100%)!important}
.about-carfer-v34 .about-main-head{max-width:950px!important}
.about-carfer-v34 .about-main-head h2{font-size:clamp(38px,4vw,58px)!important;color:#fff!important}
.about-story-grid,.mv-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:38px}
.about-story-card,.mv-card,.development-team-block,.expertise-card{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.07);border-radius:22px;box-shadow:0 18px 45px rgba(0,0,0,.12)}
.about-story-card{padding:30px}.about-story-primary{background:linear-gradient(145deg,rgba(23,105,224,.22),rgba(255,255,255,.06))}.about-story-secondary{background:linear-gradient(145deg,rgba(17,184,197,.13),rgba(255,255,255,.05))}
.about-label{display:inline-block;color:#76c5ff;font-size:10px;font-weight:950;letter-spacing:.12em;margin-bottom:9px}
.about-story-card h3,.mv-card h3,.development-copy h3{color:#fff;font-size:25px;line-height:1.15;margin:0 0 14px}.about-story-card p,.mv-card p,.development-copy p{color:#ccdaec;font-size:13px;line-height:1.7}
.about-principle{margin:20px 0;padding:15px 17px;border-left:3px solid #55a6ff;background:rgba(255,255,255,.06);border-radius:0 12px 12px 0}.about-principle strong{color:#fff;font-size:15px}
.mv-card{padding:30px;position:relative}.mv-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:#1769e0;color:#fff;font-weight:950;margin-bottom:18px}.mv-card:nth-child(2) .mv-icon{background:#15a7bf}.mv-quote{display:block;margin-top:18px;color:#fff;font-size:14px;line-height:1.55}
.development-team-block{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;padding:32px;margin-top:22px}.development-skills{display:flex;flex-wrap:wrap;gap:9px;align-content:flex-start}.development-skills span{padding:9px 11px;border-radius:999px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14);color:#e9f3ff;font-size:10px;font-weight:800}
.expertise-block{margin-top:66px}.expertise-head{margin-bottom:28px!important}.expertise-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.expertise-card{padding:20px;min-height:205px}.expertise-card-wide{grid-column:span 2}.expertise-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#eaf3ff;color:#1769e0;font-size:11px;font-weight:950;margin-bottom:15px}.expertise-card h3{color:#fff;font-size:16px;line-height:1.2;margin:0 0 9px}.expertise-card p{color:#cbd9ea;font-size:11px;line-height:1.6;margin:0}.about-signature{margin-top:40px;padding-top:26px;border-top:1px solid rgba(255,255,255,.14);display:flex;align-items:center;justify-content:space-between;gap:20px}.about-signature span{color:#75b9ff;font-size:12px;font-weight:950;letter-spacing:.12em}.about-signature strong{color:#fff;font-size:22px;letter-spacing:-.02em}
@media(max-width:980px){.about-story-grid,.mv-grid,.development-team-block{grid-template-columns:1fr}.expertise-grid{grid-template-columns:1fr 1fr}.expertise-card-wide{grid-column:auto}.about-signature{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.expertise-grid{grid-template-columns:1fr}.about-carfer-v34{padding:70px 0!important}.about-story-card,.mv-card,.development-team-block{padding:22px}.about-signature strong{font-size:18px}}

/* ===== STYLE BLOCK 28 (extraido del master v86) ===== */
/* ===== V35 — OFFICIAL PLATFORM MEDIA ===== */
.official-media-gallery{width:100%;position:relative}
.official-media-stage{position:relative;min-height:360px;border-radius:22px;overflow:hidden;background:#fff;border:1px solid #dce7f3;box-shadow:0 20px 48px rgba(12,53,100,.12);display:grid;place-items:center}
.official-media-img{display:none;width:100%;height:100%;max-height:520px;object-fit:contain;background:#fff;animation:mediaFade .3s ease}
.official-media-img.active{display:block}
@keyframes mediaFade{from{opacity:.35;transform:scale(.992)}to{opacity:1;transform:scale(1)}}
.official-media-badge{position:absolute;top:14px;left:14px;padding:7px 10px;border-radius:999px;background:rgba(7,26,54,.84);color:#fff;font-size:8px;font-weight:900;letter-spacing:.1em;backdrop-filter:blur(8px);box-shadow:0 8px 20px rgba(0,0,0,.12)}
.official-media-controls{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:12px}
.media-prev,.media-next{width:36px;height:36px;border-radius:50%;border:1px solid #cbd9e8;background:#fff;color:#1769e0;font-size:22px;cursor:pointer;transition:.18s}
.media-prev:hover,.media-next:hover{background:#1769e0;color:#fff;border-color:#1769e0;transform:translateY(-1px)}
.media-dots{display:flex;gap:7px}.media-dot{width:9px;height:9px;padding:0;border:0;border-radius:50%;background:#c9d7e7;cursor:pointer}.media-dot.active{background:#1769e0;box-shadow:0 0 0 4px rgba(23,105,224,.10)}
.official-media-caption{text-align:center;margin-top:8px}.official-media-caption strong{display:block;color:#0b2b58;font-size:12px}.official-media-caption span{display:block;color:#71859a;font-size:9.5px;margin-top:2px}
.aprovia-visual{padding:0!important;background:#fff!important}.aprovia-real-visual{width:100%;height:100%;min-height:320px;display:grid;place-items:center;background:#fff}.aprovia-real-visual img{display:block;width:100%;height:100%;max-height:440px;object-fit:contain}
#detalle-ai .official-media-stage{background:linear-gradient(145deg,#f7fbff,#edf5ff)}
#detalle-ai .official-media-img{max-height:500px}
@media(max-width:900px){.official-media-stage{min-height:280px}.official-media-img{max-height:none}.aprovia-real-visual{min-height:260px}}
@media(max-width:620px){.official-media-stage{min-height:220px;border-radius:16px}.official-media-badge{font-size:7px;top:10px;left:10px}.official-media-caption span{font-size:9px}}

/* ===== STYLE BLOCK 29 (extraido del master v86) ===== */
/* ==========================================================
   CARFER MASTER V36 — ABOUT US + APPROVED VISUAL GALLERY
   ========================================================== */

#carfer-llc{
  scroll-margin-top:96px!important;
}

.about-carfer-v36{
  background:
    radial-gradient(circle at 88% 8%,rgba(23,105,224,.08),transparent 26%),
    linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;
  padding-top:96px!important;
  padding-bottom:96px!important;
  border-top:1px solid #e9eef5;
  border-bottom:1px solid #e9eef5;
}

.about-carfer-v36 .about-main-head{
  max-width:900px!important;
  margin-bottom:44px!important;
}

.about-carfer-v36 .about-main-head h2{
  font-size:clamp(38px,4vw,56px)!important;
  line-height:1.02!important;
  letter-spacing:-.035em!important;
  color:#071a36!important;
}

.about-carfer-v36 .about-main-head p{
  font-size:16px!important;
  line-height:1.72!important;
  color:#51677f!important;
}

.about-carfer-v36 .about-story-card,
.about-carfer-v36 .mission-card,
.about-carfer-v36 .vision-card,
.about-carfer-v36 .development-card,
.about-carfer-v36 .expertise-card{
  box-shadow:none!important;
  border:1px solid #e1e8f0!important;
}

.about-carfer-v36 .about-story-card:hover,
.about-carfer-v36 .expertise-card:hover{
  transform:translateY(-2px);
  border-color:#bfd3ea!important;
  box-shadow:0 16px 36px rgba(15,60,111,.07)!important;
}

/* Visual gallery */
.visual-showcase-v36{
  background:#fff;
  padding:96px 0!important;
}

.visual-showcase-v36 .section-head{
  max-width:820px!important;
  margin-bottom:34px!important;
}

.visual-showcase-v36 .section-head h2{
  font-size:clamp(36px,3.5vw,50px)!important;
  color:#071a36!important;
}

.showcase-frame-v36{
  overflow:hidden;
  border-radius:24px;
  border:1px solid #dce6f1;
  background:#fff;
  box-shadow:0 24px 60px rgba(8,48,99,.10);
}

.showcase-frame-v36 img{
  display:block;
  width:100%;
  height:auto;
}

.showcase-caption-v36{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin-top:18px;
}

.showcase-caption-v36>div{
  padding:18px 20px;
  border:1px solid #e2e9f1;
  border-radius:14px;
  background:#fbfdff;
}

.showcase-caption-v36 strong{
  display:block;
  color:#0d2d55;
  font-size:12px;
  margin-bottom:4px;
}

.showcase-caption-v36 span{
  display:block;
  color:#60758d;
  font-size:10.5px;
  line-height:1.5;
}

/* Make About Us item visible in the top menu without clutter */
.nav .links a[href="#carfer-llc"]{
  color:#1769e0!important;
}

@media(max-width:980px){
  .about-carfer-v36,
  .visual-showcase-v36{
    padding:70px 0!important;
  }
  .showcase-caption-v36{
    grid-template-columns:1fr!important;
  }
}

@media(max-width:620px){
  .about-carfer-v36 .about-main-head h2{
    font-size:36px!important;
  }
  .showcase-frame-v36{
    border-radius:16px;
  }
}

/* ===== STYLE BLOCK 30 (extraido del master v86) ===== */
/* =========================================================
   V37 — ABOUT AT END + READABILITY + SHARP MEDIA + PLAN COPY
   ========================================================= */

/* ABOUT lives after Contact and starts high/compact */
#carfer-llc{scroll-margin-top:74px!important}
.about-carfer-v36{
  background:#ffffff!important;
  padding:34px 0 38px!important;
  color:#102d50!important;
}
.about-carfer-v36 .about-main-head{
  max-width:980px!important;
  margin:0 auto 18px!important;
}
.about-carfer-v36 .about-main-head .kicker{
  color:#1769e0!important;
  font-size:10px!important;
  letter-spacing:.12em!important;
}
.about-carfer-v36 .about-main-head h2{
  color:#071a36!important;
  font-size:clamp(34px,3.4vw,48px)!important;
  line-height:1!important;
  margin:8px 0 10px!important;
}
.about-carfer-v36 .about-main-head p{
  color:#415b75!important;
  font-size:13.5px!important;
  line-height:1.55!important;
  margin:0 auto!important;
  max-width:930px!important;
}

/* Two top About cards must be immediately visible and readable */
.about-carfer-v36 .about-story-grid{
  gap:14px!important;
  margin-top:14px!important;
}
.about-carfer-v36 .about-story-card{
  min-height:0!important;
  padding:20px 22px!important;
  border:1px solid #dce7f3!important;
  background:linear-gradient(145deg,#f7fbff,#eef6ff)!important;
  color:#123252!important;
  border-radius:18px!important;
}
.about-carfer-v36 .about-story-card:nth-child(2){
  background:linear-gradient(145deg,#f4fbfc,#eaf8fa)!important;
}
.about-carfer-v36 .about-label{
  color:#1769e0!important;
  font-size:9px!important;
  font-weight:950!important;
}
.about-carfer-v36 .about-story-card h3{
  color:#0b2b52!important;
  font-size:20px!important;
  line-height:1.15!important;
  margin:7px 0 10px!important;
}
.about-carfer-v36 .about-story-card p{
  color:#48637e!important;
  font-size:11px!important;
  line-height:1.52!important;
  margin:0 0 9px!important;
}
.about-carfer-v36 .about-principle{
  color:#0f69e8!important;
  border-left:3px solid #0f69e8!important;
  font-size:11px!important;
  margin:10px 0!important;
  padding:8px 0 8px 12px!important;
}

/* Mission / Vision / Team: light surfaces with dark readable copy */
.about-carfer-v36 .mv-grid,
.about-carfer-v36 .development-team-block{
  margin-top:16px!important;
  gap:14px!important;
}
.about-carfer-v36 .mv-card,
.about-carfer-v36 .development-team-block{
  background:#f8fbff!important;
  border:1px solid #dce7f3!important;
  padding:20px 22px!important;
  border-radius:18px!important;
}
.about-carfer-v36 .mv-card h3,
.about-carfer-v36 .development-team-block h3{
  color:#0b2b52!important;
  font-size:20px!important;
}
.about-carfer-v36 .mv-card p,
.about-carfer-v36 .development-team-block p{
  color:#48637e!important;
  font-size:11px!important;
  line-height:1.52!important;
}
.about-carfer-v36 .mv-card .about-label,
.about-carfer-v36 .development-team-block .about-label{
  color:#1769e0!important;
}

/* Expertise — fix former white-on-white problem */
.about-carfer-v36 .expertise-section{
  margin-top:18px!important;
  padding:24px!important;
  border-radius:20px!important;
  background:linear-gradient(145deg,#071f43,#0b356d)!important;
}
.about-carfer-v36 .expertise-section .section-head{
  margin-bottom:16px!important;
}
.about-carfer-v36 .expertise-section .section-head .kicker{
  color:#6fb9ff!important;
}
.about-carfer-v36 .expertise-section .section-head h2{
  color:#ffffff!important;
  font-size:clamp(28px,2.6vw,38px)!important;
}
.about-carfer-v36 .expertise-grid{
  gap:10px!important;
}
.about-carfer-v36 .expertise-card{
  background:rgba(255,255,255,.075)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  padding:15px 16px!important;
  min-height:0!important;
}
.about-carfer-v36 .expertise-card h3{
  color:#ffffff!important;
  font-size:13px!important;
  margin:7px 0 5px!important;
}
.about-carfer-v36 .expertise-card p{
  color:#d6e5f5!important;
  font-size:9.7px!important;
  line-height:1.45!important;
}
.about-carfer-v36 .expertise-icon{
  background:rgba(255,255,255,.12)!important;
  color:#7fc1ff!important;
}
.about-carfer-v36 .about-signature{
  margin-top:16px!important;
  padding-top:14px!important;
}
.about-carfer-v36 .about-signature strong{color:#fff!important}
.about-carfer-v36 .about-signature span{color:#78bdff!important}

/* Official platform visuals: use the lossless PNG at a larger readable size */
.official-media-stage{
  min-height:470px!important;
  padding:10px!important;
  background:#ffffff!important;
  border:1px solid #cfddec!important;
}
.official-media-img{
  width:100%!important;
  height:auto!important;
  max-height:620px!important;
  object-fit:contain!important;
  object-position:center!important;
  image-rendering:auto!important;
  filter:contrast(1.015) saturate(1.02)!important;
}
.official-media-img.active{display:block!important}
#detalle-ai .official-media-img{max-height:620px!important}
.aprovia-real-visual img{max-height:540px!important}

/* Matrix: normal sentence/title casing, not shouty all-caps */
.product-matrix td:first-child,
.product-matrix th,
.product-matrix .matrix-section td{
  text-transform:none!important;
  letter-spacing:0!important;
}
.product-matrix td:first-child{
  font-weight:720!important;
  font-size:13.5px!important;
  line-height:1.42!important;
}
.product-matrix .matrix-section td{
  font-size:12.5px!important;
  font-weight:900!important;
}

/* Do not visually uppercase plan headings except actual plan names */
.product-plan-head h3,
.product-plan-head p,
.independent-note{
  text-transform:none!important;
}

@media(min-width:1100px) and (min-height:700px){
  /* first About viewport: heading + both story cards fit comfortably */
  .about-carfer-v36 .about-story-card{
    max-height:none!important;
  }
}
@media(max-width:980px){
  .about-carfer-v36{padding:30px 0!important}
  .official-media-stage{min-height:330px!important}
  .official-media-img{max-height:none!important}
}

/* ===== STYLE BLOCK 31 (extraido del master v86) ===== */
/* ==========================================================
   V38 — LANGUAGE CONSISTENCY + READABILITY + CUSTOMER DISPLAY
   ========================================================== */

/* HERO: lift content so value cards stay clear of floating controls */
@media(min-width:981px){
  .hero{padding-top:10px!important;padding-bottom:10px!important}
  .hero .hero-grid{align-items:center!important}
  .hero-value-strip{margin-top:8px!important}
}

/* AI Support: keep it available without covering One Catalog / value cards */
.ai-chat-launcher,
.ai-support-fab,
.chatbot-launcher,
[data-chat-launcher]{
  bottom:20px!important;
  left:auto!important;
  right:76px!important;
  z-index:500!important;
}

/* ABOUT — Our Expertise: high-contrast, clearly separated premium block */
.about-carfer-v36 .expertise-block{
  margin-top:18px!important;
  padding:24px!important;
  border-radius:22px!important;
  background:linear-gradient(145deg,#071f43 0%,#0b356d 100%)!important;
  box-shadow:0 20px 48px rgba(5,35,76,.13)!important;
}
.about-carfer-v36 .expertise-block .expertise-head{
  margin-bottom:16px!important;
}
.about-carfer-v36 .expertise-block .expertise-head .kicker{
  color:#77bdff!important;
  opacity:1!important;
}
.about-carfer-v36 .expertise-block .expertise-head h2{
  color:#ffffff!important;
  opacity:1!important;
  text-shadow:none!important;
  font-size:clamp(28px,2.6vw,38px)!important;
  margin:5px 0 8px!important;
}
.about-carfer-v36 .expertise-block .expertise-card{
  background:rgba(255,255,255,.085)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  opacity:1!important;
  padding:15px 16px!important;
}
.about-carfer-v36 .expertise-block .expertise-card h3{
  color:#ffffff!important;
  opacity:1!important;
  font-size:13px!important;
  font-weight:850!important;
}
.about-carfer-v36 .expertise-block .expertise-card p{
  color:#d9e8f7!important;
  opacity:1!important;
  font-size:10.2px!important;
  line-height:1.48!important;
}
.about-carfer-v36 .expertise-block .expertise-icon{
  color:#78c2ff!important;
  background:rgba(255,255,255,.11)!important;
  opacity:1!important;
}

/* VISUAL GALLERY: avoid washed-out images */
.visual-showcase-v36{
  background:#ffffff!important;
}
.showcase-frame-v36{
  background:#fff!important;
  opacity:1!important;
  filter:none!important;
}
.showcase-frame-v36 img{
  opacity:1!important;
  filter:contrast(1.03) saturate(1.03)!important;
}

/* Official platform screens remain crisp */
.official-media-stage{
  background:#fff!important;
  opacity:1!important;
  filter:none!important;
}
.official-media-img{
  opacity:1!important;
  filter:contrast(1.025) saturate(1.02)!important;
}

/* Customer Display premium device presentation */
.customer-display-showcase-v38{
  display:grid;
  grid-template-columns:.82fr 1.18fr;
  gap:34px;
  align-items:center;
  margin:24px 0 0;
  padding:30px;
  border:1px solid #dbe6f2;
  border-radius:24px;
  background:linear-gradient(135deg,#f9fcff 0%,#eef6ff 100%);
  box-shadow:0 18px 44px rgba(8,52,108,.08);
}
.customer-display-copy-v38 h3{
  margin:7px 0 10px;
  color:#071f43;
  font-size:clamp(24px,2.4vw,34px);
  line-height:1.08;
}
.customer-display-copy-v38 p{
  color:#516b85;
  font-size:12px;
  line-height:1.62;
  margin:0;
}
.customer-display-points-v38{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:15px;
}
.customer-display-points-v38 span{
  padding:7px 10px;
  border-radius:999px;
  background:#fff;
  border:1px solid #cfe0f3;
  color:#164a80;
  font-size:9px;
  font-weight:800;
}
.customer-display-device-v38{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}
.customer-display-screen-v38{
  width:min(100%,650px);
  padding:13px;
  border-radius:25px;
  background:#ffffff;
  border:1px solid #d0dce9;
  box-shadow:0 24px 50px rgba(14,61,110,.16);
}
.customer-display-screen-v38 img{
  display:block;
  width:100%;
  height:auto;
  border-radius:16px;
  object-fit:contain;
}
.customer-display-neck-v38{
  width:72px;height:34px;
  background:linear-gradient(90deg,#e6ebf1,#fff,#dce3eb);
}
.customer-display-base-v38{
  width:180px;height:30px;
  border-radius:50% 50% 12px 12px;
  display:grid;place-items:center;
  background:#fff;
  border:1px solid #d2dce7;
  color:#0a4c93;
  font-weight:900;
  font-size:10px;
  box-shadow:0 8px 15px rgba(20,65,110,.10);
}

/* Plans: sentence case and normal line-height */
.product-matrix td:first-child,
.product-matrix .matrix-section td,
.product-matrix th{
  text-transform:none!important;
}
.product-matrix td:first-child{
  line-height:1.42!important;
}

/* Footer */
.powered-v38{
  width:100%;
  text-align:center;
  padding:12px 0 3px;
  color:#8fa4bc;
  font-size:10px;
  font-weight:700;
}

@media(max-width:900px){
  .customer-display-showcase-v38{grid-template-columns:1fr;padding:20px}
  .ai-chat-launcher,
  .ai-support-fab,
  .chatbot-launcher,
  [data-chat-launcher]{right:18px!important}
}

/* ===== STYLE BLOCK 32 (extraido del master v86) ===== */
/* ==========================================================
   V39 — CLEAN LANGUAGE ENGINE + RESPONSIVE LAYOUT
   ========================================================== */
html{scroll-behavior:smooth}
body{overflow-x:hidden}

/* Language buttons */
.lang-btn{cursor:pointer}
.lang-btn.active{
  background:#1769e0!important;
  color:#fff!important;
  border-color:#1769e0!important;
}

/* Keep floating AI Support away from hero value cards */
.carfer-chatbot-toggle,
.ai-chat-launcher,
.ai-support-fab,
.chatbot-launcher,
[data-chat-launcher]{
  left:auto!important;
  right:22px!important;
  bottom:22px!important;
  z-index:900!important;
}

/* Customer display: clearly a physical white monitor with slight perspective */
.customer-display-device-v38{
  perspective:1200px!important;
}
.customer-display-screen-v38{
  transform:rotateY(-8deg) rotateX(1deg)!important;
  transform-origin:center center!important;
  border:10px solid #fff!important;
  outline:1px solid #ccd8e5!important;
  box-shadow:
    18px 22px 48px rgba(10,50,95,.18),
    inset 0 0 0 2px #edf2f7!important;
}
.customer-display-neck-v38{
  transform:translateX(10px)!important;
}
.customer-display-base-v38{
  transform:translateX(10px) perspective(300px) rotateX(5deg)!important;
}
.promo-media-note-v39{
  margin-top:16px;
  padding:13px 14px;
  border-radius:14px;
  border:1px solid #bdd8f7;
  background:linear-gradient(135deg,#eef7ff,#fff);
}
.promo-media-note-v39 strong{
  display:block;
  color:#0f69e8;
  font-size:11px;
  margin-bottom:4px;
}
.promo-media-note-v39 span{
  display:block;
  color:#45627f;
  font-size:10px;
  line-height:1.5;
}

/* Plan matrix remains readable on desktop and scrollable on smaller screens */
.matrix-scroll{
  width:100%!important;
  overflow-x:auto!important;
  -webkit-overflow-scrolling:touch!important;
}
.product-matrix{
  width:100%!important;
  min-width:980px!important;
}
.product-matrix td:first-child{
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:anywhere!important;
}

/* Footer */
footer.footer{position:relative}

/* ===== RESPONSIVE ===== */
@media(max-width:1180px){
  .wrap{width:min(94%,1120px)!important}
  .hero-grid,
  .platform-detail-grid,
  .customer-display-showcase-v38{
    gap:22px!important;
  }
  .customer-display-showcase-v38{
    grid-template-columns:1fr 1.15fr!important;
  }
}

@media(max-width:980px){
  .nav .links{
    gap:12px!important;
    flex-wrap:wrap!important;
    justify-content:flex-end!important;
  }
  .hero-grid,
  .platform-detail-grid,
  .about-story-grid,
  .mv-grid,
  .development-team-block,
  .customer-display-showcase-v38{
    grid-template-columns:1fr!important;
  }
  .hero-copy{max-width:none!important}
  .hero-art{margin-top:12px!important}
  .plan-tabs{
    overflow-x:auto!important;
    flex-wrap:nowrap!important;
    justify-content:flex-start!important;
    padding-bottom:8px!important;
  }
  .plan-tab{min-width:180px!important;flex:0 0 auto!important}
  .official-media-stage{min-height:300px!important}
  .customer-display-screen-v38{
    transform:rotateY(-4deg)!important;
  }
  .showcase-caption-v36,
  .expertise-grid,
  .footgrid{
    grid-template-columns:1fr 1fr!important;
  }
}

@media(max-width:720px){
  .wrap{width:94%!important}
  .language-bar{padding:4px 10px!important}
  .nav{padding:8px 0!important}
  .nav .inner{gap:10px!important}
  .nav .brand img{max-width:170px!important}
  .nav .links{
    display:flex!important;
    width:100%!important;
    order:3!important;
    overflow-x:auto!important;
    flex-wrap:nowrap!important;
    justify-content:flex-start!important;
    padding:6px 0 2px!important;
  }
  .nav .links a{white-space:nowrap!important;font-size:11px!important}

  .hero{padding:20px 0 28px!important}
  .hero h1{font-size:clamp(42px,12vw,64px)!important}
  .hero p{font-size:14px!important}
  .hero-value-strip{
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  .hero-value-strip>div{padding:13px!important}

  .section-head h2{font-size:32px!important}
  .platform-card-grid,
  .portfolio-grid,
  .showcase-caption-v36,
  .expertise-grid,
  .footgrid{
    grid-template-columns:1fr!important;
  }

  .official-media-stage{min-height:220px!important;padding:5px!important}
  .official-media-img{max-height:none!important}

  .customer-display-showcase-v38{padding:18px!important}
  .customer-display-screen-v38{
    transform:none!important;
    border-width:7px!important;
  }
  .customer-display-neck-v38,.customer-display-base-v38{transform:none!important}

  .carfer-chatbot-toggle,
  .ai-chat-launcher,
  .ai-support-fab,
  .chatbot-launcher,
  [data-chat-launcher]{
    right:12px!important;
    bottom:12px!important;
    transform:scale(.88)!important;
    transform-origin:bottom right!important;
  }
  .carfer-chatbot-panel{
    left:12px!important;
    right:12px!important;
    width:auto!important;
    max-width:none!important;
    bottom:78px!important;
  }

  .about-carfer-v36{padding:28px 0!important}
  .about-carfer-v36 .about-main-head h2{font-size:34px!important}
  .about-carfer-v36 .expertise-block{padding:18px!important}
}

@media(max-width:480px){
  .nav .brand img{max-width:145px!important}
  .lang-btn{font-size:10px!important;padding:7px 10px!important}
  .hero h1{font-size:40px!important}
  .btn{padding:11px 14px!important;font-size:11px!important}
  .plan-tab{min-width:155px!important}
  .product-matrix{min-width:820px!important}
  .customer-display-copy-v38 h3{font-size:26px!important}
}

/* ===== STYLE BLOCK 33 (extraido del master v86) ===== */
/* ==========================================================
   V40 — LANGUAGE FLAGS + CHAT POSITION + FOOTER 2026
   ========================================================== */

.language-switch{
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
}
.lang-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  min-height:34px!important;
  padding:6px 12px!important;
}
.lang-flag{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:17px;
  line-height:1;
  filter:saturate(1.05);
}
.lang-text{line-height:1;font-weight:900}
.lang-btn.active{
  background:#1769e0!important;
  color:#fff!important;
  border-color:#1769e0!important;
}

/* Separate AI Support from Scroll-To-Top */
#scroll-top-btn{
  position:fixed!important;
  right:18px!important;
  bottom:20px!important;
  z-index:910!important;
}
#carfer-chatbot-toggle{
  position:fixed!important;
  left:auto!important;
  right:82px!important;
  bottom:20px!important;
  z-index:920!important;
}

/* Chat panel positioned next to/above the AI Support control */
#carfer-chatbot-panel{
  position:fixed!important;
  left:auto!important;
  right:82px!important;
  bottom:82px!important;
  width:min(390px,calc(100vw - 110px))!important;
  max-height:min(620px,calc(100vh - 120px))!important;
  z-index:930!important;
}

/* Customer Display perspective remains clearly visible */
.customer-display-device-v38{perspective:1300px!important}
.customer-display-screen-v38{
  transform:rotateY(-9deg) rotateX(1deg)!important;
  transform-origin:center!important;
  border:11px solid #fff!important;
  outline:1px solid #cbd8e6!important;
  box-shadow:22px 24px 52px rgba(9,48,94,.19)!important;
}
.customer-display-neck-v38{transform:translateX(13px)!important}
.customer-display-base-v38{transform:translateX(13px) perspective(300px) rotateX(6deg)!important}

/* Footer */
.powered-v40{
  color:#a9bbcf!important;
  font-size:11px!important;
  padding-top:8px!important;
}
.powered-v40 strong{
  color:#fff!important;
  font-weight:900!important;
}

/* Responsive behavior */
@media(max-width:900px){
  #carfer-chatbot-panel{
    right:74px!important;
    width:min(370px,calc(100vw - 95px))!important;
  }
}
@media(max-width:720px){
  .language-switch{gap:3px!important}
  .lang-btn{padding:6px 9px!important;gap:4px!important}
  .lang-flag{font-size:15px!important}
  .lang-text{font-size:10px!important}

  #scroll-top-btn{
    right:10px!important;
    bottom:12px!important;
  }
  #carfer-chatbot-toggle{
    right:66px!important;
    bottom:12px!important;
    transform:scale(.88)!important;
    transform-origin:bottom right!important;
  }
  #carfer-chatbot-panel{
    left:10px!important;
    right:10px!important;
    bottom:78px!important;
    width:auto!important;
    max-height:70vh!important;
  }

  .customer-display-screen-v38{
    transform:none!important;
    border-width:7px!important;
  }
  .customer-display-neck-v38,
  .customer-display-base-v38{transform:none!important}
}

/* ===== STYLE BLOCK 34 (extraido del master v86) ===== */
/* V41 — crisp circular language icons */
.lang-flag{
  width:22px!important;
  height:22px!important;
  display:inline-flex!important;
  flex:0 0 22px!important;
  align-items:center!important;
  justify-content:center!important;
}
.lang-flag svg{
  display:block!important;
  width:22px!important;
  height:22px!important;
}
@media(max-width:720px){
  .lang-flag,.lang-flag svg{width:19px!important;height:19px!important}
}

/* ===== STYLE BLOCK 35 (extraido del master v86) ===== */
/* V42 language/layout stabilization — preserve approved desktop composition */
html[lang="en"] [data-lang-only="es"], html[lang="es"] [data-lang-only="en"]{display:none!important}
.hero h1 [data-i18n-en], .hero h1 [data-i18n-es]{display:inline}
@media(min-width:1000px){
  .hero{min-height:calc(100vh - 92px)}
  .hero .hero-inner{align-items:center}
}

/* ===== STYLE BLOCK 36 (extraido del master v86) ===== */
/* ==========================================================
   V43 — FINAL POLISH: LANGUAGE + ECOSYSTEM READABILITY + AI PORTFOLIO
   ========================================================== */

/* CARFER Cloud Ecosystem: use horizontal white space more effectively */
.ecosystem-art,
.ecosystem-visual,
.cloud-ecosystem-panel{
  overflow:visible!important;
}
.ecosystem-art img,
.ecosystem-visual img,
.cloud-ecosystem-panel img{
  width:106%!important;
  max-width:none!important;
  margin-left:-3%!important;
}
.ecosystem-art{
  padding-left:10px!important;
  padding-right:10px!important;
}

/* If ecosystem labels are HTML overlays, enlarge them */
.ecosystem-art .eco-hotspot,
.ecosystem-art .eco-label,
.ecosystem-art .eco-copy{
  font-size:1.08em!important;
}

/* Other CARFER Solutions: denser, more balanced card */
#otras-soluciones{
  padding-top:72px!important;
  padding-bottom:72px!important;
}
#otras-soluciones .other-solution-card,
#otras-soluciones .other-card,
#otras-soluciones .portfolio-card{
  padding:34px 38px!important;
  min-height:0!important;
}
#otras-soluciones h2,
#otras-soluciones h3{
  line-height:1.08!important;
}
#otras-soluciones p{
  font-size:14px!important;
  line-height:1.65!important;
}
#otras-soluciones .kicker,
#otras-soluciones .portfolio-label{
  font-size:11px!important;
}
#otras-soluciones .independent-note,
#otras-soluciones .portfolio-note{
  margin-top:18px!important;
  padding:16px 18px!important;
  font-size:12px!important;
  line-height:1.55!important;
}

/* Keep responsive behavior */
@media(max-width:980px){
  .ecosystem-art img,
  .ecosystem-visual img,
  .cloud-ecosystem-panel img{
    width:100%!important;
    margin-left:0!important;
  }
  #otras-soluciones .other-solution-card,
  #otras-soluciones .other-card,
  #otras-soluciones .portfolio-card{
    padding:24px!important;
  }
}

/* ===== STYLE BLOCK 37 (extraido del master v86) ===== */
/* V44 — final language and ecosystem readability polish */

/* Keep E-Commerce together where it is used as a product/channel name. */
.nowrap-ecommerce{white-space:nowrap}

/* Use more of the available ecosystem width while preserving the approved composition. */
.ecosystem-art,
.ecosystem-visual,
.cloud-ecosystem-panel{
  padding-left:0!important;
  padding-right:0!important;
}
.ecosystem-art img,
.ecosystem-visual img,
.cloud-ecosystem-panel img{
  width:114%!important;
  max-width:none!important;
  margin-left:-7%!important;
}

/* HTML overlays/hotspots become easier to read as well. */
.ecosystem-art .eco-hotspot,
.ecosystem-art .eco-label,
.ecosystem-art .eco-copy,
.cloud-ecosystem-panel .eco-hotspot,
.cloud-ecosystem-panel .eco-label,
.cloud-ecosystem-panel .eco-copy{
  font-size:1.15em!important;
  line-height:1.3!important;
}

/* Maintain responsive behavior. */
@media(max-width:980px){
  .ecosystem-art img,
  .ecosystem-visual img,
  .cloud-ecosystem-panel img{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
  }
}

/* ===== STYLE BLOCK 38 (extraido del master v86) ===== */
/* ==========================================================
   V45 — FINAL CONTACT MODAL
   ========================================================== */
.carfer-contact-modal{
  position:fixed;
  inset:0;
  z-index:20000;
  display:none;
  align-items:center;
  justify-content:center;
  padding:24px;
}
.carfer-contact-modal.open{display:flex}
.carfer-contact-backdrop{
  position:absolute;
  inset:0;
  background:rgba(4,23,48,.68);
  backdrop-filter:blur(8px);
}
.carfer-contact-dialog{
  position:relative;
  width:min(820px,96vw);
  max-height:min(780px,92vh);
  overflow:auto;
  background:#fff;
  border:1px solid #dbe5f0;
  border-radius:24px;
  box-shadow:0 28px 80px rgba(3,26,58,.28);
}
.carfer-contact-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:24px;
  padding:28px 30px 20px;
  border-bottom:1px solid #e5edf6;
  background:linear-gradient(135deg,#fbfdff,#f2f7ff);
}
.carfer-contact-kicker{
  color:#1769e0;
  font-size:10px;
  font-weight:950;
  letter-spacing:.12em;
}
.carfer-contact-head h3{
  margin:7px 0 7px;
  color:#071f43;
  font-size:clamp(28px,3vw,40px);
  line-height:1.05;
}
.carfer-contact-head p{
  margin:0;
  color:#5b7088;
  font-size:12px;
  line-height:1.55;
}
.carfer-contact-close{
  flex:0 0 38px;
  width:38px;height:38px;
  border:0;border-radius:50%;
  background:#eaf2fb;
  color:#526b86;
  font-size:25px;
  cursor:pointer;
}
.carfer-contact-form{padding:26px 30px 28px}
.contact-form-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px 18px;
}
.contact-form-grid label{display:block}
.contact-form-grid label>span{
  display:block;
  margin-bottom:6px;
  color:#17395f;
  font-size:10px;
  font-weight:850;
}
.contact-form-grid input,
.contact-form-grid select,
.contact-form-grid textarea{
  width:100%;
  box-sizing:border-box;
  border:1px solid #cbd9e8;
  border-radius:11px;
  background:#fff;
  color:#112f51;
  font:inherit;
  font-size:12px;
  padding:11px 12px;
  outline:none;
  transition:.18s ease;
}
.contact-form-grid input:focus,
.contact-form-grid select:focus,
.contact-form-grid textarea:focus{
  border-color:#1769e0;
  box-shadow:0 0 0 4px rgba(23,105,224,.10);
}
.contact-message-field{grid-column:1/-1}
.contact-form-grid textarea{resize:vertical;min-height:110px}
.contact-form-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-top:20px;
}
.contact-email-note{
  display:flex;
  align-items:center;
  gap:8px;
  color:#637a93;
  font-size:10px;
}
.contact-email-note strong{color:#183c63}
.contact-email-note a{color:#1769e0;font-weight:850}
.contact-submit{border:0;cursor:pointer}
.contact-form-status{
  margin-top:12px;
  color:#1769e0;
  font-size:10px;
  font-weight:800;
}
.contact-mail-note{
  margin:12px 0 0;
  padding-top:12px;
  border-top:1px solid #edf1f6;
  color:#8597aa;
  font-size:9px;
  line-height:1.5;
}
body.contact-modal-open{overflow:hidden}

@media(max-width:720px){
  .carfer-contact-modal{padding:10px}
  .carfer-contact-dialog{border-radius:18px;max-height:94vh}
  .carfer-contact-head{padding:22px 20px 17px}
  .carfer-contact-form{padding:20px}
  .contact-form-grid{grid-template-columns:1fr}
  .contact-message-field{grid-column:auto}
  .contact-form-footer{
    align-items:stretch;
    flex-direction:column;
  }
  .contact-submit{width:100%}
}

/* ===== STYLE BLOCK 39 (extraido del master v86) ===== */
/* ==========================================================
   V47 — CORRECTED CARFER CLOUD ECOSYSTEM PANEL
   ========================================================== */
@media(min-width:981px){
  .hero-art-pro{
    min-height:510px!important;
  }
  .hero-art-pro .ecosystem-main-image-v47{
    display:block!important;
    width:108%!important;
    max-width:none!important;
    height:auto!important;
    margin-left:-4%!important;
    object-fit:contain!important;
    object-position:center!important;
  }
}
@media(max-width:980px){
  .hero-art-pro .ecosystem-main-image-v47{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    height:auto!important;
    object-fit:contain!important;
  }
}

/* ===== STYLE BLOCK 40 (extraido del master v86) ===== */
#soluciones{scroll-margin-top:76px!important}
.delivery-dispatch-v48{padding:88px 0;background:linear-gradient(180deg,#fff,#f7fbff)}
.delivery-grid-v48{display:grid;grid-template-columns:.72fr 1.28fr;gap:28px;align-items:center}
.delivery-copy-v48{display:grid;gap:12px}.delivery-feature-v48{padding:18px;border:1px solid #dce7f3;border-radius:16px;background:#fff}
.delivery-feature-v48 strong{display:block;color:#0a2e59;font-size:14px;margin-bottom:6px}.delivery-feature-v48 span{display:block;color:#58718b;font-size:11px;line-height:1.55}
.delivery-visual-v48{border:1px solid #dbe5ef;border-radius:22px;overflow:hidden;box-shadow:0 22px 48px rgba(8,48,96,.10)}.delivery-visual-v48 img{display:block;width:100%;height:auto}
.delivery-addon-row-v48 td:first-child{font-weight:800}.delivery-addon-sub-v48{display:block;color:#647c95;font-size:10px;margin-top:4px}

.checkout-v48{position:fixed;inset:0;z-index:30000;display:none;align-items:center;justify-content:center;padding:22px}
.checkout-v48.open{display:flex}.checkout-backdrop-v48{position:absolute;inset:0;background:rgba(4,22,44,.72);backdrop-filter:blur(10px)}
.checkout-dialog-v48{position:relative;width:min(1120px,97vw);max-height:94vh;overflow:auto;background:#fff;border-radius:24px;border:1px solid #dbe5f0;box-shadow:0 35px 95px rgba(3,20,46,.34)}
.checkout-close-v48{position:absolute;right:18px;top:16px;z-index:3;width:38px;height:38px;border:0;border-radius:50%;background:#edf3fa;color:#39536e;font-size:23px;cursor:pointer}
.checkout-steps-v48{display:flex;align-items:center;gap:10px;padding:24px 72px 20px 28px;border-bottom:1px solid #e7edf5;background:#fbfdff}
.checkout-step-v48{display:flex;align-items:center;gap:8px;color:#8899ab;font-size:11px;font-weight:800;white-space:nowrap}
.checkout-step-v48 b{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#e8edf3;color:#78899b}
.checkout-step-v48.active{color:#0c2d54}.checkout-step-v48.active b{background:#1769e0;color:#fff}.checkout-step-v48.done b{background:#24a25a;color:#fff}
.checkout-line-v48{height:1px;background:#d9e3ed;flex:1;min-width:16px}.checkout-pane-v48{display:none}.checkout-pane-v48.active{display:block}
.checkout-pane-head-v48{display:flex;justify-content:space-between;gap:28px;padding:28px 30px 18px}.checkout-kicker-v48{display:block;color:#1769e0;font-size:10px;font-weight:950;letter-spacing:.11em}
.checkout-pane-head-v48 h3,.agreement-main-v48 h3,.secure-payment-v48 h3,.confirmation-v48 h3{margin:7px 0 7px;color:#071f43;font-size:clamp(27px,2.8vw,39px);line-height:1.05}
.checkout-pane-head-v48 p{margin:0;color:#5c7289;font-size:11px;line-height:1.55}.selected-plan-badge-v48{min-width:240px;padding:13px 15px;border-radius:14px;background:#f1f6ff;border:1px solid #d2e1f5}
.selected-plan-badge-v48 span{display:block;color:#6d8197;font-size:9px}.selected-plan-badge-v48 strong{display:block;color:#123a67;font-size:12px;margin:3px 0}.selected-plan-badge-v48 b{color:#1769e0;font-size:11px}

.checkout-layout-v48{display:grid;grid-template-columns:1.45fr .85fr;border-top:1px solid #e7edf5;border-bottom:1px solid #e7edf5}.company-form-v48{padding:24px 30px;border-right:1px solid #e7edf5}
.country-picker-v48{position:relative;margin-bottom:18px}.country-picker-v48>label,.company-grid-v48 label>span,.secure-payment-v48 label>span{display:block;margin-bottom:6px;color:#183b62;font-size:10px;font-weight:850}
.country-select-v48{width:100%;display:flex;align-items:center;gap:9px;padding:11px 13px;border:1px solid #cddbea;border-radius:11px;background:#fff;color:#183653;cursor:pointer}
.country-select-v48 strong{flex:1;text-align:left}.flag-circle-v48{font-size:18px}.country-menu-v48{display:none;position:absolute;left:0;right:0;top:68px;z-index:5;padding:7px;border:1px solid #cddbea;border-radius:12px;background:#fff;box-shadow:0 18px 42px rgba(7,39,78,.15)}
.country-menu-v48.open{display:block}.country-option-v48{width:100%;display:grid;grid-template-columns:28px 1fr auto;gap:8px;align-items:center;text-align:left;padding:10px;border:0;border-radius:9px;background:#fff;color:#173755}
.country-option-v48:not(:disabled):hover{background:#f2f7ff}.country-option-v48:disabled{opacity:.45}.country-option-v48 small{font-size:9px}
.company-grid-v48{display:grid;grid-template-columns:1fr 1fr;gap:15px 17px}.span-2-v48{grid-column:1/-1}.company-grid-v48 input,.secure-payment-v48 input{width:100%;box-sizing:border-box;padding:11px 12px;border:1px solid #cddbea;border-radius:10px;font:inherit;font-size:11px;outline:none}
.company-grid-v48 input:focus,.secure-payment-v48 input:focus{border-color:#1769e0;box-shadow:0 0 0 4px rgba(23,105,224,.09)}

.plan-selector-v48{padding:24px;background:#fbfdff}.plan-selector-head-v48{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.plan-selector-head-v48 span{display:block;color:#778da4;font-size:9px;font-weight:900}
.plan-selector-head-v48 strong{color:#12365f}.plan-selector-head-v48 button{border:0;background:none;color:#1769e0;font-size:10px;font-weight:850;cursor:pointer}
.plan-choice-list-v48{display:grid;gap:8px;margin:15px 0}.plan-choice-list-v48 button{display:grid;grid-template-columns:1fr auto 19px;align-items:center;gap:10px;padding:11px 12px;border:1px solid #d6e1ec;border-radius:11px;background:#fff;text-align:left;cursor:pointer}
.plan-choice-list-v48 button.selected{border:2px solid #6f43e8;background:#f7f4ff}.plan-choice-list-v48 button span{font-size:10px;font-weight:900}.plan-choice-list-v48 button strong{font-size:14px}.plan-choice-list-v48 button small{font-size:8px;font-weight:600}
.plan-choice-list-v48 button i{width:13px;height:13px;border:1px solid #9eb1c4;border-radius:50%}.plan-choice-list-v48 button.selected i{border:4px solid #6f43e8}
.delivery-addon-choice-v48{padding:11px;border:1px dashed #b9cbe0;border-radius:11px;background:#f6fbff}.delivery-addon-choice-v48 label{display:flex;align-items:flex-start;gap:9px}.delivery-addon-choice-v48 span strong,.delivery-addon-choice-v48 span small{display:block}
.delivery-addon-choice-v48 span strong{font-size:10px;color:#134373}.delivery-addon-choice-v48 span small{font-size:8.5px;color:#657d95;margin-top:2px}
.order-summary-v48{margin-top:14px;padding:14px;border-radius:12px;background:#fff;border:1px solid #dde7f1}.order-summary-v48 h4{margin:0 0 9px;color:#0b2e56}
.order-summary-v48>div{display:flex;justify-content:space-between;gap:12px;padding:5px 0;color:#677d93;font-size:9.5px}.order-summary-v48 b{color:#1a3e64}.summary-total-v48{border-top:1px solid #e6edf5;margin-top:6px;padding-top:10px!important}
.summary-total-v48 strong{font-size:16px;color:#6f43e8}.order-summary-v48>small{display:block;margin-top:5px;color:#8a9aab;font-size:8.5px}

.checkout-actions-v48{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 30px}.checkout-security-v48{color:#6b8094;font-size:9px}
.checkout-primary-v48,.checkout-secondary-v48{border:0;border-radius:10px;padding:11px 16px;font-weight:850;font-size:10px;cursor:pointer}.checkout-primary-v48{background:#1769e0;color:#fff}
.checkout-primary-v48:disabled{opacity:.45;cursor:not-allowed}.checkout-secondary-v48{background:#edf3f9;color:#294968}

.agreement-main-v48{padding:28px 30px 0}.agreement-meta-v48{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:15px 0}.agreement-meta-v48>div{padding:10px;border:1px solid #dce7f2;border-radius:10px;background:#fbfdff}
.agreement-meta-v48 span,.agreement-meta-v48 b{display:block}.agreement-meta-v48 span{font-size:8.5px;color:#768ba0}.agreement-meta-v48 b{font-size:10px;color:#163b65;margin-top:2px}
.agreement-scroll-v48{height:390px;overflow:auto;padding:20px;border:1px solid #d9e4ee;border-radius:13px;background:#fbfdff}.agreement-copy-v48{color:#3f5871;font-size:10px;line-height:1.62}.agreement-copy-v48 p{margin:0 0 12px}
.agreement-es-v48{display:none}html[lang="es"] .agreement-en-v48{display:none}html[lang="es"] .agreement-es-v48{display:block}
.agreement-accept-v48{display:flex;align-items:flex-start;gap:10px;margin:16px 0 5px;padding:13px;border-radius:11px;background:#f0f7ff;border:1px solid #cfe0f4;color:#173b62;font-size:10px;font-weight:750}
.agreement-version-v48{color:#8999aa;font-size:8.5px;margin:0 0 5px}

.payment-layout-v48{display:grid;grid-template-columns:.8fr 1.2fr;min-height:520px}.payment-review-v48{padding:34px;border-right:1px solid #e6edf5;background:#fbfdff}.payment-review-v48 h3{margin:7px 0}
.payment-plan-pill-v48{display:inline-block;padding:5px 8px;border-radius:999px;background:#7044e9;color:#fff;font-size:9px;font-weight:850}.billing-card-v48{margin:24px 0;padding:16px;border:1px solid #dbe5ef;border-radius:12px;background:#fff;color:#425d78;font-size:10px;line-height:1.7}
.edit-info-v48{border:0;background:none;color:#1769e0;font-weight:850;cursor:pointer}.secure-payment-v48{padding:34px}.accepted-cards-v48{display:flex;gap:8px;margin:18px 0}
.accepted-cards-v48 span{padding:7px 9px;border-radius:7px;border:1px solid #d8e2ed;background:#fff;font-size:9px;font-weight:900}.secure-payment-v48 label{display:block;margin-bottom:14px}
.payment-two-v48{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pay-now-v48{width:100%;padding:13px;border:0;border-radius:10px;background:#1769e0;color:#fff;font-weight:900;cursor:pointer}
.secure-payment-v48>p{color:#8293a5;font-size:8.5px;line-height:1.5}.confirmation-v48{text-align:center;padding:70px 30px}.confirmation-check-v48{display:grid;place-items:center;width:72px;height:72px;margin:0 auto 16px;border-radius:50%;background:#22a75b;color:#fff;font-size:38px}
.confirmation-v48 p{max-width:620px;margin:10px auto 24px;color:#61768c;font-size:11px;line-height:1.65}body.checkout-open-v48{overflow:hidden}

@media(max-width:900px){.delivery-grid-v48,.checkout-layout-v48,.payment-layout-v48{grid-template-columns:1fr}.company-form-v48{border-right:0;border-bottom:1px solid #e7edf5}.agreement-meta-v48{grid-template-columns:1fr 1fr}.checkout-steps-v48{overflow-x:auto}.payment-review-v48{border-right:0;border-bottom:1px solid #e7edf5}}
@media(max-width:620px){.checkout-v48{padding:7px}.checkout-dialog-v48{border-radius:16px}.checkout-steps-v48{padding:18px 48px 14px 16px}.checkout-step-v48 span{display:none}.checkout-pane-head-v48{flex-direction:column;padding:22px 18px 14px}.selected-plan-badge-v48{min-width:0}.company-form-v48,.plan-selector-v48,.agreement-main-v48,.payment-review-v48,.secure-payment-v48{padding:18px}.company-grid-v48{grid-template-columns:1fr}.span-2-v48{grid-column:auto}.checkout-actions-v48{padding:15px 18px;flex-direction:column;align-items:stretch}.agreement-meta-v48{grid-template-columns:1fr 1fr}.agreement-scroll-v48{height:330px}.delivery-dispatch-v48{padding:60px 0}}

/* ===== STYLE BLOCK 41 (extraido del master v86) ===== */
/* ==========================================================
   V49 — CONSOLIDATED FINAL ADJUSTMENTS
   ========================================================== */

/* Solutions tab landing */
#soluciones{scroll-margin-top:86px!important}

/* Bigger, more readable media inside platform galleries */
.official-media-stage{min-height:460px!important;padding:4px!important}
.official-media-img{max-height:450px!important;object-fit:contain!important}
.official-media-frame{padding:12px!important}
.media-caption{font-size:13px!important}

/* Delivery as a prominent CARFER Cloud ecosystem component */
.delivery-ecosystem-chip-v49{
  position:absolute;right:18px;bottom:18px;z-index:18;
  width:min(355px,42%);display:grid;grid-template-columns:44px 1fr;gap:10px;
  padding:13px 14px;border:1px solid rgba(255,255,255,.65);border-radius:16px;
  background:linear-gradient(135deg,rgba(8,104,229,.95),rgba(37,166,224,.94));
  color:#fff;box-shadow:0 15px 35px rgba(0,61,133,.22);backdrop-filter:blur(7px)
}
.delivery-eco-icon-v49{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#fff;color:#1769e0;font-size:24px}
.delivery-eco-copy-v49 strong,.delivery-eco-copy-v49 span{display:block}
.delivery-eco-copy-v49 strong{font-size:12px;letter-spacing:.03em}.delivery-eco-copy-v49 span{font-size:10px;line-height:1.4;margin-top:3px}
.delivery-ecosystem-chip-v49>b{grid-column:1/-1;font-size:8.5px;opacity:.86}

/* Delivery price lives with Premium */
.premium-delivery-badge-v49{
  margin:10px auto 0;padding:8px 10px;max-width:170px;border-radius:10px;
  background:rgba(255,255,255,.88);color:#a54f00;border:1px solid rgba(217,113,0,.18);
  line-height:1.25
}
.premium-delivery-badge-v49 strong,.premium-delivery-badge-v49 span,.premium-delivery-badge-v49 small{display:block}
.premium-delivery-badge-v49 strong{font-size:10px}.premium-delivery-badge-v49 span{font-size:9px;font-weight:900}.premium-delivery-badge-v49 small{font-size:7.5px;margin-top:2px}

/* Checkout: consume vertical space intelligently */
.checkout-dialog-v48{
  width:min(1180px,98vw)!important;
  max-height:96vh!important;
  overflow:hidden!important;
  display:flex!important;flex-direction:column!important
}
.checkout-steps-v48{
  flex:0 0 auto!important;padding:14px 64px 12px 22px!important;
  position:sticky!important;top:0!important;z-index:8!important
}
.checkout-step-v48{font-size:12px!important}.checkout-step-v48 b{width:29px!important;height:29px!important}
.checkout-pane-v48{overflow:auto!important;min-height:0!important}
.checkout-pane-v48.active{display:flex!important;flex-direction:column!important;flex:1 1 auto!important}
.checkout-pane-head-v48{padding:14px 24px 10px!important;align-items:center!important}
.checkout-pane-head-v48 h3,.agreement-main-v48 h3,.secure-payment-v48 h3,.confirmation-v48 h3{
  font-size:31px!important;margin:4px 0!important
}
.checkout-pane-head-v48 p{font-size:12px!important}
.checkout-kicker-v48{font-size:11px!important}
.selected-plan-badge-v48{padding:9px 12px!important;min-width:230px!important}
.selected-plan-badge-v48 span{font-size:10px!important}.selected-plan-badge-v48 strong{font-size:13px!important}.selected-plan-badge-v48 b{font-size:12px!important}

.checkout-layout-v48{flex:1 1 auto!important;min-height:0!important}
.company-form-v48,.plan-selector-v48{padding:15px 22px!important}
.country-picker-v48{margin-bottom:10px!important}
.country-picker-v48>label,.company-grid-v48 label>span,.secure-payment-v48 label>span{font-size:11px!important}
.country-select-v48,.company-grid-v48 input,.company-grid-v48 select,.secure-payment-v48 input{
  padding:9px 10px!important;font-size:12px!important;min-height:39px!important
}
.company-grid-v48{gap:10px 14px!important}
.company-grid-v48 select{
  width:100%;border:1px solid #cddbea;border-radius:10px;background:#fff;color:#183653
}
.plan-choice-list-v48{margin:9px 0!important;gap:6px!important}
.plan-choice-list-v48 button{padding:9px 10px!important}
.order-summary-v48{margin-top:9px!important;padding:10px 12px!important}
.order-summary-v48 h4{font-size:14px!important}
.order-summary-v48>div{font-size:10.5px!important;padding:3px 0!important}
.checkout-actions-v48{padding:10px 22px!important}
.checkout-security-v48{font-size:10px!important}
.checkout-primary-v48,.checkout-secondary-v48{font-size:11px!important;padding:10px 15px!important}

/* Agreement: larger font, less dead space */
.agreement-main-v48{padding:14px 24px 0!important}
.agreement-meta-v48{margin:8px 0!important}
.agreement-meta-v48>div{padding:8px!important}
.agreement-meta-v48 span{font-size:9.5px!important}.agreement-meta-v48 b{font-size:11px!important}
.agreement-scroll-v48{height:360px!important;padding:14px 16px!important}
.agreement-copy-v48{font-size:11.5px!important;line-height:1.46!important}
.agreement-copy-v48 h4{font-size:11px!important;color:#173a61!important;margin:10px 0 4px!important}
.agreement-copy-v48 p{margin:0 0 7px!important}
.agreement-accept-v48{margin:9px 0 4px!important;padding:10px!important;font-size:11px!important}
.agreement-version-v48{font-size:9px!important}

/* Payment modal: compact top whitespace + larger labels */
.payment-layout-v48{min-height:0!important;flex:1 1 auto!important}
.payment-review-v48,.secure-payment-v48{padding:22px 26px!important}
.payment-review-v48 h3{font-size:20px!important}.payment-plan-pill-v48{font-size:10px!important}
.billing-card-v48{margin:14px 0!important;font-size:11px!important}
.accepted-cards-v48{margin:12px 0!important}
.secure-payment-v48 label{margin-bottom:10px!important}
.secure-payment-v48>p{font-size:9.5px!important}

/* Delivery section visual balance */
.delivery-dispatch-v48{padding:66px 0!important}
.delivery-dispatch-v48 .section-head p{font-size:14px!important}
.delivery-feature-v48 strong{font-size:16px!important}.delivery-feature-v48 span{font-size:12.5px!important}
.delivery-visual-v48 img{width:100%!important}

/* CARFER 360 actual-logo modal */
.carfer360-modal-v49{position:fixed;inset:0;z-index:35000;display:none;align-items:center;justify-content:center;padding:20px}
.carfer360-modal-v49.open{display:flex}
.carfer360-backdrop-v49{position:absolute;inset:0;background:rgba(4,24,50,.70);backdrop-filter:blur(9px)}
.carfer360-dialog-v49{position:relative;width:min(880px,95vw);padding:24px 26px 28px;border-radius:24px;background:linear-gradient(180deg,#fff,#f5f9ff);text-align:center;box-shadow:0 28px 80px rgba(3,25,58,.30)}
.carfer360-close-v49{position:absolute;right:16px;top:14px;width:38px;height:38px;border:0;border-radius:50%;background:#eaf1f8;color:#24425f;font-size:24px;cursor:pointer}
.carfer360-kicker-v49{color:#1769e0;font-size:11px;font-weight:950;letter-spacing:.12em}
.carfer360-dialog-v49 h3{margin:7px 0 3px;color:#092852;font-size:32px}
.carfer360-dialog-v49 p{margin:0;color:#647b92;font-size:12px}
.carfer360-stage-v49{height:360px;display:grid;place-items:center;perspective:1000px;overflow:hidden}
.carfer360-object-v49{position:relative;width:430px;height:120px;transform-style:preserve-3d;animation:carferSpinV49 8s linear infinite}
.carfer360-object-v49.paused{animation-play-state:paused}
.carfer360-face-v49{position:absolute;inset:0;display:grid;place-items:center;backface-visibility:hidden}
.carfer360-face-v49 img{width:100%;height:auto;filter:drop-shadow(0 18px 20px rgba(15,72,138,.20))}
.carfer360-face-v49.back{transform:rotateY(180deg)}
to{transform:rotateY(360deg)}}
.carfer360-controls-v49{display:flex;justify-content:center;align-items:center;gap:18px}
.carfer360-controls-v49 button{border:1px solid #bfd3ea;border-radius:999px;background:#fff;color:#1769e0;padding:10px 16px;font-weight:850;cursor:pointer}
.carfer360-controls-v49 span{font-size:26px;font-weight:950;color:#1769e0}
.carfer360-trigger-v49{
  position:absolute!important;left:50%!important;top:34%!important;transform:translate(-50%,-50%)!important;
  z-index:22!important;border:1px solid rgba(255,255,255,.85)!important;border-radius:999px!important;
  background:rgba(255,255,255,.90)!important;color:#1769e0!important;padding:7px 10px!important;font-weight:950!important;
  box-shadow:0 8px 18px rgba(0,59,130,.15)!important;cursor:pointer!important
}

@media(max-width:980px){
  .delivery-ecosystem-chip-v49{position:relative;right:auto;bottom:auto;width:auto;margin:12px}
  .checkout-dialog-v48{overflow:auto!important}
  .checkout-pane-v48{overflow:visible!important}
}
@media(max-width:620px){
  .official-media-stage{min-height:270px!important}.official-media-img{max-height:265px!important}
  .checkout-pane-head-v48 h3,.agreement-main-v48 h3,.secure-payment-v48 h3{font-size:25px!important}
  .agreement-scroll-v48{height:330px!important}
  .carfer360-object-v49{width:280px;height:90px}.carfer360-stage-v49{height:280px}
}

/* ===== STYLE BLOCK 42 (extraido del master v86) ===== */
/* ==========================================================
   V50 — DELIVERY SHORTCUT + CLOUD ECOSYSTEM + PREMIUM CHOICES + ZIP
   ========================================================== */

/* Solutions card */
.delivery-solution-card-v50 .icon{background:#fff0e9!important;color:#e65100!important}
.delivery-solution-card-v50{border-color:#ffd7c2!important}

/* Plans land closer to the top, immediately below header */
#planes{scroll-margin-top:72px!important;padding-top:28px!important}
#planes .section-head{margin-top:0!important;padding-top:0!important}

/* Replace center cloud text visually with actual CARFER logo */
.hero-art-pro{position:relative!important}
.ecosystem-center-logo-v50{
  position:absolute;z-index:24;left:50%;top:21.2%;
  transform:translate(-50%,-50%);
  width:250px;height:112px;border-radius:58px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  background:rgba(255,255,255,.97);
  box-shadow:0 5px 18px rgba(18,81,153,.15);
  border:2px solid #d9ecff;
  pointer-events:none;
}
.ecosystem-center-logo-rotator-v50{
  width:178px;height:58px;display:grid;place-items:center;
  transform-style:preserve-3d;
  animation:carferInlineSpinV50 14s linear infinite;
}
.ecosystem-center-logo-rotator-v50 img{
  width:100%;height:auto;display:block;backface-visibility:visible;
  filter:drop-shadow(0 4px 5px rgba(7,59,120,.10));
}
.ecosystem-center-logo-v50>span{
  margin-top:2px;color:#1769e0;font-size:11px;font-weight:950;letter-spacing:.13em
}
to{transform:rotateY(360deg)}
}

/* Delivery is a real node in the ecosystem, not a floating bottom card */
.ecosystem-delivery-node-v50{
  position:absolute;z-index:23;right:3.2%;top:67%;
  width:238px;display:flex;align-items:center;gap:9px;
  padding:10px 12px;border-radius:14px;
  background:#fff;border:2px solid #ffb38b;text-decoration:none;
  box-shadow:0 12px 28px rgba(148,65,0,.14);
}
.ecosystem-delivery-node-v50:before{
  content:"";position:absolute;right:100%;top:50%;width:72px;height:2px;
  background:linear-gradient(90deg,#47a6ff,#ff8b52)
}
.ecosystem-delivery-icon-v50{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#ffefe7;font-size:21px}
.ecosystem-delivery-node-v50 strong,.ecosystem-delivery-node-v50 span{display:block}
.ecosystem-delivery-node-v50 strong{font-size:10px;color:#a64500}
.ecosystem-delivery-node-v50 span{font-size:8.5px;color:#5c7188;margin-top:2px}

/* Premium choices: no overlap */
.premium-choice-wrap-v50{
  display:grid;grid-template-columns:1fr;gap:7px;
  margin:10px auto 0;max-width:190px
}
.premium-choice-v50{
  padding:8px 9px;border-radius:10px;border:1px solid #e5d7c8;background:#fff;
  line-height:1.15;text-align:center
}
.premium-choice-v50 b,.premium-choice-v50 span,.premium-choice-v50 em{display:block}
.premium-choice-v50 b{font-size:8px}
.premium-choice-v50 span strong{font-size:15px}
.premium-choice-v50 span small{font-size:7.5px}
.premium-choice-v50 em{font-size:7px;font-style:normal;margin-top:2px;color:#715d4b}
.premium-choice-v50.delivery{border-color:#ffb98b;background:#fff8f3}
.premium-choice-v50.delivery b,.premium-choice-v50.delivery span strong{color:#e75c00}
.premium-delivery-pay-v50{
  margin-top:6px!important;width:100%!important;padding:7px 8px!important;border-radius:999px!important;
  background:#f07a00!important;color:#fff!important;border:0!important;font-size:8.5px!important;font-weight:900!important
}

/* De-emphasize the original large Premium price block so the two choices read clearly */
th.prem > div:not(.premium-choice-wrap-v50):not(.premium-delivery-badge-v49){}

/* Checkout selects */
.company-grid-v48 select{
  width:100%;box-sizing:border-box;padding:9px 10px;border:1px solid #cddbea;border-radius:10px;
  background:#fff;color:#183653;font:inherit;font-size:12px;min-height:39px
}

/* Keep modal footer/actions from covering ZIP area */
.checkout-actions-v48{
  position:relative!important;z-index:4!important;background:#fff!important;
  border-top:1px solid #e7edf5!important
}
.checkout-layout-v48{min-height:0!important}
.company-form-v48{padding-bottom:18px!important}

/* Responsive */
@media(max-width:980px){
  .ecosystem-center-logo-v50{position:relative;left:auto;top:auto;transform:none;margin:12px auto;width:min(300px,88%)}
  .ecosystem-delivery-node-v50{position:relative;right:auto;top:auto;width:auto;margin:12px}
  .ecosystem-delivery-node-v50:before{display:none}
}

/* ===== STYLE BLOCK 43 (extraido del master v86) ===== */
/* ==========================================================
   V51 — CHECKOUT LAYOUT FIX
   Fixes State/City/ZIP overlap and prevents the action button
   from covering the order total.
   ========================================================== */

.checkout-dialog-v48{
  width:min(1180px,98vw)!important;
  max-height:96vh!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
}

.checkout-steps-v48{
  flex:0 0 auto!important;
  padding:12px 64px 10px 22px!important;
  min-height:0!important;
}

.checkout-pane-v48{
  min-height:0!important;
  overflow:auto!important;
}
.checkout-pane-v48.active{
  display:flex!important;
  flex-direction:column!important;
  flex:1 1 auto!important;
}

.checkout-pane-head-v48{
  flex:0 0 auto!important;
  padding:8px 24px 7px!important;
  margin:0!important;
  min-height:0!important;
}
.checkout-pane-head-v48 h3{margin:2px 0 3px!important}
.checkout-pane-head-v48 p{margin:0!important}

.checkout-layout-v48{
  flex:1 1 auto!important;
  min-height:0!important;
  align-items:start!important;
}
.company-form-v48,
.plan-selector-v48{
  padding:10px 22px 12px!important;
}

.country-picker-v48{margin-bottom:7px!important}
.company-grid-v48{gap:7px 14px!important}
.company-grid-v48 label{margin:0!important}
.company-grid-v48 label>span{margin-bottom:3px!important}
.company-grid-v48 input,
.company-grid-v48 select,
.country-select-v48{
  min-height:35px!important;
  padding:7px 10px!important;
}

#state-select-v49,
#city-select-v49,
#zip-select-v50{
  position:relative!important;
  display:block!important;
  width:100%!important;
  z-index:2!important;
}

/* Keep the right summary compact and fully visible */
.plan-selector-v48{
  display:flex!important;
  flex-direction:column!important;
  min-height:0!important;
}
.order-summary-v48{
  margin-top:8px!important;
  padding:10px 12px!important;
}
.order-summary-v48 h4{margin-bottom:6px!important}
.order-summary-v48>div{padding:3px 0!important}
.summary-total-v48{
  margin-top:5px!important;
  padding-top:8px!important;
}

/* Critical fix: action bar is a normal footer row, not an overlay */
.checkout-actions-v48{
  position:static!important;
  inset:auto!important;
  flex:0 0 auto!important;
  margin:0!important;
  padding:9px 22px!important;
  background:#fff!important;
  border-top:1px solid #e7edf5!important;
  box-shadow:none!important;
  z-index:auto!important;
}
.checkout-security-v48{
  position:static!important;
  max-width:60%!important;
}
.checkout-primary-v48,
.checkout-secondary-v48{
  position:static!important;
  transform:none!important;
}

/* Add breathing room below summary so Total cannot be obstructed */
.plan-selector-v48 .order-summary-v48{
  margin-bottom:8px!important;
}

/* Desktop: keep everything visible within modal height */
@media(min-width:901px){
  .checkout-pane-v48[data-checkout-step="1"]{
    overflow:hidden!important;
  }
}

/* Responsive remains scrollable */
@media(max-width:900px){
  .checkout-pane-v48{overflow:auto!important}
  .checkout-layout-v48{display:grid!important;grid-template-columns:1fr!important}
  .checkout-actions-v48{position:static!important}
  .checkout-security-v48{max-width:100%!important}
}

/* ===== STYLE BLOCK 44 (extraido del master v86) ===== */
/* V52 — Always-visible checkout return/close control */
.checkout-dialog-v48{position:relative!important}
.checkout-close-v48{
  position:absolute!important;
  top:12px!important;
  right:14px!important;
  z-index:50!important;
  width:40px!important;
  height:40px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid #d5e1ed!important;
  border-radius:50%!important;
  background:#eef4fa!important;
  color:#173b62!important;
  font-size:24px!important;
  line-height:1!important;
  cursor:pointer!important;
  box-shadow:0 4px 12px rgba(14,47,86,.08)!important;
}
.checkout-close-v48:hover{background:#e2edf8!important}
.checkout-steps-v48{padding-right:72px!important}

/* Secondary "Back / Return" control on step 1 */
.checkout-return-v52{
  position:absolute!important;
  left:18px!important;
  top:14px!important;
  z-index:50!important;
  border:0!important;
  border-radius:999px!important;
  background:#eef4fa!important;
  color:#173b62!important;
  padding:8px 12px!important;
  font-weight:800!important;
  font-size:10px!important;
  cursor:pointer!important;
}
@media(max-width:620px){
  .checkout-return-v52{left:10px!important;top:10px!important}
  .checkout-close-v48{right:10px!important;top:9px!important}
}

/* ===== STYLE BLOCK 45 (extraido del master v86) ===== */
/* ==========================================================
   V53 — SOLUTIONS LANDING + INTEGRATED DELIVERY + MINI 360 LOGO
   ========================================================== */

/* Every shortcut under Solutions lands with the detail panel beginning
   immediately below the fixed navigation. */
#detalle-bo,#detalle-pos,#detalle-retail,#detalle-inv,#detalle-r,#detalle-ec,
#detalle-ai,#delivery-dispatch{
  scroll-margin-top:88px!important;
}

/* Keep the detail panel itself visually near the top after navigation. */
section[id^="detalle-"], article[id^="detalle-"], #delivery-dispatch{
  padding-top:34px!important;
}

/* Small animated icon sits INSIDE the original CARFER CLOUD cloud,
   above its existing text, rather than replacing the cloud. */
.carfer-cloud-mini360-v53{
  position:absolute!important;
  z-index:28!important;
  left:50%!important;
  top:12.5%!important;
  transform:translate(-50%,-50%)!important;
  width:70px!important;
  height:50px!important;
  display:grid!important;
  place-items:center!important;
  pointer-events:none!important;
}
.carfer-cloud-mini360-v53 img{
  width:70px!important;
  height:auto!important;
  display:block!important;
  filter:drop-shadow(0 4px 7px rgba(0,80,170,.18))!important;
}

/* Delivery becomes an integrated support module of the CARFER Cloud diagram. */
.ecosystem-delivery-support-v53{
  position:absolute!important;
  z-index:25!important;
  left:50%!important;
  bottom:11.8%!important;
  transform:translateX(-50%)!important;
  width:min(520px,58%)!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  padding:10px 15px!important;
  border:2px solid #93c9ff!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,rgba(246,251,255,.98),rgba(235,246,255,.98))!important;
  box-shadow:0 12px 28px rgba(23,105,224,.13)!important;
  text-decoration:none!important;
}
.support-connector-v53{
  position:absolute!important;
  left:50%!important;
  bottom:100%!important;
  width:2px!important;
  height:42px!important;
  background:linear-gradient(#1769e0,#7cc0ff)!important;
}
.support-connector-v53:before{
  content:""!important;
  position:absolute!important;
  top:-5px!important;left:-4px!important;
  width:10px!important;height:10px!important;
  border-radius:50%!important;background:#1769e0!important;
}
.support-icon-v53{
  flex:0 0 42px!important;
  width:42px!important;height:42px!important;
  display:grid!important;place-items:center!important;
  border-radius:12px!important;
  background:#1769e0!important;color:#fff!important;font-size:22px!important;
}
.support-copy-v53{min-width:0!important}
.support-copy-v53 small,.support-copy-v53 strong,.support-copy-v53 span{display:block!important}
.support-copy-v53 small{font-size:8px!important;color:#1769e0!important;font-weight:950!important;letter-spacing:.08em!important}
.support-copy-v53 strong{font-size:11px!important;color:#0a315e!important;margin:2px 0!important}
.support-copy-v53 span{font-size:9px!important;color:#56708c!important;line-height:1.35!important}

.delivery-solution-card-v53 .icon{
  background:#fff0e9!important;color:#e65b00!important
}
.delivery-solution-card-v53{border-color:#ffd7c0!important}

@media(max-width:980px){
  .carfer-cloud-mini360-v53{
    position:relative!important;left:auto!important;top:auto!important;
    transform:none!important;margin:10px auto!important
  }
  .ecosystem-delivery-support-v53{
    position:relative!important;left:auto!important;bottom:auto!important;
    transform:none!important;width:auto!important;margin:12px!important
  }
  .support-connector-v53{display:none!important}
}

/* ===== STYLE BLOCK 46 (extraido del master v86) ===== */
/* ==========================================================
   V54 — VISUAL POLISH / CHECKOUT / PRICING / ECOSYSTEM
   ========================================================== */

/* Larger, centered animated CARFER icon inside the original CARFER CLOUD cloud. */
.carfer-cloud-mini360-v53{
  left:50%!important;
  top:11.2%!important;
  transform:translate(-50%,-50%)!important;
  width:96px!important;
  height:64px!important;
}
.carfer-cloud-mini360-v53 img{
  width:94px!important;
  max-width:none!important;
  filter:drop-shadow(0 5px 8px rgba(0,80,170,.22))!important;
}

/* Avoid any badge/heading collision in detail sections. */
.detail-eyebrow,.detail-tag,.solution-code-badge{
  margin-right:10px!important;
  position:relative!important;
  z-index:1!important;
}
#detalle-pos .detail-title-row,
#detalle-pos .detail-head,
#detalle-pos .feature-title{
  gap:12px!important;
  align-items:center!important;
}

/* Top shortcut bar gets a little more breathing room. */
.platform-detail-tabs{
  padding-top:10px!important;
  padding-bottom:10px!important;
}
.platform-detail-tabs a,
.platform-detail-tabs button{
  font-size:12px!important;
}

/* Characteristics label clearly visible. */
.pricing-wrap .product-matrix thead th:first-child,
.product-matrix thead th:first-child{
  font-size:18px!important;
  font-weight:950!important;
  color:#0b4fc7!important;
  padding-left:22px!important;
}

/* Premium two-choice area: readable and non-overlapping. */
.premium-choice-wrap-v50{
  max-width:210px!important;
  gap:9px!important;
  margin-top:10px!important;
}
.premium-choice-v50{
  padding:9px 10px!important;
  min-height:68px!important;
}
.premium-choice-v50 b{font-size:10px!important}
.premium-choice-v50 span strong{font-size:18px!important}
.premium-choice-v50 span small{font-size:9px!important}
.premium-choice-v50 em{
  font-size:8.5px!important;
  line-height:1.25!important;
  margin-top:3px!important;
  white-space:normal!important;
}
.delivery-drivers-line-v54{
  display:block!important;
  font-size:8.5px!important;
  color:#8a4c15!important;
  margin-top:2px!important;
  line-height:1.2!important;
}
.premium-delivery-pay-v50{
  font-size:10px!important;
  padding:8px 10px!important;
}

/* Checkout modal: raise all content and enlarge text. */
.checkout-dialog-v48{
  width:min(1180px,98vw)!important;
  max-height:96vh!important;
}
.checkout-steps-v48{
  padding:10px 64px 9px 22px!important;
}
.checkout-step-v48{
  font-size:12px!important;
}
.checkout-pane-head-v48{
  padding:7px 24px 6px!important;
}
.checkout-pane-head-v48 h3{
  font-size:30px!important;
  margin:2px 0!important;
}
.checkout-pane-head-v48 p{
  font-size:12px!important;
}
.checkout-layout-v48{
  min-height:0!important;
}
.company-form-v48,
.plan-selector-v48{
  padding:9px 22px 10px!important;
}
.country-picker-v48{margin-bottom:6px!important}
.company-grid-v48{gap:7px 14px!important}
.company-grid-v48 label>span,
.country-picker-v48>label{
  font-size:11.5px!important;
}
.company-grid-v48 input,
.company-grid-v48 select,
.country-select-v48{
  min-height:35px!important;
  font-size:12px!important;
}
.plan-selector-head-v48 span{font-size:10px!important}
.plan-selector-head-v48 strong{font-size:16px!important}
.plan-selector-head-v48 button{font-size:11px!important}
.plan-choice-list-v48 button{
  padding:8px 10px!important;
}
.plan-choice-list-v48 button span{font-size:11px!important}
.plan-choice-list-v48 button strong{font-size:15px!important}
.delivery-addon-choice-v48{
  padding:9px 10px!important;
}
.delivery-addon-choice-v48 span strong{font-size:11px!important}
.delivery-addon-choice-v48 span small{font-size:9.5px!important}
.order-summary-v48{
  margin-top:7px!important;
  padding:9px 12px!important;
}
.order-summary-v48 h4{
  font-size:16px!important;
  margin-bottom:5px!important;
}
.order-summary-v48>div{
  font-size:11px!important;
  padding:2px 0!important;
}
.summary-total-v48 strong{
  font-size:18px!important;
}
.order-summary-v48>small{
  font-size:9px!important;
}

/* Action bar is compact and NEVER covers Order Summary. */
.checkout-actions-v48{
  position:static!important;
  padding:8px 22px!important;
  min-height:48px!important;
  border-top:1px solid #e7edf5!important;
}
.checkout-security-v48{
  font-size:9.5px!important;
  max-width:58%!important;
}
.checkout-primary-v48,
.checkout-secondary-v48{
  font-size:11px!important;
  padding:9px 14px!important;
}

/* Explicit return button visible on step 1. */
.checkout-return-v54{
  position:absolute!important;
  left:14px!important;
  top:12px!important;
  z-index:60!important;
  border:0!important;
  border-radius:999px!important;
  background:#edf4fb!important;
  color:#173b62!important;
  padding:8px 12px!important;
  font-size:10.5px!important;
  font-weight:850!important;
  cursor:pointer!important;
}
.checkout-steps-v48{
  padding-left:105px!important;
}

/* Agreement modal moved upward and uses more of available area. */
.checkout-pane-v48[data-checkout-step="2"] .agreement-main-v48{
  padding:8px 24px 0!important;
}
.checkout-pane-v48[data-checkout-step="2"] .agreement-main-v48 h3{
  font-size:29px!important;
  margin:2px 0 4px!important;
}
.checkout-pane-v48[data-checkout-step="2"] .agreement-meta-v48{
  margin:6px 0!important;
}
.checkout-pane-v48[data-checkout-step="2"] .agreement-scroll-v48{
  height:350px!important;
  padding:12px 15px!important;
}
.checkout-pane-v48[data-checkout-step="2"] .agreement-copy-v48{
  font-size:11.5px!important;
  line-height:1.42!important;
}
.checkout-pane-v48[data-checkout-step="2"] .agreement-accept-v48{
  margin:7px 0 3px!important;
  padding:9px 11px!important;
  font-size:11px!important;
}
.checkout-pane-v48[data-checkout-step="2"] .agreement-version-v48{
  font-size:8.8px!important;
}

/* Responsive */
@media(max-width:900px){
  .checkout-return-v54{left:10px!important;top:9px!important}
  .checkout-steps-v48{padding-left:58px!important}
}

/* ===== STYLE BLOCK 47 (extraido del master v86) ===== */
/* ==========================================================
   V55 — FINAL LAYOUT / DELIVERY / CHECKOUT FIXES
   ========================================================== */

/* Smooth icon rotation centered INSIDE original CARFER CLOUD cloud. */
.carfer-cloud-mini360-v53{
  left:48.3%!important;
  top:15.4%!important;
  transform:translate(-50%,-50%)!important;
  width:112px!important;
  height:76px!important;
  display:grid!important;
  place-items:center!important;
  overflow:visible!important;
}
.carfer-cloud-mini360-v53 img{
  width:104px!important;
  height:auto!important;
  transform-origin:50% 50%!important;
  animation:carferIconSpinV55 13s linear infinite!important;
  filter:drop-shadow(0 4px 7px rgba(0,74,158,.18))!important;
}
100%{transform:rotateY(360deg)}
}

/* Delivery is still part of the ecosystem, but gets its own visual space below
   the original diagram so it no longer covers Secure / Real-Time / AI-Powered. */
.hero-art-pro{
  overflow:visible!important;
  padding-bottom:82px!important;
}
.ecosystem-delivery-support-v53{
  position:absolute!important;
  left:50%!important;
  bottom:-66px!important;
  transform:translateX(-50%)!important;
  width:min(610px,72%)!important;
  min-height:56px!important;
  padding:10px 16px!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,#eef8ff,#e4f3ff)!important;
  border:2px solid #78baff!important;
  box-shadow:0 12px 28px rgba(23,105,224,.13)!important;
}
.support-connector-v53{
  height:26px!important;
  bottom:100%!important;
}
.support-copy-v53 strong{
  font-size:13px!important;
}
.support-copy-v53 span{
  font-size:10.5px!important;
}
.support-icon-v53{
  width:46px!important;height:46px!important;flex-basis:46px!important;font-size:24px!important;
}

/* Detail nav: Delivery shortcut fits between E-Commerce and AI. */
.detail-nav{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  gap:4px!important;
  flex-wrap:nowrap!important;
  overflow-x:auto!important;
  padding:9px 12px!important;
}
.detail-nav a{
  white-space:nowrap!important;
  padding:9px 12px!important;
  font-size:11px!important;
}
.detail-nav a[href="#delivery-dispatch"]{
  color:#df6200!important;
  background:#fff4eb!important;
}

/* Move detail content a bit lower under shortcut nav to stop badge/title collision. */
.product-detail .product-copy{
  padding-top:20px!important;
}
.product-detail .detail-code{
  margin-right:12px!important;
}
#detalle-pos .detail-code + .kicker,
#detalle-retail .detail-code + .kicker,
#detalle-r .detail-code + .kicker{
  margin-left:10px!important;
}

/* CHECKOUT: remove inherited global section padding responsible for the huge empty gap. */
.checkout-pane-v48,
.checkout-dialog-v48 section.checkout-pane-v48{
  padding:0!important;
  margin:0!important;
}
.checkout-pane-v48.active{
  padding-top:0!important;
  margin-top:0!important;
}
.checkout-pane-head-v48{
  padding:6px 22px 5px!important;
  margin:0!important;
}
.checkout-pane-head-v48 h3{
  margin:1px 0 2px!important;
  font-size:29px!important;
}
.checkout-pane-head-v48 p{
  margin:0!important;
  font-size:11.5px!important;
}
.checkout-steps-v48{
  padding-top:8px!important;
  padding-bottom:8px!important;
}

/* Company form becomes compact enough to show State / City / ZIP and Order Summary. */
.company-form-v48,.plan-selector-v48{
  padding-top:7px!important;
  padding-bottom:8px!important;
}
.country-picker-v48{margin-bottom:5px!important}
.company-grid-v48{gap:5px 13px!important}
.company-grid-v48 label>span,.country-picker-v48>label{
  margin-bottom:2px!important;
  font-size:11px!important;
}
.company-grid-v48 input,.company-grid-v48 select,.country-select-v48{
  min-height:33px!important;
  padding:6px 9px!important;
  font-size:11.5px!important;
}
.plan-choice-list-v48{
  margin:5px 0!important;
  gap:4px!important;
}
.plan-choice-list-v48 button{
  padding:7px 9px!important;
}
.delivery-addon-choice-v48{
  padding:7px 9px!important;
}
.order-summary-v48{
  margin-top:5px!important;
  padding:8px 11px!important;
}
.order-summary-v48 h4{
  font-size:16px!important;
  margin:0 0 4px!important;
}
.order-summary-v48>div{
  padding:2px 0!important;
  font-size:11px!important;
}
.summary-total-v48{
  padding-top:6px!important;
}
.summary-total-v48 strong{font-size:18px!important}

/* Footer stays in normal flow and never covers totals. */
.checkout-actions-v48{
  position:static!important;
  padding:6px 20px!important;
  min-height:42px!important;
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
}
.checkout-return-footer-v55{
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
}
.checkout-security-v48{
  flex:1!important;
  max-width:none!important;
  font-size:9px!important;
}
.checkout-primary-v48{
  flex:0 0 auto!important;
}

/* Agreement panel also starts immediately under step bar. */
.checkout-pane-v48[data-checkout-step="2"] .agreement-main-v48{
  padding:6px 22px 0!important;
}
.checkout-pane-v48[data-checkout-step="2"] .agreement-main-v48 h3{
  margin:1px 0 3px!important;
}
.checkout-pane-v48[data-checkout-step="2"] .agreement-meta-v48{
  margin:5px 0!important;
}
.checkout-pane-v48[data-checkout-step="2"] .agreement-scroll-v48{
  height:350px!important;
}

/* Payment panel same top alignment. */
.checkout-pane-v48[data-checkout-step="3"] .payment-layout-v48{
  padding-top:0!important;
  margin-top:0!important;
}

/* Responsive */
@media(max-width:980px){
  .hero-art-pro{padding-bottom:0!important}
  .ecosystem-delivery-support-v53{
    position:relative!important;
    left:auto!important;bottom:auto!important;transform:none!important;
    width:auto!important;margin:12px!important;
  }
  .product-detail .product-copy{padding-top:14px!important}
}

/* ===== STYLE BLOCK 48 (extraido del master v86) ===== */
/* ==========================================================
   V56 — ECOSYSTEM / CAROUSEL / CHECKOUT / MATRIX FINAL FIXES
   ========================================================== */

/* DLV shortcut identical to its neighbors */
.detail-nav a[href="#delivery-dispatch"]{
  color:inherit!important;
  background:transparent!important;
  border-color:transparent!important;
  font-size:inherit!important;
  font-weight:inherit!important;
}
.detail-nav a[href="#delivery-dispatch"]:hover,
.detail-nav a[href="#delivery-dispatch"].active{
  color:#fff!important;
  background:#1769e0!important;
}

/* Delivery solution card identical to the regular cards */
#soluciones a[href="#delivery-dispatch"]{
  border-color:#dce7f3!important;
  background:#fff!important;
}
#soluciones a[href="#delivery-dispatch"] .icon{
  background:#eaf3ff!important;
  color:#1769e0!important;
}

/* BAR icon fits same box as other solution codes */
#soluciones a[href="#detalle-r"] .icon{
  font-size:12px!important;
  letter-spacing:-.02em!important;
}

/* Pricing matrix left header */
.product-matrix thead th:first-child{
  font-size:20px!important;
  font-weight:950!important;
  color:#0c56d5!important;
  line-height:1.2!important;
}

/* Integrated CARFER icon sits INSIDE original cloud, centered and not covering text. */
.hero-art-pro{position:relative!important}
.carfer-cloud-integrated-v56{
  position:absolute!important;
  z-index:29!important;
  left:50%!important;
  top:16.2%!important;
  transform:translate(-50%,-50%)!important;
  width:128px!important;
  height:77px!important;
  border-radius:40px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  background:rgba(255,255,255,.90)!important;
  box-shadow:0 3px 13px rgba(15,80,155,.10)!important;
  pointer-events:none!important;
}
.carfer-cloud-icon-spin-v56{
  width:56px!important;
  height:40px!important;
  display:grid!important;
  place-items:center!important;
  perspective:700px!important;
}
.carfer-cloud-icon-spin-v56 img{
  width:54px!important;
  max-width:none!important;
  height:auto!important;
  transform-origin:50% 50%!important;
  animation:carferCloudSpinV56 14s linear infinite!important;
  filter:drop-shadow(0 3px 5px rgba(0,77,160,.16))!important;
}
.carfer-cloud-integrated-v56 strong{
  margin-top:1px!important;
  color:#1769e0!important;
  font-size:9px!important;
  font-weight:950!important;
  letter-spacing:.08em!important;
}
100%{transform:rotateY(360deg)}
}

/* Delivery & Dispatch as a normal ecosystem node, aligned with other modules */
.ecosystem-delivery-node-v56{
  position:absolute!important;
  z-index:26!important;
  left:69.6%!important;
  top:70.2%!important;
  transform:translateY(-50%)!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  width:205px!important;
  text-decoration:none!important;
  color:#102d4f!important;
}
.ecosystem-delivery-node-v56:before{
  content:""!important;
  position:absolute!important;
  right:100%!important;
  top:50%!important;
  width:66px!important;
  height:1.5px!important;
  background:#2b7ff0!important;
}
.ecosystem-delivery-node-v56:after{
  content:""!important;
  position:absolute!important;
  right:calc(100% + 64px)!important;
  top:calc(50% - 3px)!important;
  width:7px!important;height:7px!important;
  border-radius:50%!important;background:#2b7ff0!important;
}
.ecosystem-delivery-dot-v56{
  flex:0 0 38px!important;
  width:38px!important;height:38px!important;
  border-radius:50%!important;
  display:grid!important;place-items:center!important;
  background:linear-gradient(180deg,#1183ff,#075fc9)!important;
  color:#fff!important;
  box-shadow:0 5px 12px rgba(12,98,200,.24)!important;
  font-size:18px!important;
}
.ecosystem-delivery-text-v56 strong,
.ecosystem-delivery-text-v56 small{display:block!important}
.ecosystem-delivery-text-v56 strong{
  font-size:9.5px!important;
  font-weight:900!important;
  color:#102d4f!important;
}
.ecosystem-delivery-text-v56 small{
  font-size:7.8px!important;
  line-height:1.25!important;
  color:#506b85!important;
  margin-top:2px!important;
}

/* Galleries remain clean while auto-rotating. */
.official-media-img{
  transition:opacity .35s ease, transform .35s ease!important;
}
.official-media-img.active{
  opacity:1!important;
}
.media-dot.active{
  transform:scale(1.18)!important;
}

/* Checkout top content closer to the 1-2-3-4 bar. */
.checkout-steps-v48{
  padding-top:7px!important;
  padding-bottom:7px!important;
}
.checkout-pane-head-v48{
  padding-top:3px!important;
  padding-bottom:4px!important;
}
.checkout-pane-head-v48 h3{
  margin:0 0 1px!important;
}
.checkout-pane-head-v48 p{
  margin:0!important;
}
.company-form-v48,.plan-selector-v48{
  padding-top:5px!important;
}

/* Checkout Delivery is visually selected when Premium+Delivery was chosen. */
.delivery-addon-choice-v48:has(#delivery-addon-v48:checked){
  border:2px solid #f07a00!important;
  background:#fff6ed!important;
  opacity:1!important;
}
.delivery-addon-choice-v48:has(#delivery-addon-v48:checked) span strong{
  color:#d85e00!important;
}

@media(max-width:980px){
  .carfer-cloud-integrated-v56{
    position:relative!important;
    left:auto!important;top:auto!important;transform:none!important;
    margin:10px auto!important;
  }
  .ecosystem-delivery-node-v56{
    position:relative!important;left:auto!important;top:auto!important;transform:none!important;
    width:auto!important;margin:12px 18px!important;
  }
  .ecosystem-delivery-node-v56:before,.ecosystem-delivery-node-v56:after{display:none!important}
}

/* ===== STYLE BLOCK 49 (extraido del master v86) ===== */
.detail-nav a[href="#delivery-dispatch"]{
  color:#3e5874!important;background:transparent!important;border:0!important;
  border-radius:10px!important;font-family:inherit!important;font-size:11px!important;
  font-weight:800!important;padding:9px 12px!important;
}
.detail-nav a[href="#delivery-dispatch"]:hover,
.detail-nav a[href="#delivery-dispatch"].active{background:#1769e0!important;color:#fff!important;}

.carfer-cloud-icon-integral-v57{
  position:absolute!important;z-index:30!important;left:50%!important;top:11.9%!important;
  transform:translate(-50%,-50%)!important;width:50px!important;height:50px!important;
  display:grid!important;place-items:center!important;pointer-events:none!important;
}
.carfer-cloud-icon-integral-v57 img{
  width:46px!important;height:auto!important;transform-origin:50% 50%!important;
  animation:carferIntegralSpinV57 15s linear infinite!important;
  filter:drop-shadow(0 3px 4px rgba(0,69,150,.15))!important;
}
to{transform:rotateY(360deg)}}

.ecosystem-delivery-node-v57{
  position:absolute!important;z-index:28!important;left:67.8%!important;top:65.6%!important;
  width:210px!important;display:flex!important;align-items:center!important;gap:9px!important;
  cursor:pointer!important;outline:none!important;
}
.delivery-connector-v57{
  position:absolute!important;right:100%!important;top:50%!important;width:90px!important;height:1.5px!important;background:#2b7ff0!important;
}
.delivery-connector-v57:before{
  content:""!important;position:absolute!important;left:0!important;top:-3px!important;width:7px!important;height:7px!important;border-radius:50%!important;background:#2b7ff0!important;
}
.delivery-node-icon-v57{
  flex:0 0 38px!important;width:38px!important;height:38px!important;border-radius:50%!important;
  display:grid!important;place-items:center!important;background:linear-gradient(180deg,#1184ff,#0761cc)!important;
  color:#fff!important;box-shadow:0 5px 12px rgba(11,91,190,.24)!important;font-size:18px!important;
}
.delivery-node-copy-v57 strong,.delivery-node-copy-v57 small{display:block!important}
.delivery-node-copy-v57 strong{font-size:9.5px!important;color:#122e50!important;font-weight:900!important}
.delivery-node-copy-v57 small{font-size:7.7px!important;color:#526c85!important;line-height:1.25!important;margin-top:2px!important}

.delivery-hover-card-v57{
  position:absolute!important;right:-34px!important;bottom:52px!important;width:340px!important;
  opacity:0!important;visibility:hidden!important;transform:translateY(8px) scale(.98)!important;
  transition:opacity .28s ease, transform .28s ease, visibility .28s ease!important;
  padding:16px!important;border-radius:17px!important;
  background:linear-gradient(135deg,rgba(31,125,235,.97),rgba(49,169,226,.96))!important;
  color:#fff!important;box-shadow:0 18px 45px rgba(0,65,145,.28)!important;pointer-events:none!important;
}
.ecosystem-delivery-node-v57:hover .delivery-hover-card-v57,
.ecosystem-delivery-node-v57:focus .delivery-hover-card-v57{
  opacity:1!important;visibility:visible!important;transform:translateY(0) scale(1)!important;
}
.hover-kicker-v57{font-size:8px!important;font-weight:900!important;letter-spacing:.08em!important}
.delivery-hover-card-v57 h4{font-size:18px!important;margin:4px 0 6px!important}
.delivery-hover-card-v57 p{font-size:10px!important;line-height:1.45!important;margin:0 0 10px!important}
.delivery-hover-grid-v57{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}
.delivery-hover-grid-v57 span{padding:7px 8px!important;border-radius:8px!important;background:rgba(255,255,255,.13)!important;font-size:8.5px!important}

.area-field-v57 select{
  width:100%!important;box-sizing:border-box!important;padding:6px 9px!important;min-height:33px!important;
  border:1px solid #cddbea!important;border-radius:10px!important;background:#fff!important;
  color:#183653!important;font:inherit!important;font-size:11.5px!important;
}

.official-media-img{transition:opacity 1.05s ease, transform 1.05s ease!important}
.official-media-img.active{transform:scale(1)!important}
.official-media-img:not(.active){transform:scale(.995)!important}

@media(max-width:980px){
  .carfer-cloud-icon-integral-v57{position:relative!important;left:auto!important;top:auto!important;transform:none!important;margin:8px auto!important}
  .ecosystem-delivery-node-v57{position:relative!important;left:auto!important;top:auto!important;width:auto!important;margin:12px 18px!important}
  .delivery-connector-v57{display:none!important}
}

/* ===== STYLE BLOCK 50 (extraido del master v86) ===== */
/* V58 — Country / ZIP / integrated icon / Delivery placement */

/* Country native ListBox */
#country-native-v58{
  width:100%!important;
  min-height:38px!important;
  padding:7px 10px!important;
  border:1px solid #cddbea!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#173b62!important;
  font:inherit!important;
  font-size:12px!important;
  font-weight:700!important;
}
#country-native-v58 option:disabled{
  color:#8c9bab!important;
}

/* Make CARFER symbol clearly visible while rotating:
   rotate in the plane instead of becoming razor-thin edge-on. */
.carfer-cloud-icon-integral-v58{
  position:absolute!important;
  z-index:30!important;
  left:50%!important;
  top:11.7%!important;
  transform:translate(-50%,-50%)!important;
  width:58px!important;
  height:58px!important;
  display:grid!important;
  place-items:center!important;
  pointer-events:none!important;
}
.carfer-cloud-icon-integral-v58 img{
  width:52px!important;
  height:auto!important;
  transform-origin:50% 50%!important;
  animation:carferIntegralSpinV58 16s linear infinite!important;
  filter:drop-shadow(0 3px 4px rgba(0,69,150,.18))!important;
}
to{transform:rotate(360deg)}
}

/* Delivery & Dispatch: clear separation from Bar & Restaurant and
   a connection that visually originates from the central server stack. */
.ecosystem-delivery-node-v58{
  position:absolute!important;
  z-index:28!important;
  left:72.8%!important;
  top:69.0%!important;
  width:205px!important;
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  cursor:pointer!important;
  outline:none!important;
}
.delivery-connector-v58{
  position:absolute!important;
  right:100%!important;
  top:50%!important;
  width:142px!important;
  height:1.5px!important;
  background:#2b7ff0!important;
}
.delivery-connector-v58:before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:-3px!important;
  width:7px!important;
  height:7px!important;
  border-radius:50%!important;
  background:#2b7ff0!important;
}
.delivery-connector-v58:after{
  content:""!important;
  position:absolute!important;
  right:-3px!important;
  top:-3px!important;
  width:7px!important;
  height:7px!important;
  border-radius:50%!important;
  background:#2b7ff0!important;
}

/* Reuse hover style from V57 for renamed node. */
.ecosystem-delivery-node-v58:hover .delivery-hover-card-v57,
.ecosystem-delivery-node-v58:focus .delivery-hover-card-v57{
  opacity:1!important;
  visibility:visible!important;
  transform:translateY(0) scale(1)!important;
}

/* Keep 5-second carousel with smoother fade. */
.official-media-img{
  transition:opacity 1.35s ease-in-out, transform 1.35s ease-in-out!important;
}

@media(max-width:980px){
  .carfer-cloud-icon-integral-v58{
    position:relative!important;left:auto!important;top:auto!important;
    transform:none!important;margin:8px auto!important;
  }
  .ecosystem-delivery-node-v58{
    position:relative!important;left:auto!important;top:auto!important;
    width:auto!important;margin:12px 18px!important;
  }
  .delivery-connector-v58{display:none!important}
}

/* ===== STYLE BLOCK 51 (extraido del master v86) ===== */
/* V59 — Flags + CARFER CLOUD animated object + elbow Delivery connection */

/* Country dropdown with flags */
.country-select-v59{position:relative}
.country-button-v59{
  width:100%;min-height:38px;padding:7px 10px;
  display:flex;align-items:center;gap:10px;
  border:1px solid #cddbea;border-radius:10px;background:#fff;
  color:#173b62;font:inherit;font-size:12px;font-weight:700;cursor:pointer
}
.country-flag-v59{font-size:18px;line-height:1}
.country-name-v59{flex:1;text-align:left}
.country-chevron-v59{font-size:14px;color:#6a7d90}
.country-menu-v59{
  display:none;position:absolute;left:0;right:0;top:44px;z-index:80;
  padding:6px;border:1px solid #cddbea;border-radius:10px;background:#fff;
  box-shadow:0 16px 36px rgba(15,49,88,.16)
}
.country-menu-v59.open{display:block}
.country-option-v59{
  width:100%;display:grid;grid-template-columns:28px 1fr auto;gap:8px;align-items:center;
  padding:9px 10px;border:0;border-radius:8px;background:#fff;color:#173b62;text-align:left
}
.country-option-v59.selected{background:#f2f7ff}
.country-option-v59.disabled{opacity:.5;cursor:not-allowed}
.country-option-v59 small{font-size:9px}

/* New animated CARFER CLOUD object replaces the original cloud visually */
.carfer-cloud-gif-v59{
  position:absolute!important;z-index:31!important;
  left:50%!important;top:15.2%!important;
  transform:translate(-50%,-50%)!important;
  width:305px!important;height:128px!important;
  display:grid!important;place-items:center!important;
  background:rgba(255,255,255,.96)!important;
  border-radius:62px!important;
  box-shadow:0 8px 22px rgba(13,83,163,.14)!important;
  overflow:hidden!important;
  pointer-events:none!important
}
.carfer-cloud-gif-v59 img{
  width:300px!important;height:auto!important;display:block!important
}

/* Delivery connection: stepped/elbow path from central server, not a flat horizontal line */
.ecosystem-delivery-node-v59{
  position:absolute!important;z-index:28!important;
  left:72.4%!important;top:67.8%!important;
  width:205px!important;display:flex!important;align-items:center!important;gap:9px!important;
  cursor:pointer!important;outline:none!important
}
.delivery-connector-v59{
  position:absolute!important;
  right:100%!important;
  top:50%!important;
  width:118px!important;
  height:60px!important;
  border-left:2px solid #2b7ff0!important;
  border-bottom:2px solid #2b7ff0!important;
  border-bottom-left-radius:18px!important;
  transform:translateY(-58px)!important;
}
.delivery-connector-v59:before{
  content:""!important;
  position:absolute!important;
  left:-4px!important;
  top:-4px!important;
  width:8px!important;height:8px!important;border-radius:50%!important;background:#2b7ff0!important
}
.delivery-connector-v59:after{
  content:""!important;
  position:absolute!important;
  right:-4px!important;
  bottom:-4px!important;
  width:8px!important;height:8px!important;border-radius:50%!important;background:#2b7ff0!important
}

/* Existing hover card continues to work under renamed node */
.ecosystem-delivery-node-v59:hover .delivery-hover-card-v57,
.ecosystem-delivery-node-v59:focus .delivery-hover-card-v57{
  opacity:1!important;visibility:visible!important;transform:translateY(0) scale(1)!important
}

@media(max-width:980px){
  .carfer-cloud-gif-v59{
    position:relative!important;left:auto!important;top:auto!important;transform:none!important;
    width:min(330px,92%)!important;height:auto!important;margin:10px auto!important
  }
  .ecosystem-delivery-node-v59{
    position:relative!important;left:auto!important;top:auto!important;width:auto!important;margin:12px 18px!important
  }
  .delivery-connector-v59{display:none!important}
}

/* ===== STYLE BLOCK 52 (extraido del master v86) ===== */
/* ==========================================================
   V60 — STATIC CARFER CLOUD ECOSYSTEM
   Approved visual direction: NO GIF / NO rotating logo
   ========================================================== */

/* Remove any animation inherited from previous versions */
[class*="carfer-cloud-"] img,
[class*="carfer-cloud-"]{
  animation:none!important;
}

/* Keep original ecosystem artwork fully visible and clean */
.hero-art-pro{
  position:relative!important;
  overflow:visible!important;
}

/* Delivery & Dispatch integrated like the other ecosystem modules */
.ecosystem-delivery-node-v60{
  position:absolute!important;
  z-index:28!important;
  left:72.0%!important;
  top:68.3%!important;
  width:205px!important;
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  cursor:pointer!important;
  outline:none!important;
  color:#102d4f!important;
  text-decoration:none!important;
}

/* Connection visually tied to the central stack, with an elbow path */
.delivery-connector-v60{
  position:absolute!important;
  right:100%!important;
  top:50%!important;
  width:112px!important;
  height:58px!important;
  border-left:2px solid #2b7ff0!important;
  border-bottom:2px solid #2b7ff0!important;
  border-bottom-left-radius:18px!important;
  transform:translateY(-56px)!important;
}
.delivery-connector-v60:before{
  content:""!important;
  position:absolute!important;
  left:-4px!important;
  top:-4px!important;
  width:8px!important;
  height:8px!important;
  border-radius:50%!important;
  background:#2b7ff0!important;
}
.delivery-connector-v60:after{
  content:""!important;
  position:absolute!important;
  right:-4px!important;
  bottom:-4px!important;
  width:8px!important;
  height:8px!important;
  border-radius:50%!important;
  background:#2b7ff0!important;
}

/* Delivery icon and typography intentionally match the ecosystem's visual language */
.ecosystem-delivery-node-v60 .delivery-node-icon-v57{
  flex:0 0 38px!important;
  width:38px!important;
  height:38px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  background:linear-gradient(180deg,#1184ff,#0761cc)!important;
  color:#fff!important;
  box-shadow:0 5px 12px rgba(11,91,190,.24)!important;
  font-size:18px!important;
}
.ecosystem-delivery-node-v60 .delivery-node-copy-v57 strong,
.ecosystem-delivery-node-v60 .delivery-node-copy-v57 small{
  display:block!important;
}
.ecosystem-delivery-node-v60 .delivery-node-copy-v57 strong{
  font-size:9.5px!important;
  color:#122e50!important;
  font-weight:900!important;
}
.ecosystem-delivery-node-v60 .delivery-node-copy-v57 small{
  font-size:7.8px!important;
  color:#526c85!important;
  line-height:1.25!important;
  margin-top:2px!important;
}

/* Hover card remains available but without any cloud/logo animation */
.ecosystem-delivery-node-v60:hover .delivery-hover-card-v57,
.ecosystem-delivery-node-v60:focus .delivery-hover-card-v57{
  opacity:1!important;
  visibility:visible!important;
  transform:translateY(0) scale(1)!important;
}

/* Hide any orphaned legacy connector/animated visual if browser keeps old CSS specificity */
.delivery-connector-v59,
.delivery-connector-v58,
.delivery-connector-v57,
.carfer-cloud-gif-v59,
.carfer-cloud-icon-integral-v58,
.carfer-cloud-icon-integral-v57,
.carfer-cloud-integrated-v56,
.carfer-cloud-mini360-v53{
  display:none!important;
}

/* Responsive */
@media(max-width:980px){
  .ecosystem-delivery-node-v60{
    position:relative!important;
    left:auto!important;
    top:auto!important;
    width:auto!important;
    margin:12px 18px!important;
  }
  .delivery-connector-v60{
    display:none!important;
  }
}

/* ===== STYLE BLOCK 53 (extraido del master v86) ===== */
/* ==========================================================
   V61 — DELIVERY & DISPATCH VISUAL CORRECTION
   Matches the approved ecosystem visual direction.
   ========================================================== */

.ecosystem-delivery-node-v61{
  position:absolute!important;
  z-index:28!important;
  left:69.4%!important;
  top:66.8%!important;
  width:220px!important;
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  color:#102d4f!important;
  text-decoration:none!important;
  cursor:pointer!important;
  outline:none!important;
}

/* Connector now feels like the other ecosystem links:
   short, stepped and directly tied to the central stack. */
.delivery-connector-v61{
  position:absolute!important;
  right:100%!important;
  top:50%!important;
  width:92px!important;
  height:32px!important;
  border-left:1.8px solid #2b7ff0!important;
  border-bottom:1.8px solid #2b7ff0!important;
  border-bottom-left-radius:14px!important;
  transform:translateY(-30px)!important;
}
.delivery-connector-v61:before{
  content:""!important;
  position:absolute!important;
  left:-4px!important;
  top:-4px!important;
  width:7px!important;
  height:7px!important;
  border-radius:50%!important;
  background:#2b7ff0!important;
}
.delivery-connector-v61:after{
  content:""!important;
  position:absolute!important;
  right:-4px!important;
  bottom:-4px!important;
  width:7px!important;
  height:7px!important;
  border-radius:50%!important;
  background:#2b7ff0!important;
}

.delivery-node-icon-v61{
  flex:0 0 44px!important;
  width:44px!important;
  height:44px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  background:linear-gradient(180deg,#0f87ff,#0662cf)!important;
  color:#fff!important;
  box-shadow:0 5px 13px rgba(11,91,190,.22)!important;
  font-size:20px!important;
}

.delivery-node-copy-v61{
  min-width:0!important;
}
.delivery-node-copy-v61 strong,
.delivery-node-copy-v61 small{
  display:block!important;
}
.delivery-node-copy-v61 strong{
  font-size:10.5px!important;
  line-height:1.15!important;
  font-weight:900!important;
  color:#102d4f!important;
  white-space:nowrap!important;
}
.delivery-node-copy-v61 small{
  margin-top:2px!important;
  font-size:8px!important;
  line-height:1.28!important;
  color:#526c85!important;
}

/* Hover detail stays attached to Delivery, not Bar & Restaurant. */
.ecosystem-delivery-node-v61:hover .delivery-hover-card-v57,
.ecosystem-delivery-node-v61:focus .delivery-hover-card-v57{
  opacity:1!important;
  visibility:visible!important;
  transform:translateY(0) scale(1)!important;
}

/* Prevent any earlier Delivery layout from leaking through. */
.ecosystem-delivery-node-v60,
.delivery-connector-v60{
  all:unset;
}

@media(max-width:980px){
  .ecosystem-delivery-node-v61{
    position:relative!important;
    left:auto!important;
    top:auto!important;
    width:auto!important;
    margin:12px 18px!important;
  }
  .delivery-connector-v61{display:none!important}
}

/* ===== STYLE BLOCK 54 (extraido del master v86) ===== */
/* V62 — Delivery connector now mimics the SAME visual language
   used by the other CARFER ecosystem module connectors:
   thin light-blue line, small dotted/round terminals, gentle curved elbow. */

.ecosystem-delivery-node-v62{
  position:absolute!important;
  z-index:28!important;
  left:70.8%!important;
  top:66.7%!important;
  width:215px!important;
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  color:#102d4f!important;
  text-decoration:none!important;
  cursor:pointer!important;
  outline:none!important;
}

/* Same family as the artwork connectors: thin, light blue,
   horizontal from server, soft bend, then horizontal into module. */
.delivery-connector-v62{
  position:absolute!important;
  right:calc(100% - 1px)!important;
  top:50%!important;
  width:122px!important;
  height:44px!important;
  transform:translateY(-43px)!important;
  border-left:1.35px solid #6ba6f8!important;
  border-bottom:1.35px solid #6ba6f8!important;
  border-bottom-left-radius:17px!important;
  box-sizing:border-box!important;
  opacity:.95!important;
}

/* short horizontal segment from central server into the bend */
.delivery-connector-v62:before{
  content:""!important;
  position:absolute!important;
  left:-58px!important;
  top:-1.35px!important;
  width:58px!important;
  height:1.35px!important;
  background:#6ba6f8!important;
  box-shadow:
    12px 0 0 -0.1px #6ba6f8,
    30px 0 0 -0.1px #6ba6f8!important;
}

/* terminal dot next to Delivery module, same small-dot character */
.delivery-connector-v62:after{
  content:""!important;
  position:absolute!important;
  right:-3px!important;
  bottom:-3px!important;
  width:6px!important;
  height:6px!important;
  border-radius:50%!important;
  background:#2d7eea!important;
  box-shadow:-92px -44px 0 -1px #2d7eea!important;
}

/* Ensure old stronger elbow connectors cannot show. */
.delivery-connector-v61,
.delivery-connector-v60,
.delivery-connector-v59,
.delivery-connector-v58,
.delivery-connector-v57{
  display:none!important;
}

.ecosystem-delivery-node-v62:hover .delivery-hover-card-v57,
.ecosystem-delivery-node-v62:focus .delivery-hover-card-v57{
  opacity:1!important;
  visibility:visible!important;
  transform:translateY(0) scale(1)!important;
}

@media(max-width:980px){
  .ecosystem-delivery-node-v62{
    position:relative!important;
    left:auto!important;
    top:auto!important;
    width:auto!important;
    margin:12px 18px!important;
  }
  .delivery-connector-v62{display:none!important}
}

/* ===== STYLE BLOCK 55 (extraido del master v86) ===== */
/* V63 — clean Delivery connector:
   routed BELOW the AI Assistant copy, never across "reports",
   while keeping the same thin/light/curved ecosystem language. */

.ecosystem-delivery-node-v63{
  position:absolute!important;
  z-index:28!important;
  left:70.8%!important;
  top:67.5%!important;
  width:215px!important;
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  color:#102d4f!important;
  text-decoration:none!important;
  cursor:pointer!important;
  outline:none!important;
}

/* Start from open whitespace below/right of AI Assistant,
   descend softly, then turn right into Delivery. */
.delivery-connector-v63{
  position:absolute!important;
  right:calc(100% - 1px)!important;
  top:50%!important;
  width:112px!important;
  height:25px!important;
  transform:translateY(-24px)!important;
  border-left:1.25px solid #6ba6f8!important;
  border-bottom:1.25px solid #6ba6f8!important;
  border-bottom-left-radius:15px!important;
  box-sizing:border-box!important;
  opacity:.92!important;
}

/* short incoming horizontal section — placed in blank space,
   not over the AI Assistant description */
.delivery-connector-v63:before{
  content:""!important;
  position:absolute!important;
  left:-72px!important;
  top:-1.25px!important;
  width:72px!important;
  height:1.25px!important;
  background:#6ba6f8!important;
}

/* subtle terminal dots, same visual family as the artwork */
.delivery-connector-v63:after{
  content:""!important;
  position:absolute!important;
  right:-3px!important;
  bottom:-3px!important;
  width:6px!important;
  height:6px!important;
  border-radius:50%!important;
  background:#2d7eea!important;
  box-shadow:-112px -25px 0 -1px #2d7eea!important;
}

/* suppress previous connector */
.delivery-connector-v62{display:none!important}

.ecosystem-delivery-node-v63:hover .delivery-hover-card-v57,
.ecosystem-delivery-node-v63:focus .delivery-hover-card-v57{
  opacity:1!important;
  visibility:visible!important;
  transform:translateY(0) scale(1)!important;
}

@media(max-width:980px){
  .ecosystem-delivery-node-v63{
    position:relative!important;
    left:auto!important;
    top:auto!important;
    width:auto!important;
    margin:12px 18px!important;
  }
  .delivery-connector-v63{display:none!important}
}

/* ===== STYLE BLOCK 56 (extraido del master v86) ===== */
/* ==========================================================
   V64 — DELIVERY FROM CENTRAL SERVER + REAL FLAG ICONS + POS LOGO REMOVED
   ========================================================== */

/* Embedded flag images render consistently on Windows/Chrome */
.country-flag-v59{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.country-flag-img-v64{
  width:24px!important;
  height:16px!important;
  object-fit:cover!important;
  border-radius:2px!important;
  box-shadow:0 0 0 1px rgba(20,45,75,.16)!important;
  display:block!important;
}

/* The Delivery line is a true overlay path from the central server stack */
.delivery-path-svg-v64{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  z-index:24!important;
  pointer-events:none!important;
  overflow:visible!important;
}

.ecosystem-delivery-node-v64{
  position:absolute!important;
  z-index:28!important;
  left:70.8%!important;
  top:67.5%!important;
  width:215px!important;
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  color:#102d4f!important;
  text-decoration:none!important;
  cursor:pointer!important;
  outline:none!important;
}

/* Hide every legacy connector so only the central-server SVG route remains */
[class^="delivery-connector-v"],
[class*=" delivery-connector-v"]{
  display:none!important;
}

.ecosystem-delivery-node-v64:hover .delivery-hover-card-v57,
.ecosystem-delivery-node-v64:focus .delivery-hover-card-v57{
  opacity:1!important;
  visibility:visible!important;
  transform:translateY(0) scale(1)!important;
}

@media(max-width:980px){
  .delivery-path-svg-v64{display:none!important}
  .ecosystem-delivery-node-v64{
    position:relative!important;
    left:auto!important;
    top:auto!important;
    width:auto!important;
    margin:12px 18px!important;
  }
}

/* ===== STYLE BLOCK 57 (extraido del master v86) ===== */
/* V65 — final POS image cleanup + Delivery connector refinement */

.delivery-path-svg-v65{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  z-index:24!important;
  pointer-events:none!important;
  overflow:visible!important;
}

.ecosystem-delivery-node-v65{
  position:absolute!important;
  z-index:28!important;
  left:71.5%!important;
  top:68.15%!important;
  width:215px!important;
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  color:#102d4f!important;
  text-decoration:none!important;
  cursor:pointer!important;
  outline:none!important;
}

/* The icon is the precise contact target of the connection */
.ecosystem-delivery-node-v65 .delivery-node-icon-v61,
.ecosystem-delivery-node-v65 .delivery-node-icon-v57{
  position:relative!important;
  z-index:2!important;
}

/* Hide every earlier connector implementation */
.delivery-path-svg-v64,
[class^="delivery-connector-v"],
[class*=" delivery-connector-v"]{
  display:none!important;
}

/* Re-enable only V65 SVG */
.delivery-path-svg-v65{
  display:block!important;
}

.ecosystem-delivery-node-v65:hover .delivery-hover-card-v57,
.ecosystem-delivery-node-v65:focus .delivery-hover-card-v57{
  opacity:1!important;
  visibility:visible!important;
  transform:translateY(0) scale(1)!important;
}

@media(max-width:980px){
  .delivery-path-svg-v65{display:none!important}
  .ecosystem-delivery-node-v65{
    position:relative!important;
    left:auto!important;
    top:auto!important;
    width:auto!important;
    margin:12px 18px!important;
  }
}

/* ===== STYLE BLOCK 58 (extraido del master v86) ===== */
/* V66 — Delivery connector exactly centered on icon + final POS cleanup */

.delivery-path-svg-v66{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  z-index:24!important;
  pointer-events:none!important;
  overflow:visible!important;
}

.ecosystem-delivery-node-v66{
  position:absolute!important;
  z-index:28!important;
  left:71.5%!important;
  top:67.6%!important;
  width:215px!important;
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  color:#102d4f!important;
  text-decoration:none!important;
  cursor:pointer!important;
  outline:none!important;
}

/* Keep the delivery icon itself as the visual target of the connector. */
.ecosystem-delivery-node-v66 .delivery-node-icon-v61,
.ecosystem-delivery-node-v66 .delivery-node-icon-v57{
  position:relative!important;
  z-index:3!important;
}

/* Suppress all older connector implementations. */
.delivery-path-svg-v65,
.delivery-path-svg-v64,
[class^="delivery-connector-v"],
[class*=" delivery-connector-v"]{
  display:none!important;
}

/* Only V66 route is shown. */
.delivery-path-svg-v66{
  display:block!important;
}

.ecosystem-delivery-node-v66:hover .delivery-hover-card-v57,
.ecosystem-delivery-node-v66:focus .delivery-hover-card-v57{
  opacity:1!important;
  visibility:visible!important;
  transform:translateY(0) scale(1)!important;
}

@media(max-width:980px){
  .delivery-path-svg-v66{display:none!important}
  .ecosystem-delivery-node-v66{
    position:relative!important;
    left:auto!important;
    top:auto!important;
    width:auto!important;
    margin:12px 18px!important;
  }
}

/* ===== STYLE BLOCK 59 (extraido del master v86) ===== */
/* ==========================================================
   V67 — CLEAN POS IMAGES + DELIVERY CONNECTOR + HOVER SENSITIVITY
   ========================================================== */

/* Delivery node position aligns the connector endpoint with icon center */
.ecosystem-delivery-node-v67{
  position:absolute!important;
  z-index:28!important;
  left:71.3%!important;
  top:66.1%!important;
  width:215px!important;
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  color:#102d4f!important;
  text-decoration:none!important;
  cursor:pointer!important;
  outline:none!important;
}

/* Reference-style connector */
.delivery-path-svg-v67{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  z-index:24!important;
  pointer-events:none!important;
  overflow:visible!important;
}

/* Hide every previous connector implementation */
.delivery-path-svg-v66,
.delivery-path-svg-v65,
.delivery-path-svg-v64,
[class^="delivery-connector-v"],
[class*=" delivery-connector-v"]{
  display:none!important;
}

/* Keep the Delivery hover bound tightly to the actual node */
.ecosystem-delivery-node-v67{
  pointer-events:auto!important;
}
.ecosystem-delivery-node-v67 .delivery-hover-card-v57{
  pointer-events:none!important;
}
.ecosystem-delivery-node-v67:hover .delivery-hover-card-v57,
.ecosystem-delivery-node-v67:focus .delivery-hover-card-v57{
  opacity:1!important;
  visibility:visible!important;
  transform:translateY(0) scale(1)!important;
}

/* Reduce sensitivity of all ecosystem hover/hotspot overlays.
   Broad transparent blocks were causing Bar & Restaurant and Delivery
   to trigger each other. */
.hero-art-pro [class*="hotspot"],
.hero-art-pro [class*="hover-zone"],
.hero-art-pro [class*="ecosystem-zone"],
.hero-art-pro [class*="module-zone"]{
  pointer-events:none!important;
}

/* Re-enable pointer events only on the visible module cards/icons/labels */
.hero-art-pro [class*="module-card"],
.hero-art-pro [class*="eco-module"],
.hero-art-pro [class*="ecosystem-module"],
.hero-art-pro .ecosystem-delivery-node-v67{
  pointer-events:auto!important;
}

/* If earlier ecosystem interactivity uses positioned links/divs,
   shrink their active footprint around their contents. */
.hero-art-pro a[aria-label],
.hero-art-pro div[tabindex="0"]{
  box-sizing:border-box!important;
}
.hero-art-pro a[aria-label]:not(.ecosystem-delivery-node-v67){
  padding:2px!important;
}

/* POS gallery now uses only the two clean user-supplied images */
#detalle-pos .official-media-stage{
  background:transparent!important;
}
#detalle-pos .official-media-img{
  object-fit:contain!important;
}

/* Responsive */
@media(max-width:980px){
  .delivery-path-svg-v67{display:none!important}
  .ecosystem-delivery-node-v67{
    position:relative!important;
    left:auto!important;
    top:auto!important;
    width:auto!important;
    margin:12px 18px!important;
  }
}

/* ===== STYLE BLOCK 60 (extraido del master v86) ===== */
/* ==========================================================
   V68 — MEDIA + HOVER SENSITIVITY + DELIVERY CONNECTOR
   ========================================================== */

/* Restore interaction for every CARFER Cloud module */
.ecosystem-interactive-layer{
  pointer-events:none!important;
}
.ecosystem-interactive-layer .eco-hotspot{
  pointer-events:auto!important;
  cursor:pointer!important;
}

/* Tighter hit areas — close to each icon/label, no broad overlap */
.eco-backoffice{left:14.5%!important;top:7%!important;width:22%!important;height:16%!important}
.eco-pos{left:14.5%!important;top:29%!important;width:22%!important;height:15%!important}
.eco-invoice{left:14.5%!important;top:51%!important;width:22%!important;height:16%!important}

.eco-ecommerce{right:12.5%!important;top:7%!important;width:22%!important;height:16%!important}
.eco-retail{right:12.5%!important;top:29%!important;width:22%!important;height:15%!important}
.eco-restaurant{right:12.5%!important;top:50%!important;width:22%!important;height:17%!important}

/* AI centered around its icon/copy only */
.eco-ai{left:35%!important;bottom:16%!important;width:30%!important;height:16%!important}

/* Delivery has its own compact, independent hit area */
.ecosystem-delivery-node-v68{
  position:absolute!important;
  z-index:28!important;
  left:72.0%!important;
  top:67.8%!important;
  width:205px!important;
  min-height:44px!important;
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  color:#102d4f!important;
  text-decoration:none!important;
  cursor:pointer!important;
  outline:none!important;
  pointer-events:auto!important;
}

/* Connector follows the same thin/light style and reaches icon midpoint */
.delivery-path-svg-v68{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  z-index:24!important;
  pointer-events:none!important;
  overflow:visible!important;
}

/* Hide all prior connector implementations */
.delivery-path-svg-v67,
.delivery-path-svg-v66,
.delivery-path-svg-v65,
.delivery-path-svg-v64,
[class^="delivery-connector-v"],
[class*=" delivery-connector-v"]{
  display:none!important;
}

/* All original module hover effects are restored */
.eco-hotspot:hover:before,
.eco-hotspot:focus-visible:before,
.eco-hotspot.active:before{
  opacity:1!important;
}

/* Delivery hover reacts only over its own compact node */
.ecosystem-delivery-node-v68 .delivery-hover-card-v57{
  pointer-events:none!important;
}
.ecosystem-delivery-node-v68:hover .delivery-hover-card-v57,
.ecosystem-delivery-node-v68:focus .delivery-hover-card-v57{
  opacity:1!important;
  visibility:visible!important;
  transform:translateY(0) scale(1)!important;
}

/* Keep carousel media clean and contained */
#detalle-pos .official-media-img,
#detalle-r .official-media-img{
  object-fit:contain!important;
  background:#fff!important;
}

/* 5-second carousel with soft transition remains */
.official-media-img{
  transition:opacity 1.35s ease-in-out, transform 1.35s ease-in-out!important;
}

@media(max-width:980px){
  .delivery-path-svg-v68{display:none!important}
  .ecosystem-delivery-node-v68{
    position:relative!important;
    left:auto!important;
    top:auto!important;
    width:auto!important;
    margin:12px 18px!important;
  }
  .eco-hotspot{
    pointer-events:none!important;
  }
}

/* ===== STYLE BLOCK 61 (extraido del master v86) ===== */
.segment .ph.segment-media-v69{height:260px!important;min-height:260px!important;padding:0!important;overflow:hidden!important;background:#071a36!important;display:flex!important;align-items:center!important;justify-content:center!important}.segment .ph.segment-media-v69:after{content:none!important;display:none!important}.segment-video-v69{width:100%!important;height:100%!important;display:block!important;object-fit:contain!important;background:#071a36!important}.segment-image-wrap-v69{background:#fff!important}.segment-image-v69{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}@media(max-width:850px){.segment .ph.segment-media-v69{height:auto!important;min-height:220px!important;aspect-ratio:16/9!important}}

/* ===== STYLE BLOCK 62 (extraido del master v86) ===== */
/* V73 — large Bar terminal demo + autoplay all videos */
.bar-terminal-demo-v73{width:min(1320px,96vw)!important;margin:34px auto 54px!important;padding:0 10px!important;box-sizing:border-box!important}
.bar-terminal-demo-head-v73{text-align:center!important;max-width:900px!important;margin:0 auto 22px!important}
.bar-terminal-demo-head-v73 .eyebrow{display:block!important;color:#1268e9!important;font-size:12px!important;font-weight:900!important;letter-spacing:.12em!important;margin-bottom:7px!important}
.bar-terminal-demo-head-v73 h2{margin:0!important;color:#0b2b52!important;font-size:clamp(28px,3.2vw,48px)!important;line-height:1.08!important}
.bar-terminal-demo-head-v73 p{margin:10px auto 0!important;color:#55708f!important;font-size:16px!important;line-height:1.55!important}
.bar-terminal-stage-v73{position:relative!important;width:min(1180px,100%)!important;margin:0 auto!important;aspect-ratio:383/306!important;overflow:hidden!important;border-radius:22px!important;background:#fff!important;box-shadow:0 22px 55px rgba(12,47,91,.15)!important}
.bar-terminal-frame-v73{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important;z-index:2!important;pointer-events:none!important}
/* calibrated to the tablet screen area of the user-provided terminal image */
.bar-terminal-screen-v73{position:absolute!important;z-index:1!important;left:18.6%!important;top:12.2%!important;width:49.4%!important;height:43.6%!important;overflow:hidden!important;border-radius:7px!important;background:#081424!important;transform:perspective(1200px) rotateY(-3deg) rotateX(1deg)!important;transform-origin:center!important}
.bar-terminal-video-v73{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;background:#081424!important;pointer-events:none!important}
.bar-terminal-video-v73::-webkit-media-controls{display:none!important}
.autoplay-video-v73{max-width:100%!important}
@media(max-width:760px){.bar-terminal-demo-v73{margin:24px auto 36px!important}.bar-terminal-demo-head-v73 p{font-size:14px!important}.bar-terminal-stage-v73{border-radius:14px!important}}

/* ===== STYLE BLOCK 63 (extraido del master v86) ===== */
/* V74 — large Bar monitor autoplay + LinkedIn */
#bar-terminal-demo-v73 .bar-terminal-stage-v73{
  position:relative!important;
  width:min(1180px,100%)!important;
  margin:0 auto!important;
  aspect-ratio:1166/683!important;
  overflow:hidden!important;
  border-radius:18px!important;
  background:#0d1828!important;
  box-shadow:0 22px 55px rgba(12,47,91,.15)!important;
}
#bar-terminal-demo-v73 .bar-terminal-frame-v73{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  z-index:2!important;
  pointer-events:none!important;
}

/* Calibrated to the latest uploaded terminal image.
   The video is placed inside the large POS monitor only. */
#bar-terminal-demo-v73 .bar-terminal-screen-v73{
  position:absolute!important;
  z-index:1!important;
  left:27.6%!important;
  top:7.1%!important;
  width:43.7%!important;
  height:49.7%!important;
  overflow:hidden!important;
  border-radius:9px!important;
  background:#081424!important;
  transform:perspective(1500px) rotateY(-4.6deg) rotateX(.6deg)!important;
  transform-origin:center center!important;
}
#bar-terminal-demo-v73 .bar-terminal-video-v73{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
  background:#081424!important;
  pointer-events:none!important;
}
#bar-terminal-demo-v73 .bar-terminal-video-v73::-webkit-media-controls{
  display:none!important;
}

.social-link-v74{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:42px!important;
  padding:0 14px!important;
  margin:6px 6px 0 0!important;
  border:1px solid rgba(255,255,255,.22)!important;
  border-radius:9px!important;
  color:#fff!important;
  text-decoration:none!important;
  font-size:16px!important;
  background:transparent!important;
}
.social-link-v74:hover{
  background:rgba(255,255,255,.08)!important;
}

/* All page videos remain autoplay-capable */
.autoplay-video-v74{
  max-width:100%!important;
}

@media(max-width:760px){
  #bar-terminal-demo-v73 .bar-terminal-screen-v73{
    left:27.7%!important;
    top:7.2%!important;
    width:43.5%!important;
    height:49.5%!important;
  }
}

/* ===== STYLE BLOCK 64 (extraido del master v86) ===== */
/* ==========================================================
   V75 — FINAL LARGE BAR TERMINAL WITH LIVE AUTOPLAY VIDEO
   ========================================================== */

#bar-terminal-demo-v73 .bar-terminal-stage-v73{
  position:relative!important;
  width:min(1360px,96vw)!important;
  margin:0 auto!important;
  aspect-ratio:3/2!important;
  overflow:hidden!important;
  border-radius:20px!important;
  background:#071426!important;
  box-shadow:0 24px 60px rgba(11,42,82,.18)!important;
}

#bar-terminal-demo-v73 .bar-terminal-frame-v73{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  z-index:2!important;
  pointer-events:none!important;
}

/* Live video inserted exactly inside the main POS monitor */
#bar-terminal-demo-v73 .bar-terminal-screen-v73{
  position:absolute!important;
  z-index:1!important;
  left:20.15%!important;
  top:17.85%!important;
  width:58.2%!important;
  height:55.4%!important;
  overflow:hidden!important;
  border-radius:16px!important;
  background:#081424!important;
  transform:none!important;
}

#bar-terminal-demo-v73 .bar-terminal-video-v73{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
  background:#081424!important;
}

/* Keep controls visible but compact inside the monitor */
#bar-terminal-demo-v73 .bar-terminal-video-v73::-webkit-media-controls-panel{
  opacity:.92!important;
}

/* Autoplay videos everywhere */
.autoplay-video-v75{
  max-width:100%!important;
}

/* Responsive adjustment */
@media(max-width:900px){
  #bar-terminal-demo-v73 .bar-terminal-stage-v73{
    width:100%!important;
    border-radius:12px!important;
  }
  #bar-terminal-demo-v73 .bar-terminal-screen-v73{
    left:20.1%!important;
    top:17.9%!important;
    width:58.3%!important;
    height:55.3%!important;
    border-radius:10px!important;
  }
}

/* ===== STYLE BLOCK 65 (extraido del master v86) ===== */
/* V76 — Correct media paths + real live video visible INSIDE terminal */
#bar-terminal-demo-v73 .bar-terminal-frame-v73{
  z-index:2!important;
  pointer-events:none!important;
}

/* Critical correction: video must sit ABOVE the photographic frame
   only within the calibrated monitor rectangle. */
#bar-terminal-demo-v73 .bar-terminal-screen-v73{
  z-index:4!important;
  left:20.15%!important;
  top:17.85%!important;
  width:58.2%!important;
  height:55.4%!important;
  overflow:hidden!important;
  border-radius:16px!important;
  background:#081424!important;
  box-shadow:inset 0 0 0 2px rgba(0,0,0,.72)!important;
}
#bar-terminal-demo-v73 .bar-terminal-video-v73{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  z-index:5!important;
  display:block!important;
  background:#081424!important;
}

/* Segment videos */
.segment-video-v69,
.segment video{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  background:#071a36!important;
  display:block!important;
}

/* ===== STYLE BLOCK 66 (extraido del master v86) ===== */
/* V77 — verified video layering and visibility */
#bar-terminal-demo-v73 .bar-terminal-stage-v73{
  position:relative!important;
}
#bar-terminal-demo-v73 .bar-terminal-frame-v73{
  z-index:1!important;
}
#bar-terminal-demo-v73 .bar-terminal-screen-v73{
  z-index:5!important;
  left:20.15%!important;
  top:17.85%!important;
  width:58.2%!important;
  height:55.4%!important;
  overflow:hidden!important;
  background:#081424!important;
}
#bar-terminal-demo-v73 .bar-terminal-video-v73{
  position:absolute!important;
  inset:0!important;
  z-index:6!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
  background:#081424!important;
}

/* Segment videos must be visible and fill their cards */
.segment-video-v69{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  background:#071a36!important;
}

/* ===== STYLE BLOCK 67 (extraido del master v86) ===== */
/* V78 — video integrated naturally inside the physical terminal monitor */
#bar-terminal-demo-v73 .bar-terminal-stage-v73{
  position:relative!important;
  overflow:hidden!important;
}
#bar-terminal-demo-v73 .bar-terminal-frame-v73{
  position:relative!important;
  z-index:1!important;
  width:100%!important;
  height:auto!important;
  display:block!important;
}
#bar-terminal-demo-v73 .bar-terminal-screen-v73{
  position:absolute!important;
  z-index:4!important;
  left:21.5%!important;
  top:20.25%!important;
  width:57.8%!important;
  height:52.4%!important;
  overflow:hidden!important;
  border-radius:0.35%!important;
  background:#fff!important;
  pointer-events:none!important;
  box-shadow:none!important;
}
#bar-terminal-demo-v73 .bar-terminal-video-v73{
  position:absolute!important;
  inset:0!important;
  z-index:5!important;
  width:100%!important;
  height:100%!important;
  object-fit:fill!important;
  object-position:center center!important;
  display:block!important;
  background:#fff!important;
  border:0!important;
  outline:0!important;
}

/* ===== STYLE BLOCK 68 (extraido del master v86) ===== */
/* V79 — natural monitor fit + official CARFER logos + updated shared gallery */

/* Fit the live Bar video completely INSIDE the physical monitor glass. */
#bar-terminal-demo-v73 .bar-terminal-stage-v73{
  position:relative!important;
  overflow:hidden!important;
}
#bar-terminal-demo-v73 .bar-terminal-frame-v73{
  position:relative!important;
  z-index:1!important;
  width:100%!important;
  height:auto!important;
  display:block!important;
}
#bar-terminal-demo-v73 .bar-terminal-screen-v73{
  position:absolute!important;
  z-index:4!important;
  left:23.20%!important;
  top:20.20%!important;
  width:55.05%!important;
  height:52.25%!important;
  overflow:hidden!important;
  background:#fff!important;
  border-radius:2px!important;
  box-shadow:none!important;
  pointer-events:none!important;
}
#bar-terminal-demo-v73 .bar-terminal-video-v73{
  position:absolute!important;
  inset:0!important;
  z-index:5!important;
  width:100%!important;
  height:100%!important;
  object-fit:fill!important;
  object-position:center!important;
  display:block!important;
  border:0!important;
  outline:0!important;
  background:#fff!important;
}

/* Shared visual gallery and segment product images */
img[src*="visual_gallery_official_logos_bar_updated.png"],
img[src*="bar_restaurant_device_official_logo.png"]{
  display:block!important;
  max-width:100%!important;
  height:auto!important;
}

/* Keep autoplay cards clean */
.segment-video-v69,
.segment video{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}

/* ===== STYLE BLOCK 69 (extraido del master v86) ===== */
/* V80 — final autoplay and natural terminal fit */
#bar-terminal-demo-v73 .bar-terminal-stage-v73{
  position:relative!important;
  overflow:hidden!important;
}
#bar-terminal-demo-v73 .bar-terminal-frame-v73{
  position:relative!important;
  z-index:1!important;
  width:100%!important;
  height:auto!important;
  display:block!important;
}
#bar-terminal-demo-v73 .bar-terminal-screen-v73{
  position:absolute!important;
  z-index:4!important;
  left:21.8%!important;
  top:16.9%!important;
  width:56.9%!important;
  height:37.4%!important;
  overflow:hidden!important;
  background:#fff!important;
  border-radius:2px!important;
  pointer-events:none!important;
  box-shadow:none!important;
}
#bar-terminal-demo-v73 .bar-terminal-video-v73{
  position:absolute!important;
  inset:0!important;
  z-index:5!important;
  width:100%!important;
  height:100%!important;
  object-fit:fill!important;
  object-position:center center!important;
  display:block!important;
  background:#fff!important;
  border:0!important;
  outline:0!important;
}

/* Keep all page videos visible and responsive */
.segment-video-v69,
.segment video,
.autoplay-video-v75,
.autoplay-video-v74,
.autoplay-video-v73{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  background:#071a36!important;
}

/* ===== STYLE BLOCK 70 (extraido del master v86) ===== */
/* V81 — video precisely clipped to the INNER LCD area of the large Bar terminal */
#bar-terminal-demo-v73 .bar-terminal-stage-v73{
  position:relative!important;
  overflow:hidden!important;
}

#bar-terminal-demo-v73 .bar-terminal-frame-v73{
  position:relative!important;
  z-index:1!important;
  width:100%!important;
  height:auto!important;
  display:block!important;
}

/* Match the actual white LCD panel, not the outside bezel. */
#bar-terminal-demo-v73 .bar-terminal-screen-v73{
  position:absolute!important;
  z-index:4!important;
  left:23.75%!important;
  top:13.18%!important;
  width:51.90%!important;
  height:36.62%!important;
  overflow:hidden!important;
  background:#fff!important;
  border-radius:1px!important;
  box-shadow:none!important;
  pointer-events:none!important;
}

/* Video is fully contained inside the LCD boundaries. */
#bar-terminal-demo-v73 .bar-terminal-video-v73{
  position:absolute!important;
  inset:0!important;
  z-index:5!important;
  width:100%!important;
  height:100%!important;
  object-fit:fill!important;
  object-position:center center!important;
  display:block!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  background:#fff!important;
  clip-path:inset(0)!important;
}

/* Prevent legacy V78/V79/V80 positioning from leaking through. */
#bar-terminal-demo-v73 .bar-terminal-screen-v73[style]{
  left:23.75%!important;
  top:13.18%!important;
  width:51.90%!important;
  height:36.62%!important;
}

/* ===== STYLE BLOCK 71 (extraido del master v86) ===== */
/* V82 — latest gallery + robust autoplay + precise Bar monitor fit */

#bar-terminal-demo-v73 .bar-terminal-stage-v73{
  position:relative!important;
  overflow:hidden!important;
}
#bar-terminal-demo-v73 .bar-terminal-frame-v73{
  position:relative!important;
  z-index:1!important;
  width:100%!important;
  height:auto!important;
  display:block!important;
}
#bar-terminal-demo-v73 .bar-terminal-screen-v73{
  position:absolute!important;
  z-index:4!important;
  left:24.05%!important;
  top:13.35%!important;
  width:50.95%!important;
  height:36.05%!important;
  overflow:hidden!important;
  background:#fff!important;
  border-radius:1px!important;
  box-shadow:none!important;
  pointer-events:none!important;
}
#bar-terminal-demo-v73 .bar-terminal-video-v73{
  position:absolute!important;
  inset:0!important;
  z-index:5!important;
  width:100%!important;
  height:100%!important;
  object-fit:fill!important;
  object-position:center center!important;
  display:block!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  background:#fff!important;
  clip-path:inset(0)!important;
}

/* Latest CARFER in Action image */
img[src*="carfer_in_action_v82.png"]{
  width:100%!important;
  height:auto!important;
  display:block!important;
  object-fit:contain!important;
}

/* ===== STYLE BLOCK 72 (extraido del master v86) ===== */
/* ==========================================================
   V83 — VIDEO PANELS: SHOW 100% OF VIDEO CONTENT
   Avoid top/bottom cropping in the segment overview cards
   ========================================================== */

/* Give the media area more vertical room and a real 16:9 canvas */
.segment .ph.segment-media-v69,
.segment .ph:has(video){
  position:relative!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:16 / 9!important;
  padding:14px 14px 10px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#0b1728!important;
}

/* Show the ENTIRE source frame.
   object-fit: contain prevents cutting the top or bottom. */
.segment .ph video,
.segment-video-v69,
.segment video{
  position:relative!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  display:block!important;
  margin:0 auto!important;
  padding:0!important;
  background:#0b1728!important;
  border-radius:10px!important;
}

/* Add a little breathing space between video and text below */
.segment .ph.segment-media-v69 + *{
  margin-top:0!important;
}
.segment{
  overflow:hidden!important;
}

/* Desktop: slightly taller visual presentation */
@media(min-width:1100px){
  .segment .ph.segment-media-v69,
  .segment .ph:has(video){
    aspect-ratio:16 / 9!important;
    padding:16px 16px 12px!important;
  }
}

/* Tablet/mobile: maintain full frame without crop */
@media(max-width:850px){
  .segment .ph.segment-media-v69,
  .segment .ph:has(video){
    aspect-ratio:16 / 9!important;
    min-height:220px!important;
    padding:10px!important;
  }
}

/* Remove any legacy crop rules from previous versions */
.segment-video-v69{
  object-fit:contain!important;
}

/* ===== STYLE BLOCK 73 (extraido del master v86) ===== */
/* ==========================================================
   V84 — FINAL STATIC SHOWCASE + AUTOPLAY VIDEOS
   ========================================================== */

/* CARFER in Action final approved visual */
img[src*="carfer_in_action_final_v84.png"]{
  width:100%!important;
  height:auto!important;
  display:block!important;
  object-fit:contain!important;
  border-radius:18px!important;
}

/* Segment video panels: show the COMPLETE source frame */
.segment .ph.segment-media-v69,
.segment .ph:has(video){
  position:relative!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:16 / 9!important;
  padding:14px 14px 10px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#0b1728!important;
}

.segment .ph video,
.segment-video-v69,
.segment video{
  position:relative!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  display:block!important;
  margin:0 auto!important;
  padding:0!important;
  background:#0b1728!important;
  border-radius:10px!important;
}

/* Large Bar & Restaurant terminal: keep video fully inside LCD area */
#bar-terminal-demo-v73 .bar-terminal-stage-v73{
  position:relative!important;
  overflow:hidden!important;
}
#bar-terminal-demo-v73 .bar-terminal-frame-v73{
  position:relative!important;
  z-index:1!important;
  width:100%!important;
  height:auto!important;
  display:block!important;
}
#bar-terminal-demo-v73 .bar-terminal-screen-v73{
  position:absolute!important;
  z-index:4!important;
  left:24.05%!important;
  top:13.35%!important;
  width:50.75%!important;
  height:35.95%!important;
  overflow:hidden!important;
  background:#fff!important;
  border-radius:1px!important;
  box-shadow:none!important;
  pointer-events:none!important;
}
#bar-terminal-demo-v73 .bar-terminal-video-v73{
  position:absolute!important;
  inset:0!important;
  z-index:5!important;
  width:100%!important;
  height:100%!important;
  object-fit:fill!important;
  object-position:center center!important;
  display:block!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  background:#fff!important;
  clip-path:inset(0)!important;
}

@media(max-width:850px){
  .segment .ph.segment-media-v69,
  .segment .ph:has(video){
    aspect-ratio:16 / 9!important;
    min-height:220px!important;
    padding:10px!important;
  }
}

/* ===== STYLE BLOCK 74 (extraido del master v86) ===== */
.detail-nav a.active{background:var(--blue);color:#fff;box-shadow:0 8px 18px #1769e033}


.detail-nav a.active{background:var(--blue);color:#fff;box-shadow:0 8px 18px #1769e033}