:root{--ink:#142232;--muted:#5d6a76;--navy:#0a1626;--navy2:#101f30;--cream:#f7f8f5;--paper:#ffffff;--line:#e4e9e7;--mint:#d9fa92;--teal:#12a98b;--teal-dark:#0b7e71;--shadow:0 18px 60px rgba(9,27,40,.09);--radius:22px;--max:1200px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,'Segoe UI',Arial,sans-serif;background:var(--paper);color:var(--ink);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}img,svg{max-width:100%}::selection{background:var(--mint);color:var(--navy)}.container{width:min(var(--max),calc(100% - 48px));margin:0 auto}.skip{position:absolute;left:-1000px;top:10px;background:#fff;padding:10px;z-index:200}.skip:focus{left:10px}.site-header{height:81px;background:var(--navy);color:#fff;position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(255,255,255,.095)}.nav-container{display:flex;align-items:center;justify-content:space-between;height:100%;gap:22px}.brand{display:flex;align-items:center;gap:11px;white-space:nowrap;font-size:22px;font-weight:800;letter-spacing:-1.05px}.brand-glyph{height:34px;width:35px;display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--mint);border-radius:10px;transform:rotate(-7deg);font-size:17px;color:var(--mint);letter-spacing:-2px}.brand b{color:var(--mint)}.primary-nav{display:flex;align-items:center;gap:24px}.primary-nav>a,.nav-drop>button{font-size:13.5px;font-weight:650;color:#dae2e8;background:none;border:0;padding:10px 0;display:flex;align-items:center;gap:5px}.primary-nav>a:hover,.nav-drop>button:hover,.primary-nav a.active{color:var(--mint)}.nav-drop{position:relative}.mega{display:none;position:absolute;top:39px;left:-90px;width:510px;grid-template-columns:1fr 1fr;gap:8px;padding:18px;background:white;color:var(--ink);border-radius:14px;box-shadow:0 20px 65px rgba(0,0,0,.2);border:1px solid var(--line)}.mega a{padding:11px 13px;display:block;border-radius:9px}.mega a:hover{background:#f1f5ee}.mega strong{font-size:13px;display:block}.mega small{font-size:11.5px;line-height:1.35;color:var(--muted);display:block;margin-top:2px}.nav-drop:hover .mega,.nav-drop:focus-within .mega{display:grid}.nav-cta{background:var(--mint)!important;border-radius:9px!important;color:var(--navy)!important;padding:11px 17px!important;font-weight:800!important}.nav-cta:hover{background:#ecffca!important}.hamburger{display:none;background:none;border:0;color:white;font-size:28px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:10px;padding:14px 22px;font-size:14px;font-weight:800;line-height:1.2;transition:.2s transform,.2s background,.2s border;min-height:48px;border:1px solid transparent}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--mint);color:var(--navy)}.btn-primary:hover{background:#e8ffb9}.btn-dark{background:var(--navy);color:#fff}.btn-dark:hover{background:#19334b}.btn-outline{color:var(--navy);border-color:#afbfba;background:transparent}.btn-outline:hover{border-color:var(--teal)}.btn-ghost{color:white;border-color:rgba(255,255,255,.28)}.btn-ghost:hover{background:rgba(255,255,255,.09)}.btn-link{font-weight:800;color:var(--teal-dark);font-size:14px;display:inline-flex;align-items:center;gap:7px}.btn-link:hover{gap:12px}.tag{display:inline-flex;gap:8px;align-items:center;color:var(--teal-dark);font-size:11px;letter-spacing:.13em;text-transform:uppercase;font-weight:850}.tag::before{content:'';width:7px;height:7px;border-radius:100%;background:var(--teal)}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{line-height:1.12;letter-spacing:-.045em}h1{font-size:clamp(43px,5.5vw,76px);font-weight:780}h2{font-size:clamp(30px,3.8vw,49px);font-weight:780}h3{font-size:22px;letter-spacing:-.025em}p{color:var(--muted)}.lead{font-size:18px;line-height:1.73}.hero{background:var(--navy);color:white;position:relative;overflow:hidden;padding:100px 0 90px}.hero::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 78% 32%,rgba(25,161,145,.17),transparent 30%),radial-gradient(circle at 26% 90%,rgba(216,250,146,.06),transparent 34%);pointer-events:none}.hero .container{position:relative}.hero-grid{display:grid;grid-template-columns:1.06fr .94fr;align-items:center;gap:58px}.hero .tag{color:var(--mint)}.hero .tag::before{background:var(--mint)}.hero h1{margin:25px 0 22px;max-width:720px}.hero h1 span{color:var(--mint)}.hero p{color:#b1c0cc;max-width:625px}.hero-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.hero-bottom{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:52px;color:#b9c7d0;font-size:12.5px;font-weight:550}.hero-bottom span{display:flex;align-items:center;gap:7px}.check-dot{color:var(--mint);font-size:18px}.viz{border-radius:20px;box-shadow:0 20px 90px #0005;background:#102539;border:1px solid #365065;padding:15px;transform:rotate(1.5deg)}.viz-top{height:40px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #2a4254;padding:0 8px 12px;color:#b8cad8;font-size:12px}.window-dots{display:flex;gap:6px}.window-dots i{height:7px;width:7px;border-radius:50%;background:#557080}.window-dots i:nth-child(2){background:#aacd75}.window-dots i:nth-child(3){background:#46c2ad}.viz-body{padding:22px 10px 12px}.viz-label{font-size:10px;letter-spacing:.15em;color:#8fa8b5;text-transform:uppercase;font-weight:800}.viz-flow{display:grid;grid-template-columns:1fr 32px 1fr;align-items:center;gap:5px;margin:17px 0}.viz-card{background:#172d40;border:1px solid #355063;border-radius:12px;padding:15px 13px;min-height:94px}.viz-card .label{font-size:11px;color:#91a8b9}.viz-card strong{font-size:14px;display:block;color:white;margin-top:6px}.viz-arrow{text-align:center;color:var(--mint);font-size:19px}.viz-status{margin-top:12px;display:flex;align-items:center;gap:10px;background:#1c3c43;border:1px solid #315b56;border-radius:11px;padding:13px;color:#bfe3d7;font-size:12px}.viz-status b{color:#cffa99}.viz-bars{height:64px;display:flex;align-items:flex-end;gap:8px;padding:11px 9px 0}.viz-bars i{display:block;background:linear-gradient(#8bdfc2,#2c8f86);border-radius:4px 4px 0 0;flex:1}.viz-bars i:nth-child(1){height:40%}.viz-bars i:nth-child(2){height:70%}.viz-bars i:nth-child(3){height:50%}.viz-bars i:nth-child(4){height:90%}.viz-bars i:nth-child(5){height:68%}.viz-bars i:nth-child(6){height:100%}.section{padding:99px 0}.section-sm{padding:72px 0}.section-soft{background:var(--cream)}.section-dark{background:var(--navy);color:white}.section-dark p{color:#afc0cc}.section-head{max-width:760px;margin-bottom:38px}.section-head h2{margin:14px 0 17px}.section-head p{font-size:17px}.center{text-align:center;margin-left:auto;margin-right:auto}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.card{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:29px;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.card p{font-size:14.5px}.card h3{margin:22px 0 11px}.card .btn-link{margin-top:13px}.card-icon{width:48px;height:48px;border-radius:14px;background:#e8f5f0;display:grid;place-items:center;color:#087a67;font-weight:800;font-size:19px}.card:nth-child(2n) .card-icon{background:#eaf1fc;color:#416fb3}.card:nth-child(3n) .card-icon{background:#f5f5dd;color:#7d7e31}.mini-card{padding:25px;border:1px solid var(--line);border-radius:17px;background:white}.mini-card h3{font-size:18px;margin:12px 0 8px}.mini-card p{font-size:14px;margin:0}.split{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.split .section-head{margin-bottom:25px}.benefit-list{display:grid;gap:15px;margin:25px 0;padding:0;list-style:none}.benefit-list li{display:flex;align-items:flex-start;gap:12px;font-size:15px;line-height:1.5}.benefit-list li::before{content:'✓';background:#d9f3e8;color:#13765d;width:23px;height:23px;flex:0 0 23px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:900}.split-visual{background:#e6efea;border:1px solid #d5e5da;border-radius:26px;padding:26px;min-height:395px;display:flex;align-items:center}.workflow{background:white;border:1px solid #dbe7df;border-radius:18px;padding:25px;width:100%;box-shadow:0 14px 38px rgba(28,70,59,.06)}.workflow-line{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #e6ece8}.workflow-line:last-child{border:0}.workflow-number{width:39px;height:39px;border-radius:11px;background:#0e6f65;color:#fff;display:grid;place-items:center;font-weight:800}.workflow-line:nth-child(2) .workflow-number{background:#294e70}.workflow-line:nth-child(3) .workflow-number{background:#7a8063}.workflow-line p{margin:0;font-size:12px}.workflow-line strong{font-size:13px}.logos{display:flex;gap:10px;flex-wrap:wrap}.chip{border:1px solid #d5deda;color:#607078;border-radius:10px;padding:10px 16px;font-size:13px;font-weight:750;background:#fff}.number-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;counter-reset:steps}.number-item{border-top:2px solid #bcd4c7;padding:24px 12px 4px 0}.number-item::before{counter-increment:steps;content:'0' counter(steps);color:var(--teal-dark);font-weight:800;font-size:13px}.number-item h3{font-size:18px;margin:13px 0 8px}.number-item p{font-size:13px}.dark-card{background:#102536;color:white;border-color:#243b4c}.dark-card p{color:#b5c2cd}.dark-card .card-icon{background:#24443c!important;color:#cbf3a6!important}.cases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.case{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#fff}.case:hover{box-shadow:var(--shadow)}.case-graphic{height:178px;padding:28px;background:linear-gradient(135deg,#e8f6ee,#c6e6d5);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.case:nth-child(2) .case-graphic{background:linear-gradient(135deg,#e1e9f8,#c6d4ed)}.case:nth-child(3) .case-graphic{background:linear-gradient(135deg,#f5f0e5,#dedbc7)}.case-symbol{width:105px;height:105px;border-radius:24px;transform:rotate(-10deg);display:grid;place-items:center;background:#fff9;color:#256d65;font-size:46px;font-weight:800;box-shadow:12px 14px 25px #0001}.case-content{padding:24px}.case-content small{font-size:11px;color:var(--teal-dark);font-weight:850;letter-spacing:.11em;text-transform:uppercase}.case-content h3{margin:9px 0 8px}.case-content p{font-size:14px;min-height:68px}.cta-panel{background:var(--navy);color:white;border-radius:26px;padding:55px 60px;display:flex;justify-content:space-between;align-items:center;gap:35px;position:relative;overflow:hidden}.cta-panel::after{content:'';width:320px;height:320px;border:1px solid #39525b;border-radius:50%;position:absolute;right:16%;top:-180px;pointer-events:none}.cta-panel h2{font-size:clamp(29px,3vw,42px);max-width:670px;margin:12px 0}.cta-panel p{color:#bbcbd4;margin:0}.cta-panel .btn{white-space:nowrap;z-index:1}.page-hero{background:var(--navy);color:white;padding:83px 0 86px;position:relative;overflow:hidden}.page-hero::after{content:'';position:absolute;width:440px;height:440px;right:-100px;top:-180px;border-radius:100%;background:radial-gradient(circle,#194b49,transparent 67%);opacity:.75;pointer-events:none}.page-hero .container{position:relative;z-index:1}.page-hero h1{font-size:clamp(40px,5vw,63px);max-width:900px;margin:20px 0 22px}.page-hero p{color:#bac9d2;max-width:740px;font-size:18px}.breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;color:#99acba;font-size:12px;margin-bottom:25px}.breadcrumbs a:hover{color:var(--mint)}.intro{font-size:18px;max-width:790px}.feature-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.feature{border-bottom:1px solid var(--line);padding:23px 0}.feature span{color:var(--teal-dark);font-size:12px;font-weight:850}.feature h3{margin:11px 0 8px}.feature p{font-size:14px}.quote-band{padding:34px;border-left:5px solid var(--teal);background:#eff6f1;border-radius:0 15px 15px 0;margin:34px 0}.quote-band strong{font-size:21px;line-height:1.4;display:block}.pills{display:flex;gap:12px;flex-wrap:wrap;margin:21px 0}.pill{background:#e9f0eb;border-radius:50px;padding:9px 15px;font-weight:700;color:#31665a;font-size:12px}.faq-list{display:grid;gap:12px;max-width:910px}.faq-list details{background:white;border:1px solid var(--line);border-radius:13px;padding:20px 23px}.faq-list summary{font-weight:750;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:18px}.faq-list summary::after{content:'+';font-size:25px;color:var(--teal-dark);line-height:1}.faq-list details[open] summary::after{content:'−'}.faq-list details p{margin:15px 0 0;font-size:14px}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.service-grid .card{min-height:265px}.industry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.industry-grid .card{min-height:205px}.text-section{max-width:870px}.text-section h2{font-size:35px;margin:35px 0 16px}.text-section h3{font-size:22px;margin:29px 0 12px}.text-section p,.text-section li{font-size:16px}.text-section a{color:var(--teal-dark);text-decoration:underline;text-underline-offset:3px}.article-meta{color:#6b7c86;font-size:13px}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.article{border:1px solid var(--line);border-radius:16px;padding:24px;background:#fff}.article h3{margin:12px 0}.article p{font-size:14px}.article small{color:var(--teal-dark);font-weight:800}.form-layout{display:grid;grid-template-columns:.83fr 1.17fr;gap:76px;align-items:start}.contact-aside{background:var(--navy);color:#fff;padding:35px;border-radius:20px}.contact-aside h3{margin-bottom:19px}.contact-aside p{color:#bbcad1;font-size:14px}.contact-aside hr{border:0;border-top:1px solid #2e4455;margin:25px 0}.contact-form{border:1px solid var(--line);padding:36px;border-radius:20px;box-shadow:0 8px 36px rgba(9,24,35,.04)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:17px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:18px}.field label{font-size:13px;font-weight:750}.field input,.field textarea,.field select{border:1px solid #cbd9d4;border-radius:9px;width:100%;background:#fff;padding:12px 13px;outline:none;font-size:14px;color:var(--ink);transition:border .2s}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--teal);box-shadow:0 0 0 3px #13af851e}.field small{font-size:11px;color:var(--muted)}.checkline{display:flex;align-items:flex-start;gap:11px;font-size:12px;color:var(--muted);line-height:1.5;margin-bottom:23px}.checkline input{margin-top:4px;flex-shrink:0}.checkline a{color:var(--teal-dark);text-decoration:underline}.hp-field{position:absolute;left:-9999px;opacity:0}.fineprint{font-size:11px}.note{border-left:4px solid var(--teal);background:#edf7f3;padding:16px 20px;border-radius:0 10px 10px 0;color:#385b52}.calc{background:var(--navy);border-radius:24px;padding:36px;color:white}.calc p{color:#b9c9d3}.calc label{color:#dce8e8;display:block;font-size:13px;font-weight:750;margin-bottom:7px}.calc input{width:100%;padding:11px 12px;border:1px solid #466474;border-radius:10px;color:white;background:#1b3549}.calc-output{background:#1b3941;border-radius:17px;padding:24px;margin-top:23px}.calc-output strong{font-size:39px;color:var(--mint);line-height:1.1;display:block}.calc-output small{color:#c6d9dc}.calc-help{color:#abc3c6;font-size:12px}.site-footer{background:#0b1826;color:white;padding:75px 0 24px}.footer-columns{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:38px}.footer-brand p{color:#9daebb;font-size:14px;max-width:330px;margin:25px 0}.footer-col h3{font-size:14px;letter-spacing:0;margin:3px 0 22px}.footer-col a{display:block;color:#aabcce;font-size:13px;margin-bottom:12px}.footer-col a:hover{color:var(--mint)}.footer-bottom{border-top:1px solid #273748;margin-top:50px;padding-top:22px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:#8093a5;font-size:12px}.footer-bottom a:hover{color:white}.cookie-banner{position:fixed;bottom:18px;left:18px;right:18px;max-width:690px;background:white;box-shadow:0 10px 50px #0b253d3b;border:1px solid var(--line);border-radius:16px;padding:21px;z-index:150;display:none}.cookie-banner.show{display:block}.cookie-banner h3{font-size:16px;margin-bottom:6px}.cookie-banner p{font-size:12px;margin-bottom:12px}.cookie-actions{display:flex;gap:9px;flex-wrap:wrap}.cookie-actions button{border:1px solid #c4d4ce;border-radius:8px;background:#f7f9f7;padding:9px 12px;font-weight:750;font-size:12px}.cookie-actions .accept{background:var(--navy);color:#fff;border-color:var(--navy)}.cookie-dialog{border:0;border-radius:18px;max-width:490px;padding:29px;width:calc(100% - 32px);box-shadow:0 20px 100px #0006}.cookie-dialog::backdrop{background:#061929a8}.cookie-dialog h2{font-size:27px}.cookie-dialog p{font-size:13px}.cookie-dialog label{display:flex;align-items:center;gap:11px;padding:13px 0;border-bottom:1px solid var(--line);font-size:14px}.toast{background:#e7f5e8;padding:17px;border-radius:12px;color:#315642}.page-anchor{scroll-margin-top:105px}.muted{color:var(--muted)}.mt-0{margin-top:0}.mt-2{margin-top:20px}.mt-4{margin-top:40px}.mb-0{margin-bottom:0}.right{text-align:right}.cards-compact .card{padding:24px}.hero-visual-mobile{display:none}.list-ticks{padding-left:19px}.list-ticks li{padding-bottom:9px}.badge-inline{display:inline-block;background:#ebf8ec;color:#317653;font-size:11px;font-weight:850;padding:6px 10px;border-radius:7px}.legal-placeholder{background:#fff1d9;border:1px solid #e6c48b;color:#7f551d;border-radius:10px;padding:16px 18px;margin:20px 0;font-size:14px}.legal-placeholder strong{color:#644015}.breadcrumb-legal{color:#738491}.error-hint{color:#b33736;font-size:13px}.outline-figure{border-radius:24px;background:#edf3f1;padding:30px;display:grid;gap:15px}.outline-row{display:flex;align-items:center;gap:12px;background:white;border:1px solid #d7e5de;padding:18px;border-radius:14px;font-weight:750}.outline-row small{margin-left:auto;color:#698078;font-weight:600}.outline-dot{width:14px;height:14px;background:var(--teal);border-radius:50%}.outline-arrow{text-align:center;font-size:25px;color:#3f8271}.sitemap-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.sitemap-nav a{padding:13px 16px;border:1px solid var(--line);border-radius:10px;font-size:13px;color:var(--teal-dark);font-weight:750}.sitemap-nav a:hover{background:#f2f8f4}.status-label{display:inline-flex;align-items:center;gap:7px;color:var(--mint);font-size:11px}.status-label::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--mint)}
@media(max-width:1100px){.primary-nav{gap:14px}.primary-nav>a,.nav-drop>button{font-size:12px}.hero-grid{gap:28px}.grid-4{grid-template-columns:repeat(2,1fr)}.footer-columns{gap:24px}}@media(max-width:900px){.site-header{height:72px}.hamburger{display:block}.primary-nav{display:none;position:absolute;top:71px;left:0;right:0;padding:18px 24px;background:#0b1a2b;flex-direction:column;gap:6px;align-items:stretch;border-bottom:1px solid #243c50;max-height:calc(100vh - 72px);overflow:auto}.primary-nav.open{display:flex}.primary-nav>a,.nav-drop>button{font-size:15px;display:block;padding:11px 6px}.mega{display:grid;position:static;width:auto;box-shadow:none;background:#162c3d;border:0;grid-template-columns:1fr}.mega a{color:#d8e4e7}.mega a:hover{background:#264357}.mega small{color:#95aab9}.hero{padding:76px 0}.hero-grid,.split,.form-layout{grid-template-columns:1fr}.hero-grid{gap:45px}.viz{max-width:610px;transform:none}.split{gap:35px}.grid-3,.cases,.industry-grid,.article-grid,.service-grid{grid-template-columns:repeat(2,1fr)}.footer-columns{grid-template-columns:1fr 1fr}.cta-panel{padding:44px;flex-direction:column;align-items:flex-start}.section{padding:75px 0}.section-sm{padding:58px 0}}@media(max-width:620px){.container{width:calc(100% - 34px)}.brand{font-size:20px}.hero{padding:65px 0 60px}.hero h1{font-size:42px}.lead{font-size:16px}.hero-bottom{margin-top:31px;gap:10px}.hero-bottom span{font-size:11px}.page-hero{padding:55px 0}.page-hero h1{font-size:39px}.page-hero p{font-size:16px}.section{padding:59px 0}.section-sm{padding:47px 0}.grid-2,.grid-3,.grid-4,.cases,.industry-grid,.article-grid,.service-grid,.feature-list,.form-row{grid-template-columns:1fr}.number-grid{grid-template-columns:1fr 1fr;gap:16px}.section-head h2{font-size:35px}.card{padding:24px}.split-visual{padding:12px;min-height:0}.workflow{padding:16px}.cta-panel{padding:30px 25px}.cta-panel h2{font-size:30px}.footer-columns{grid-template-columns:1fr 1fr;gap:26px}.footer-brand{grid-column:1/-1}.contact-form,.contact-aside{padding:23px}.cookie-banner{bottom:9px;left:9px;right:9px}.viz-body{padding:15px 0 5px}.viz-flow{grid-template-columns:1fr 22px 1fr}.viz-card{padding:12px 8px}.viz-card strong{font-size:12px}.sitemap-nav{grid-template-columns:1fr}}


/* Ajuste de maquetación: evita que una nota reduzca la anchura de los diagramas. */
.split > * { min-width: 0; }
.split-visual { flex-direction: column; align-items: stretch; justify-content: center; gap: 14px; }
.split-visual > .workflow { flex: 0 0 auto; width: 100%; min-width: 0; }
.split-visual > .fineprint { width: 100%; margin: 0 !important; line-height: 1.6; }
.workflow-line > div { min-width: 0; flex: 1; }
.workflow-number { flex: 0 0 39px; }

/* Visual específica de Odoo: diagrama legible en escritorio, tablet y móvil. */
.odoo-visual { padding: 20px; min-height: 0; background: linear-gradient(145deg,#ecf5ef 0%,#e0ebe7 100%); border-color: #d3e4da; }
.odoo-architecture { width: 100%; min-width: 0; overflow: hidden; border: 1px solid #d9e7e0; background: #fff; border-radius: 20px; box-shadow: 0 14px 32px rgba(19,66,52,.06); }
.odoo-architecture-head { display:flex; flex-direction:column; gap:5px; padding: 22px 25px 20px; background: #102536; color: #fff; }
.odoo-eyebrow { display:flex; align-items:center; gap:8px; color: #b6f7bd; font-weight:800; letter-spacing:.11em; text-transform:uppercase; font-size: 10.5px; }
.odoo-status-dot { width:7px; height:7px; flex:0 0 7px; border-radius:50%; background:#aaf1ab; }
.odoo-architecture-head > strong { font-size: 21px; line-height: 1.22; letter-spacing: -.025em; font-weight: 800; margin-top: 4px; }
.odoo-architecture-head > span:last-child { color: #bad0da; font-size: 12px; line-height: 1.5; }
.odoo-architecture-body { padding: 20px 21px 22px; }
.odoo-flow-step { display:grid; grid-template-columns: 42px minmax(0,1fr) auto; gap:12px; align-items:center; padding: 14px 15px; border: 1px solid #e1ebe5; border-radius: 14px; background: #f8fbf9; }
.odoo-flow-icon { width:38px; height:38px; border-radius:12px; display:grid; place-items:center; flex:0 0 auto; font-weight: 800; font-size: 13px; background:#e1edf9; color:#234c72; }
.odoo-flow-step:nth-of-type(3) .odoo-flow-icon { background:#ddf2e8; color:#136b56; }
.odoo-flow-step:nth-of-type(5) .odoo-flow-icon { background:#e9f1d5; color:#626d38; }
.odoo-flow-copy { min-width:0; }
.odoo-flow-copy strong { font-size:14px; display:block; line-height:1.28; letter-spacing:-.01em; }
.odoo-flow-copy p { font-size:12px; line-height:1.5; margin:4px 0 0; }
.odoo-flow-pill { white-space:nowrap; border-radius:100px; background:#e7f0ec; color:#35665c; padding:5px 8px; font-size:10px; font-weight:750; }
.odoo-connector { height: 24px; display:flex; justify-content:center; align-items:center; color:#17987c; font-weight:900; font-size:20px; line-height:1; }
.odoo-architecture-note { color:#49665e; font-size:12px; line-height:1.6; margin:0; padding: 0 4px; }

@media (max-width: 620px) {
  .odoo-visual { padding: 12px; }
  .odoo-architecture-head { padding:20px 18px; }
  .odoo-architecture-head > strong { font-size: 19px; }
  .odoo-architecture-body { padding: 14px 12px 16px; }
  .odoo-flow-step { grid-template-columns: 35px minmax(0,1fr); gap:11px; padding: 13px 12px; }
  .odoo-flow-icon { width:34px; height:34px; }
  .odoo-flow-pill { grid-column:2; justify-self:start; }
  .odoo-flow-copy strong { font-size: 13px; }
  .odoo-flow-copy p { font-size:11.5px; }
}