/* Prueba Solución → Producto. Sólo Organizar el flujo y sus fichas enlazadas. */
html body #solution-page .need-page #flow-comparison .flow-kicker{font:600 12px/1.5 Arial,Helvetica,sans-serif;letter-spacing:1px;text-transform:uppercase;color:#a34254;margin:0 0 7px}
html body #solution-page .need-page #flow-comparison .flow-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:22px 0 0}
html body #solution-page .need-page #flow-comparison .flow-options.is-single{grid-template-columns:1fr}
html body #solution-page .need-page #flow-comparison .flow-option{display:flex;flex-direction:column;border:1px solid #dce5eb;border-radius:10px;overflow:hidden;background:#fff}
html body #solution-page .need-page #flow-comparison .flow-option figure{padding:14px 22px;margin:0;background:#f5f8fa;border-bottom:1px solid #e2e7eb}
html body #solution-page .need-page #flow-comparison .flow-option figure img{display:block;width:100%;height:164px;object-fit:contain}
html body #solution-page .need-page #flow-comparison .flow-option-copy{display:flex;flex-direction:column;align-items:flex-start;padding:20px;flex:1}
html body #solution-page .need-page #flow-comparison .flow-option h4{font:600 21px/1.3 Arial,Helvetica,sans-serif;color:#283139;letter-spacing:-.4px;margin:0 0 9px}
html body #solution-page .need-page #flow-comparison .flow-option p:not(.flow-kicker){font:400 16px/1.6 Arial,Helvetica,sans-serif;color:#607684;margin:0 0 14px}
html body #solution-page .need-page #flow-comparison .flow-option .flow-fit{padding-top:13px;border-top:1px solid #e2e7eb}
html body #solution-page .need-page #flow-comparison .flow-fit strong{font-weight:600;color:#344e60}
html body #solution-page .need-page #flow-comparison a.flow-product-link{font:500 16px/1.4 Arial,Helvetica,sans-serif;display:inline-block;padding:10px 15px;border:1px solid #ba3039;border-radius:7px;background:#fff;color:#ba3039;text-decoration:none;margin-top:4px}
html body #solution-page .need-page #flow-comparison a.flow-product-link:hover{background:#fff1ef;border-color:#9b2530}
html body #solution-page .need-page #flow-comparison .is-single .flow-option{display:grid;grid-template-columns:minmax(0,42%) minmax(0,1fr)}
html body #solution-page .need-page #flow-comparison .is-single .flow-option figure{display:flex;align-items:center;border-bottom:0;border-right:1px solid #e2e7eb;padding:20px}
html body #solution-page .need-page #flow-comparison .is-single .flow-option figure img{height:auto;max-height:220px}
html body #solution-page .need-page #flow-comparison .flow-criteria thead th:first-child{width:36%}
html body #solution-page .need-page #flow-comparison .flow-criteria thead th:not(:first-child){width:auto}
html body #solution-page .need-page #flow-comparison .flow-context{border-left:3px solid #ce6670;background:#f5f8fa;padding:15px 18px;margin:22px 0 0;border-radius:0 8px 8px 0}
html body #solution-page .need-page #flow-comparison .flow-context>strong{font:600 15px/1.5 Arial,Helvetica,sans-serif;color:#344e60}
html body #solution-page .need-page #flow-comparison .flow-context>p{font:400 15px/1.6 Arial,Helvetica,sans-serif;color:#607684;margin:5px 0 0}
html body #solution-page .need-page #flow-comparison .flow-connections{margin:24px 0 0}
html body #solution-page .need-page #flow-comparison .flow-connections h4{font:600 18px/1.4 Arial,Helvetica,sans-serif;color:#344e60;margin:0 0 5px}
html body #solution-page .need-page #flow-comparison .flow-connections header p{font:400 15px/1.6 Arial,Helvetica,sans-serif;color:#607684;margin:0 0 16px}
html body #solution-page .need-page #flow-comparison .flow-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
html body #solution-page .need-page #flow-comparison .flow-mini-grid figure{margin:0;border:1px solid #dce5eb;border-radius:8px;overflow:hidden;background:#f5f8fa}
html body #solution-page .need-page #flow-comparison .flow-mini-grid img{display:block;width:100%;height:150px;object-fit:contain;padding:12px}
html body #solution-page .need-page #flow-comparison .flow-mini-grid figcaption{display:block;border-top:1px solid #e2e7eb;background:#fff;padding:15px}
html body #solution-page .need-page #flow-comparison .flow-mini-grid figcaption strong{display:block;font:600 16px/1.4 Arial,Helvetica,sans-serif;color:#344e60;margin:0 0 6px}
html body #solution-page .need-page #flow-comparison .flow-mini-grid figcaption span{display:block;font:400 15px/1.6 Arial,Helvetica,sans-serif;color:#607684}
/* Fichas: heredan la cabecera y los bloques del producto de referencia. */
html body #solution-page #flow-product-detail{color:#262d33;font:400 16px/1.6 Arial,Helvetica,sans-serif}
html body #solution-page #flow-product-detail .flex-hero{align-items:center}
html body #solution-page #flow-product-detail .flex-hero h1{font:600 38px/1.15 Arial,Helvetica,sans-serif;letter-spacing:-1px;color:#283139;margin:0 0 16px}
html body #solution-page #flow-product-detail .flex-hero h1>span{color:#ba3039}
html body #solution-page #flow-product-detail .flex-hero-figure{padding:20px;background:#f5f8fa;border:1px solid #e2e7eb;border-radius:12px}
html body #solution-page #flow-product-detail .flex-hero-figure img{display:block;width:100%;height:auto;min-height:160px;object-fit:contain}
html body #solution-page #flow-product-detail .flex-hero-figure figcaption{font:400 13px/1.5 Arial,Helvetica,sans-serif;color:#607684;text-align:center;margin:10px 0 0}
html body #solution-page #flow-product-detail .flow-product-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
html body #solution-page #flow-product-detail .flow-product-features article{padding:0 0 0 15px;border-left:2px solid #dce5eb}
html body #solution-page #flow-product-detail .flow-product-features h3{font:600 17px/1.4 Arial,Helvetica,sans-serif;color:#344e60;margin:0 0 8px}
html body #solution-page #flow-product-detail .flow-product-features p{font:400 16px/1.6 Arial,Helvetica,sans-serif;color:#607684;margin:0}
html body #solution-page #flow-product-detail .flow-product-demo{display:block;width:100%;min-height:320px;border:1px solid #dce5eb;border-radius:10px;background:#f5f8fa;margin:18px 0 0}
html body #solution-page #flow-product-detail .flow-demo-note{font:400 14px/1.6 Arial,Helvetica,sans-serif;color:#607684;margin:10px 0 0}
html body #solution-page #flow-product-detail .flow-guide-links{display:flex;gap:16px;flex-wrap:wrap;margin:16px 0 0}
html body #solution-page #flow-product-detail .flow-guide-links a{font:400 16px/1.6 Arial,Helvetica,sans-serif;color:#ba3039;text-underline-offset:4px}
html body #solution-page #flow-product-detail .next-picture{height:78px;width:110px;object-fit:contain}
html body #solution-page #flow-product-detail .flow-product-contact{padding:22px;background:#f5f8fa;margin-top:28px}
html body #solution-page #flow-product-detail .flow-product-contact h2{font:600 25px/1.3 Arial,Helvetica,sans-serif;color:#283139;margin:0 0 12px}
html body #solution-page #flow-product-detail .flow-product-contact p{margin:0 0 10px}
html body #solution-page #flow-product-detail .flow-product-contact a{color:#ba3039}
@media(max-width:700px){html body #solution-page .need-page #flow-comparison .flow-options,html body #solution-page .need-page #flow-comparison .flow-mini-grid{grid-template-columns:1fr}html body #solution-page .need-page #flow-comparison .is-single .flow-option{display:flex}html body #solution-page .need-page #flow-comparison .is-single .flow-option figure{border-right:0;border-bottom:1px solid #e2e7eb}html body #solution-page .need-page #flow-comparison .is-single .flow-option figure img{height:160px}html body #solution-page #flow-product-detail .flow-product-features{grid-template-columns:1fr;gap:18px}html body #solution-page #flow-product-detail .flex-hero h1{font-size:30px}html body #solution-page #flow-product-detail .next-picture{width:80px}}
html body #solution-page #flow-product-detail .flex-hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:34px;padding:22px 0 28px}
html body #solution-page #flow-product-detail .flex-eyebrow{font:600 12px/1.5 Arial,Helvetica,sans-serif;color:#a34254;letter-spacing:1.2px;text-transform:uppercase;margin:0 0 12px}
html body #solution-page #flow-product-detail .flex-intro{font:400 17px/1.7 Arial,Helvetica,sans-serif;color:#536c7b;margin:18px 0 0;max-width:none}
html body #solution-page #flow-product-detail .flex-sectors{margin:0 0 16px}
html body #solution-page #flow-product-detail .flex-sectors-label{font:500 13px/1.5 Arial,Helvetica,sans-serif;color:#607684;margin:0 0 8px}
html body #solution-page #flow-product-detail .flex-tags{display:flex;flex-wrap:wrap;gap:7px;margin:0;padding:0;list-style:none}
html body #solution-page #flow-product-detail .flex-application-tag{display:inline-flex;font:400 13px/1.5 Arial,Helvetica,sans-serif;color:#536c7b;text-decoration:none;background:#f5f8fa;border:1px solid #dce5eb;border-radius:20px;padding:6px 11px}
html body #solution-page #flow-product-detail .flex-application-tag:hover{border-color:#ba3039;color:#ba3039}
html body #solution-page #flow-product-detail .flex-hero-figure{margin:0}
html body #solution-page #flow-product-detail .flex-block{padding:36px 0;border-bottom:1px solid #e5ebee}
html body #solution-page #flow-product-detail .flex-section-head{display:flex;gap:24px;justify-content:space-between;align-items:flex-end;margin:0 0 22px}
html body #solution-page #flow-product-detail h2{font:600 26px/1.25 Arial,Helvetica,sans-serif;letter-spacing:-.65px;color:#2b404e;margin:0}
html body #solution-page #flow-product-detail .flex-section-head p:not(.flex-eyebrow){font:400 16px/1.65 Arial,Helvetica,sans-serif;color:#607684;margin:10px 0 0}
html body #solution-page #flow-product-detail .flex-section-head>p{max-width:48%}
html body #solution-page #flow-product-detail .related-content{padding:30px 0;border-bottom:1px solid #e5ebee}
html body #solution-page #flow-product-detail a:focus-visible{outline:3px solid #ba3039;outline-offset:4px}
@media(max-width:800px){html body #solution-page #flow-product-detail .flex-hero{grid-template-columns:1fr;gap:22px}html body #solution-page #flow-product-detail .flex-section-head{display:block}html body #solution-page #flow-product-detail .flex-section-head>p{max-width:none}html body #solution-page #flow-product-detail .flex-block{padding:28px 0}}
html body #solution-page .need-page #flow-comparison .flow-option-copy{display:block}
html body #solution-page .need-page #flow-comparison .flow-option{display:block}
html body #solution-page .need-page #flow-comparison .flow-explorer .need-task-options>button{height:86px;flex-shrink:0}
html body #solution-page #flow-product-detail .flex-section-head>h2{flex:1;max-width:none}
@media(max-width:550px){html body #solution-page .need-page #flow-comparison .flow-explorer .need-task-options>button{height:66px;min-height:66px}}
/* Mercancía y función: dos controles independientes, un resultado común. */
html body #solution-page .need-page #flow-comparison .flow-controls{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.35fr);gap:24px;padding:0 0 18px;border-bottom:1px solid #e2e7eb}
html body #solution-page .need-page #flow-comparison .flow-control-group{margin:0;padding:0;border:0;min-width:0}
html body #solution-page .need-page #flow-comparison .flow-control-group h3{font:600 15px/1.4 Arial,Helvetica,sans-serif;color:#344e60;margin:0 0 10px}
html body #solution-page .need-page #flow-comparison .flow-control-group .cargo-option-visual img,html body #solution-page .need-page #flow-comparison .flow-control-group .cargo-option-visual svg{display:block;width:32px;height:32px;object-fit:contain}
html body #solution-page .need-page #flow-comparison .flow-control-group .scene-options{height:auto}
html body #solution-page .need-page #flow-comparison .flow-control-group .scene-options button{height:94px;min-height:94px;flex:1;padding:8px;font-size:14px}
html body #solution-page .need-page #flow-comparison .flow-result-summary{font:400 14px/1.5 Arial,Helvetica,sans-serif;color:#607684;margin:14px 0 0}
html body #solution-page .need-page #flow-comparison .flow-result-summary+.flow-case{margin-top:16px}
html body #solution-page .need-page #flow-comparison .flow-options.is-three{grid-template-columns:repeat(3,minmax(0,1fr))}
html body #solution-page .need-page #flow-comparison .flow-options.is-three .flow-option h4{font-size:20px}
html body #solution-page .need-page #flow-comparison .flow-options.is-three .flow-option figure{padding:12px}
html body #solution-page .need-page #flow-comparison .flow-options.is-three .flow-option figure img{height:132px}
html body #solution-page .need-page #flow-comparison .flow-options.is-three .flow-option-copy{padding:17px}
html body #solution-page .need-page #flow-comparison .flow-criteria.is-wide thead th:first-child{width:31%}
html body #solution-page .need-page #flow-comparison .flow-service{display:grid;grid-template-columns:46px minmax(0,1fr);gap:16px;padding:22px;border:1px solid #dce5eb;border-radius:10px;background:#f5f8fa;margin:22px 0 0}
html body #solution-page .need-page #flow-comparison .flow-service-icon{display:flex;align-items:center;justify-content:center;width:46px;height:46px;background:#fff;border:1px solid #dce5eb;border-radius:10px;color:#a34254}
html body #solution-page .need-page #flow-comparison .flow-service-icon svg{width:28px;height:28px}
html body #solution-page .need-page #flow-comparison .flow-service h4,html body #solution-page .need-page #flow-comparison .flow-support-heading h4{font:600 21px/1.35 Arial,Helvetica,sans-serif;color:#283139;margin:0 0 9px}
html body #solution-page .need-page #flow-comparison .flow-service p:not(.flow-kicker),html body #solution-page .need-page #flow-comparison .flow-support-heading p{font:400 16px/1.6 Arial,Helvetica,sans-serif;color:#607684;margin:0 0 12px}
html body #solution-page .need-page #flow-comparison .flow-service ul{padding-left:19px;margin:12px 0 16px;font:400 15px/1.7 Arial,Helvetica,sans-serif;color:#607684}
html body #solution-page .need-page #flow-comparison .flow-support-heading{padding:26px 0 0}
html body #solution-page .need-page #flow-comparison .flow-support-heading+.flow-options{margin-top:16px}
html body #solution-page .need-page #flow-comparison .flow-option.is-support .flow-kicker::after{content:' · Tramo de transporte'}
@media(max-width:900px){html body #solution-page .need-page #flow-comparison .flow-controls{grid-template-columns:1fr;gap:18px}html body #solution-page .need-page #flow-comparison .flow-options.is-three{grid-template-columns:1fr}html body #solution-page .need-page #flow-comparison .flow-options.is-three .flow-option{display:grid;grid-template-columns:minmax(0,36%) minmax(0,1fr)}html body #solution-page .need-page #flow-comparison .flow-options.is-three .flow-option figure{display:flex;align-items:center;border-right:1px solid #e2e7eb;border-bottom:0}}
@media(max-width:550px){html body #solution-page .need-page #flow-comparison .flow-control-group .scene-options button{height:96px;min-height:96px;padding:8px 4px;font-size:13px}html body #solution-page .need-page #flow-comparison .flow-control-group .cargo-option-visual{width:32px;height:32px}html body #solution-page .need-page #flow-comparison .flow-options.is-three .flow-option{display:block}html body #solution-page .need-page #flow-comparison .flow-options.is-three .flow-option figure{display:block;border:0;border-bottom:1px solid #e2e7eb}html body #solution-page .need-page #flow-comparison .flow-criteria.is-wide table{min-width:710px}html body #solution-page .need-page #flow-comparison .flow-service{grid-template-columns:1fr;gap:12px;padding:18px}}
html body #solution-page .need-page #flow-comparison .flow-criteria.is-wide table{table-layout:fixed}
html body #solution-page .need-page #flow-comparison .flow-criteria.is-wide thead th:not(:first-child){width:23%}
html body #solution-page .need-page #flow-comparison .flow-control-group .scene-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-width:0}
html body #solution-page .need-page #flow-comparison .flow-control-group[aria-labelledby="flow-label-cargo"] .scene-options{grid-template-columns:repeat(2,minmax(0,1fr))}
html body #solution-page .need-page #flow-comparison .flow-control-group .scene-options button{width:100%;min-width:0}
html body #solution-page .need-page #flow-comparison .flow-control-group .cargo-option-visual{height:38px;width:42px}
html body #solution-page .need-page #flow-comparison .flow-control-group .cargo-option-visual img{width:42px;height:38px}
html body #solution-page .need-page #flow-comparison #flow-results{min-width:0}
html body #solution-page .need-page #flow-comparison .flow-criteria{max-width:100%}
html body #solution-page .need-page #flow-comparison .flow-control-group .scene-options button{width:auto}
html body #solution-page .need-page #flow-comparison .flow-criteria.is-wide thead th:first-child,html body #solution-page .need-page #flow-comparison .flow-criteria.is-wide thead th:not(:first-child){width:auto}
html body #solution-page .need-page #flow-comparison .flow-control-group button>span:last-child{display:block;min-width:0;max-width:100%;white-space:normal;line-height:1.3;overflow-wrap:normal}
html body #solution-page .need-page #flow-comparison .flow-table-hint{display:none}
@media(max-width:550px){html body #solution-page .need-page #flow-comparison .flow-table-hint{display:block;font:400 13px/1.5 Arial,Helvetica,sans-serif;color:#607684;margin:18px 0 -8px}}
/* Revisión por página: Necesidad → Solución con tarjetas. */
html body #solution-page .need-page #flow-comparison .flow-controls{border:0;padding:0}
html body #solution-page .need-page #flow-comparison .flow-solution-block{margin:24px 0 0;padding:22px 0 0;border-top:1px solid #e2e7eb}
html body #solution-page .need-page #flow-comparison .flow-solution-heading{margin-bottom:18px}
html body #solution-page .need-page #flow-comparison .flow-result-summary{font:400 14px/1.5 Arial,Helvetica,sans-serif;color:#607684;margin:6px 0 0}
html body #solution-page .need-page #flow-comparison .flow-case-heading h3{font:500 18px/1.4 Arial,Helvetica,sans-serif;color:#344e60;letter-spacing:-.2px;margin:0 0 16px}
html body #solution-page .need-page #flow-comparison .flow-options{margin:0;align-items:stretch}
html body #solution-page .need-page #flow-comparison .flow-option{display:grid;grid-template-rows:auto 1fr;grid-template-columns:1fr}
html body #solution-page .need-page #flow-comparison .flow-option figure{padding:18px 22px}
html body #solution-page .need-page #flow-comparison .flow-option figure img{height:160px}
html body #solution-page .need-page #flow-comparison .flow-option-copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:20px}
html body #solution-page .need-page #flow-comparison .flow-option p:not(.flow-kicker){font:400 16px/1.6 Arial,Helvetica,sans-serif;color:#607684;margin:0 0 16px}
html body #solution-page .need-page #flow-comparison .flow-option .flow-uses{width:100%;border-top:1px solid #e2e7eb;margin:0 0 20px;padding:14px 0 0}
html body #solution-page .need-page #flow-comparison .flow-option .flow-uses>p{font:600 14px/1.5 Arial,Helvetica,sans-serif;color:#344e60;margin:0 0 10px}
html body #solution-page .need-page #flow-comparison .flow-uses ul{display:grid;gap:8px;list-style:none;margin:0;padding:0}
html body #solution-page .need-page #flow-comparison .flow-uses li{position:relative;font:400 15px/1.5 Arial,Helvetica,sans-serif;color:#536d7e;margin:0;padding-left:15px}
html body #solution-page .need-page #flow-comparison .flow-uses li::before{content:'';position:absolute;left:0;top:.55em;width:5px;height:5px;border-radius:50%;background:#ce6670}
html body #solution-page .need-page #flow-comparison .flow-option a.flow-product-link{margin-top:auto}
html body #solution-page .need-page #flow-comparison .is-single .flow-option{grid-template-columns:minmax(0,42%) minmax(0,1fr);grid-template-rows:1fr}
html body #solution-page .need-page #flow-comparison .is-single .flow-option figure{border-bottom:0;border-right:1px solid #e2e7eb;display:flex;align-items:center;justify-content:center}
html body #solution-page .need-page #flow-comparison .flow-options.is-three .flow-option figure img{height:145px}
html body #solution-page .need-page #flow-related .related-kind span{font-size:13px;font-weight:600;color:#aa4257;text-transform:uppercase;letter-spacing:.5px;margin-right:7px}
html body #solution-page .need-page #flow-related .related-card .related-description{font:400 15px/1.6 Arial,Helvetica,sans-serif;color:#607684;margin:0 0 20px}
html body #solution-page .need-page #flow-related .related-link,html body #solution-page .need-page #flow-related .related-status{margin-top:auto;padding-top:13px;border-top:1px solid #e0e7ec;font:400 15px/1.5 Arial,Helvetica,sans-serif}
html body #solution-page .need-page #flow-related .related-status{color:#607684}
@media(max-width:900px){html body #solution-page .need-page #flow-comparison .flow-options.is-three{grid-template-columns:1fr}html body #solution-page .need-page #flow-comparison .flow-options.is-three .flow-option{grid-template-columns:minmax(0,36%) minmax(0,1fr);grid-template-rows:1fr}html body #solution-page .need-page #flow-comparison .flow-options.is-three .flow-option figure{border-right:1px solid #e2e7eb;border-bottom:0;display:flex;align-items:center}}
@media(max-width:700px){html body #solution-page .need-page #flow-comparison .flow-options.is-three .flow-option,html body #solution-page .need-page #flow-comparison .is-single .flow-option,html body #solution-page .need-page #flow-comparison .flow-option{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr}html body #solution-page .need-page #flow-comparison .flow-options.is-three .flow-option figure,html body #solution-page .need-page #flow-comparison .is-single .flow-option figure{border-right:0;border-bottom:1px solid #e2e7eb}html body #solution-page .need-page #flow-comparison .flow-option-copy{padding:18px}html body #solution-page .need-page #flow-comparison .flow-solution-block{padding-top:20px}}
/* Esquemas de caso: espacio para leer origen, equipo y entrega. */
html body #solution-page .need-page #flow-comparison .flow-option figure{padding:12px}
html body #solution-page .need-page #flow-comparison .flow-option figure img,
html body #solution-page .need-page #flow-comparison .flow-options.is-three .flow-option figure img,
html body #solution-page .need-page #flow-comparison .is-single .flow-option figure img{height:auto;max-height:none;aspect-ratio:600/340}
/* Geometría SVG sin textos; etiquetas vivas y pies traducibles en la página. */
html body #solution-page .need-page #flow-comparison .flow-option figure.flow-scheme{display:flex;flex-direction:column;align-items:stretch;justify-content:center;padding:12px}
html body #solution-page .need-page #flow-comparison .flow-option .flow-scheme-visual{display:block;width:100%;height:auto;max-width:none;max-height:none;flex:none}
html body #solution-page .need-page #flow-comparison .flow-option .flow-scheme-visual text{font-family:Arial,Helvetica,sans-serif;font-weight:500;letter-spacing:0}
html body #solution-page .need-page #flow-comparison .flow-option .flow-scheme-caption{min-height:46px;display:flex;flex-direction:column;justify-content:center;gap:3px;padding:6px 4px 2px;text-align:center;font:400 13px/1.4 Arial,Helvetica,sans-serif;color:#435969}
html body #solution-page .need-page #flow-comparison .flow-option .flow-scheme-caption span{display:block}
html body #solution-page .need-page #flow-comparison .flow-option .flow-scheme-caption span+span{font-size:12px;color:#667d8c}