:root{--navy:#061b35;--deep:#031126;--blue:#058cf5;--sky:#24b7ff;--text:#10243f;--muted:#53667e;--line:#e1eaf3;--bg:#f4f8fc}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;color:var(--text);line-height:1.55}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.container{width:min(1160px,92%);margin:auto}
header{position:sticky;top:0;z-index:30;background:#fff;box-shadow:0 2px 14px #061b3513}.nav{display:flex;align-items:center;justify-content:space-between;min-height:75px;gap:22px}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.brand img{height:58px;width:58px;object-fit:contain}.brand strong{font-size:22px;line-height:1;letter-spacing:-.7px}.brand small{display:block;font-size:10px;color:#53667e}.navlinks{display:flex;align-items:center;gap:23px;font-size:13px;font-weight:700}.navlinks a:hover,.navlinks a.active{color:var(--blue)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 20px;background:var(--blue);color:#fff;border-radius:9px;font-weight:750;border:1px solid var(--blue);cursor:pointer;transition:.2s}.btn:hover{background:#0676cd;transform:translateY(-1px)}.btn.outline{background:transparent;border-color:#ffffff9c}.btn.outline:hover{background:#ffffff24}.btn.light{background:white;color:var(--navy);border-color:white}.menu-toggle{display:none;border:0;background:transparent;font-size:26px;color:var(--navy)}
.hero{position:relative;overflow:hidden;background:linear-gradient(90deg,#031327 0%,#041c39ed 48%,#062c55b0 100%),url('assets/integracion-digital.webp') center/cover;min-height:475px;color:white;display:flex;align-items:center}.hero .container{position:relative;z-index:1}.hero h1{font-size:clamp(40px,5.8vw,76px);line-height:1.03;max-width:720px;letter-spacing:-2.5px;margin:0 0 22px}.hero h1 em{font-style:normal;color:var(--sky)}.hero p{font-size:clamp(16px,1.7vw,20px);max-width:610px;margin:0 0 27px;color:#e2efff}.actions{display:flex;gap:12px;flex-wrap:wrap}.hero-tags{display:flex;gap:9px;flex-wrap:wrap;margin-top:32px;max-width:770px}.hero-tags span{padding:6px 11px;border:1px solid #ffffff4a;background:#ffffff13;border-radius:8px;font-size:12px}
section{padding:74px 0}.eyebrow{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--blue);font-weight:800}.section-title{font-size:clamp(29px,3.6vw,43px);letter-spacing:-1.5px;line-height:1.14;margin:8px 0 12px}.lead{color:var(--muted);font-size:17px;max-width:780px;margin:0 0 28px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:white;border:1px solid var(--line);border-radius:15px;overflow:hidden;box-shadow:0 9px 24px #0c31500c;transition:.2s}.card:hover{transform:translateY(-5px);box-shadow:0 16px 35px #0c315020}.card .visual{height:115px;background:linear-gradient(135deg,#092a4f,#0572c7);display:flex;align-items:center;padding:20px;color:#a9e5ff;font-size:43px}.card:nth-child(2) .visual{background:linear-gradient(135deg,#06417a,#009dd8)}.card:nth-child(3) .visual{background:linear-gradient(135deg,#102847,#286ca2)}.card:nth-child(4) .visual{background:linear-gradient(135deg,#071d32,#147da0)}.card .body{padding:21px}.card h3{font-size:23px;margin:0 0 8px}.card h3::first-letter{color:var(--blue)}.card p{color:var(--muted);font-size:14px;margin:0 0 16px}.textlink{color:#0878d8;font-weight:800;font-size:14px}.soft{background:var(--bg)}.split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.feature-image{border-radius:17px;min-height:325px;background:linear-gradient(120deg,#061b3530,#0065bd40),url('assets/equipo-desarrollo.webp') center/cover;box-shadow:0 18px 42px #071e3430}.feature-image.tech{background-image:linear-gradient(120deg,#061b3540,#0065bd40),url('assets/integracion-digital.webp')}.features{display:grid;grid-template-columns:1fr 1fr;gap:11px 18px;margin:20px 0 27px}.features div{padding:10px 13px;background:#eef6ff;border-radius:8px;font-weight:700;font-size:13px}.dark{background:linear-gradient(120deg,#04152c,#063965);color:white}.dark .lead{color:#c7d8ea}.dark .features div{background:#ffffff14}.wash{background:linear-gradient(110deg,#f7fbff,#e7f3ff)}.wash-logo{width:min(280px,100%);mix-blend-mode:multiply;display:block;margin:auto}.industry-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:24px}.industry{background:white;padding:23px;border:1px solid var(--line);border-radius:14px}.industry strong{display:block;font-size:20px;margin-bottom:7px}.industry p{color:var(--muted);margin:0}.callout{padding:50px 0;background:linear-gradient(115deg,#061b35,#075ca0);color:white}.callout .container{display:flex;align-items:center;justify-content:space-between;gap:30px}.callout h2{font-size:31px;margin:0 0 8px}.callout p{margin:0;color:#d3e6f8}.footer{background:#031126;color:#b8c9da;padding:42px 0 20px}.footer .footrow{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}.footer strong{color:white}.footer a{color:#e1f2ff}.footer small{display:block;border-top:1px solid #ffffff20;margin-top:25px;padding-top:15px}.pagehero{padding:88px 0;background:linear-gradient(110deg,#04142c,#075393);color:white}.pagehero h1{font-size:clamp(40px,5vw,62px);margin:8px 0;line-height:1.1}.pagehero p{font-size:19px;color:#d5e7f7;max-width:770px}.pagehero .eyebrow{color:#7fd3ff}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.tile{background:#fff;border:1px solid var(--line);padding:24px;border-radius:12px}.tile h3{margin:0 0 9px}.tile p{color:var(--muted);margin:0}.process{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.step{background:#eaf4ff;border-radius:12px;padding:19px 12px;text-align:center;font-weight:750}.step span{display:block;color:var(--blue);font-size:12px;letter-spacing:1px}.notice{background:#fff8e9;border-left:4px solid #e6a53b;padding:13px 17px;font-size:13px;border-radius:5px;color:#66532d}.contact-panel{background:white;border:1px solid var(--line);padding:30px;border-radius:15px;max-width:740px}.field{display:block;margin-bottom:16px;font-weight:700}.field input,.field textarea{display:block;width:100%;border:1px solid #cad8e8;border-radius:7px;padding:12px;margin-top:6px}.field textarea{min-height:130px;resize:vertical}.fine{font-size:12px;color:var(--muted)}
@media(max-width:900px){.cards{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr;gap:25px}.grid3{grid-template-columns:repeat(2,1fr)}.process{grid-template-columns:repeat(3,1fr)}.menu-toggle{display:block}.navlinks{display:none;position:absolute;top:75px;left:0;right:0;background:#fff;flex-direction:column;align-items:stretch;padding:18px 5%;box-shadow:0 14px 22px #061b3525}.navlinks.open{display:flex}.nav>.btn{display:none}}
@media(max-width:600px){.brand strong{font-size:18px}.brand img{width:48px;height:48px}.hero{min-height:560px}.hero h1{letter-spacing:-1px}.cards,.industry-grid,.grid3,.features{grid-template-columns:1fr}.process{grid-template-columns:repeat(2,1fr)}.callout .container{display:block}.callout .btn{margin-top:22px}section{padding:54px 0}}

/* Marca 7 Solutions — V1.1 */
.brand-story{background:linear-gradient(115deg,#05254a,#086db2);color:#fff;padding:48px 0}.brand-story-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.brand-story h2{font-size:clamp(30px,3vw,42px);margin:6px 0}.brand-story p{max-width:750px;margin:0;color:#e0efff}.brand-story .btn{flex-shrink:0}.seven-art{min-height:300px;border-radius:18px;background:linear-gradient(145deg,#061b35,#0676cb);display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;box-shadow:0 15px 35px #061b3525}.seven-art span{font-size:145px;font-weight:900;line-height:1;color:#52c5ff}.seven-art strong{font-size:20px}.seven-art small{font-size:14px;color:#bdeaff;margin-top:8px}@media(max-width:700px){.brand-story-inner{display:block}.brand-story .btn{margin-top:24px}}


/* v1.2 — photographic direction and product-led presentation */
.hero{background:linear-gradient(90deg,rgba(2,13,31,.97) 0%,rgba(3,25,49,.88) 45%,rgba(5,37,65,.32) 100%),url('assets/hero-industria.webp') center 46%/cover;min-height:535px}
.hero:after{content:"";position:absolute;inset:auto 0 0;height:5px;background:linear-gradient(90deg,#087af3,#23b7ff,#40b6aa)}
.hero .eyebrow{font-weight:850;letter-spacing:2.4px}
.hero h1{max-width:760px}
.card .photo-visual{height:170px;position:relative}
.card .photo-visual:after{content:"";position:absolute;inset:auto 0 0;height:3px;background:#12a4f7}
.card .body{min-height:202px;display:flex;flex-direction:column}
.card .body .textlink{margin-top:auto}
.card h3{font-size:24px}
.wash-showcase{background:linear-gradient(135deg,#f8fcff,#e7f2fc)}
.wash-showcase .container{row-gap:28px}
.wash-showcase .wash-logo{max-width:265px;filter:drop-shadow(0 12px 18px #1a6c9e24)}
.wash-industries{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:6px}
.wash-industry{min-height:230px;border-radius:16px;position:relative;overflow:hidden;display:flex;align-items:flex-end;background-size:cover;background-position:center;box-shadow:0 15px 30px #092d4c18;transition:transform .2s}
.wash-industry:hover{transform:translateY(-4px)}
.wash-industry.mining{background-image:linear-gradient(0deg,#06192e 0%,#06192ec2 40%,#06192e30 100%),url('assets/washflow-mineria.webp')}
.wash-industry.prison{background:linear-gradient(120deg,#07192d,#123e65 68%,#0b2039);background-image:repeating-linear-gradient(90deg,transparent 0,transparent 80px,#ffffff0c 81px,#ffffff0c 84px),linear-gradient(130deg,#07192d,#1b4b70)}
.wash-industry-content{padding:26px;color:white;display:flex;flex-direction:column;gap:6px;position:relative}
.wash-industry-content strong{font-size:25px;line-height:1.12}
.wash-industry-content>span:last-child{font-size:14px;color:#d7e9fa}
.mini-label{font-size:10px;letter-spacing:2px;font-weight:900;color:#7ad3ff}
.brand-story{background:linear-gradient(135deg,#f3faff,#e5f3ff)}
.brand-story-inner{max-width:820px;padding:20px 0}
.brand-story-inner p{font-size:18px;color:#34465b;line-height:1.8}
.brand-story-inner .story-lead{font-size:23px;font-weight:800;color:#0a5fa4;line-height:1.4}
.industry-grid .mining-industry{background:linear-gradient(0deg,#ffffffed,#ffffffeb),url('assets/washflow-mineria.webp') center/cover;border-top:5px solid #118dea}
.industry-grid .prison-industry{border-top:5px solid #153a66;background:linear-gradient(145deg,#fff,#edf5fc)}
.process .step{position:relative;border:1px solid #d3e6f7;box-shadow:0 5px 15px #0b57920c}
.process .step:not(:last-child):after{content:"→";position:absolute;right:-13px;top:50%;transform:translateY(-50%);color:#078cf0;font-weight:900;z-index:2;font-size:22px}
@media(max-width:900px){.wash-industries{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.hero{min-height:590px;background-position:58% center}.wash-industries{grid-template-columns:1fr}.wash-industry{min-height:195px}.card .photo-visual{height:175px}.process .step:after{display:none}}


/* WashFlow commercial landing — v1.3: conceptual visuals only; no sensitive diagrams */
.wf-hero{background:radial-gradient(circle at 77% 45%,#075d91 0,#07375e 29%,#04172f 65%);color:#fff;overflow:hidden;padding:75px 0 65px}.wf-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.wf-kicker{font-size:11px;font-weight:900;letter-spacing:2px;color:#76dfff}.wf-hero-logo{width:135px;height:135px;object-fit:contain;display:block;margin:10px 0 -7px;filter:drop-shadow(0 8px 18px #0003)}.wf-hero h1{font-size:clamp(47px,5vw,75px);line-height:1.02;letter-spacing:-2.5px;margin:10px 0 14px}.wf-hero h1 em,.wf-close h2 em{font-style:normal;color:#29bbff}.wf-hero h2{font-size:22px;margin:0 0 16px}.wf-hero p{color:#d2e6f8;font-size:17px;max-width:500px}.wf-proof{display:flex;gap:10px;flex-wrap:wrap;margin-top:27px}.wf-proof span{border:1px solid #ffffff38;background:#ffffff0b;border-radius:20px;padding:7px 10px;font-size:11px}.wf-hero-art{height:420px;position:relative;background:radial-gradient(ellipse at 40% 45%,#0d95d450,transparent 65%);display:flex;align-items:center;justify-content:center}.wf-machine{height:280px;width:240px;border-radius:20px;background:linear-gradient(130deg,#e8f4fb,#6b9dbd 50%,#d1e4f0);border:9px solid #d9ecf6;box-shadow:20px 25px 50px #0008;position:absolute;left:12%;top:17%;transform:perspective(700px) rotateY(-12deg)}.wf-machine-top{height:46px;border-bottom:4px solid #6485a0;background:linear-gradient(90deg,#d8edf7,#97b7ce);border-radius:10px 10px 0 0}.wf-machine-top:before{content:'●  ▰▰▰';color:#0867a5;font-size:17px;position:absolute;top:10px;left:22px}.wf-machine-door{width:180px;height:180px;border-radius:50%;background:radial-gradient(circle at 40% 30%,#2b9cc0,#032c4b 65%,#011629);border:15px solid #dceef7;box-shadow:inset 0 0 0 8px #265575,0 0 0 5px #789bb1;margin:20px auto;display:flex;align-items:center;justify-content:center}.wf-machine-spin{font-size:72px;color:#a9e8ff5c}.wf-data-card{position:absolute;right:0;top:24%;background:#f8fcff;color:#082641;border-radius:14px;padding:21px;width:225px;box-shadow:0 20px 45px #0006;border:1px solid #7ecdf4}.wf-data-card>span{color:#0089d1;font-size:10px;font-weight:900;letter-spacing:.8px}.wf-data-card>strong{display:block;margin:9px 0 15px;font-size:18px}.wf-data-line{display:flex;justify-content:space-between;border-top:1px solid #d9e8f2;padding:9px 0;font-size:11px}.wf-data-line span{color:#1675a9}.wf-signal{position:absolute;right:10%;bottom:10%;border:2px solid #40c8ff;border-radius:30px;padding:8px 18px;background:#06365b;color:#7de1ff;font-weight:900;box-shadow:0 0 22px #00a9ff77}.wf-problem{background:#f4f8fc}.wf-problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.wf-problem-grid>div{background:white;border-radius:12px;padding:24px;border:1px solid #e2ebf3}.wf-problem-grid span{color:#008ded;font-weight:900}.wf-problem-grid h3{margin:7px 0}.wf-problem-grid p{color:#53667e;margin:0}.wf-cap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.wf-cap-grid article{padding:24px;border:1px solid #dceaf5;border-radius:14px;background:#fff;box-shadow:0 8px 22px #061b3508}.wf-cap-grid h3{font-size:18px;margin:11px 0 6px}.wf-cap-grid p{color:#53667e;margin:0;font-size:14px}.wf-icon{width:52px;height:52px;border-radius:13px;background:#e3f4ff;color:#008ce9;display:grid;place-items:center;font-size:32px}.wf-modes{background:#f0f7fd}.wf-mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:26px}.wf-mode{background:#fff;border:1px solid #cfe7fa;border-top:5px solid #068de8;border-radius:15px;padding:26px;box-shadow:0 12px 27px #061b3510}.wf-mode.premium{border-top-color:#13836c}.wf-mode-tag{font-size:11px;font-weight:900;color:#087bd1;letter-spacing:1px}.wf-mode.premium .wf-mode-tag{color:#13836c}.wf-mode h3{font-size:24px;margin:12px 0 7px}.wf-mode p{color:#52677e}.wf-mode-art{height:125px;display:grid;place-items:center;background:linear-gradient(120deg,#eef8ff,#d8eefa);border-radius:12px;margin:15px 0}.wf-mode.premium .wf-mode-art{background:linear-gradient(120deg,#eafaf4,#d9f2eb)}.wf-bag,.wf-shirt{font-size:58px;line-height:1;color:#048ae0;display:flex;align-items:center;gap:18px}.wf-shirt{color:#0d8c70}.wf-bag small,.wf-shirt small{font-size:11px;font-weight:900;letter-spacing:1px;max-width:125px;line-height:1.5}.wf-mode-note{font-size:13px;font-weight:800;color:#086aa8;background:#eef8ff;border-radius:7px;padding:10px 12px}.wf-mode.premium .wf-mode-note{background:#eaf9f3;color:#0b7860}.wf-note{font-size:13px;color:#5e7085;margin-top:20px}.wf-industry-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.wf-industry{min-height:305px;padding:32px;display:flex;flex-direction:column;justify-content:end;border-radius:15px;color:white;position:relative;overflow:hidden}.wf-industry.mine{background:linear-gradient(0deg,#03172df2,#04274670),url('assets/washflow-mineria.webp') center/cover}.wf-industry.corrections{background:repeating-linear-gradient(90deg,transparent 0,transparent 85px,#ffffff12 86px,#ffffff12 90px),linear-gradient(135deg,#05182e,#235376)}.wf-industry-icon{font-size:38px}.wf-industry-overline{font-size:11px;font-weight:900;letter-spacing:1.6px;color:#6dd2ff}.wf-industry h3{font-size:30px;margin:7px 0}.wf-industry p{margin:0;color:#dcebf9;max-width:440px}.wf-tech{background:#f3f8fd}.wf-tech-head{display:flex;justify-content:space-between;align-items:center;gap:40px}.wf-tech-badge{border-left:4px solid #049ff1;padding-left:16px;color:#056ca9;font-weight:900;font-size:12px;line-height:1.9;letter-spacing:1px;flex-shrink:0}.wf-tech-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.wf-tech-grid>div{display:flex;gap:14px;align-items:center;padding:19px;background:#fff;border:1px solid #dce9f3;border-radius:12px}.wf-tech-grid span{font-size:30px;color:#0589df}.wf-tech-grid strong{font-size:14px}.wf-close{background:linear-gradient(120deg,#03152c,#07558a);color:#fff;text-align:center}.wf-close .eyebrow{color:#73d7ff}.wf-close h2{font-size:clamp(35px,5vw,55px);margin:10px 0}.wf-close p{color:#d4e6f7;font-size:18px;max-width:700px;margin:0 auto 25px}
@media(max-width:900px){.wf-hero-grid{grid-template-columns:1fr}.wf-hero-art{max-width:550px;width:100%;margin:auto}.wf-cap-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.wf-hero{padding:55px 0}.wf-hero-art{height:350px}.wf-machine{transform:scale(.8);transform-origin:left top;left:4%;top:17%}.wf-data-card{transform:scale(.83);transform-origin:right top;right:0;top:25%}.wf-signal{bottom:2%}.wf-problem-grid,.wf-cap-grid,.wf-mode-grid,.wf-industry-grid,.wf-tech-grid{grid-template-columns:1fr}.wf-tech-head{display:block}.wf-tech-badge{margin:22px 0}.wf-industry{min-height:250px}.wf-hero h1{letter-spacing:-1.2px}}


/* V1.4: fotografías específicas por servicio y WashFlow */
.cards .card .visual{height:190px}
.cards .card:nth-child(1) .visual,.cards .card:nth-child(2) .visual,.cards .card:nth-child(3) .visual,.cards .card:nth-child(4) .visual{background-size:cover}
.wf-photo-intro{background:#f1f7fd}
.wf-photo-intro-grid{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:48px}
.wf-photo-intro-image{min-height:360px;border-radius:18px;background:url('assets/foto-washflow-lavanderia.webp') center/cover;box-shadow:0 18px 40px #092d4c25}
.wf-modes{background:#eef6ff}
.wf-modes-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.wf-mode{display:flex;align-items:center;gap:22px;background:#fff;border:1px solid #d9e6f4;border-radius:16px;padding:22px}
.wf-mode img{width:155px;height:132px;object-fit:cover;border-radius:12px;flex-shrink:0}
.wf-mode h3{margin:0 0 7px;font-size:21px}
.wf-mode p{margin:0;color:#53667e}
.wf-industry-photo{width:100%;height:185px;object-fit:cover;border-radius:10px;margin-bottom:16px}
@media(max-width:850px){.wf-photo-intro-grid,.wf-modes-grid{grid-template-columns:1fr}.wf-photo-intro-image{min-height:270px}}
@media(max-width:500px){.wf-mode{display:block}.wf-mode img{width:100%;height:160px;margin-bottom:15px}}


/* 1.5 — sistema visual unificado */
:root{--brand-radius:16px;--brand-shadow:0 14px 38px #0b2d4d16}
section{scroll-margin-top:76px}.section-title{letter-spacing:-1.35px}.eyebrow{letter-spacing:1.8px}
.service-hero{position:relative;overflow:hidden;min-height:400px;display:flex;align-items:center;background:linear-gradient(95deg,#041429 0%,#062d54f5 58%,#064474ac 100%)}
.service-hero:before{content:"";position:absolute;inset:0 0 0 50%;background-image:linear-gradient(90deg,#062b50,#072b4b36),var(--service-image);background-size:cover;background-position:center;opacity:.95}
.service-hero .container{position:relative;z-index:1}.service-hero h1{max-width:780px}.service-hero p{max-width:670px}
.service-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}
.service-hero .btn.outline{border-color:#b3d8f8}
.grid3 .tile{box-shadow:var(--brand-shadow);border-radius:var(--brand-radius);border-top:3px solid #129bf3;transition:transform .2s}
.grid3 .tile:hover{transform:translateY(-4px)}.tile-num{display:inline-block;font-size:13px;color:#0887d8;font-weight:850;letter-spacing:2px;margin-bottom:13px}
.solution-card{border-radius:var(--brand-radius);box-shadow:var(--brand-shadow)}
.solution-card .body{padding:21px 23px 23px}.solution-label{font-size:10px;font-weight:900;letter-spacing:2px;color:#138cda;margin-bottom:6px}
.solution-card .visual{height:172px!important}.solution-card .visual:after{height:4px}
.wf-identity-note{font-size:14px;font-weight:750;color:#1979b8;margin:0 0 20px}
.washflow-hero{background:linear-gradient(100deg,#04152c 0%,#074d81 100%)}
.washflow-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 50%,#0aa5f323,transparent 38%);pointer-events:none}
.wf-benefits{background:#061b35;color:#fff;padding:55px 0}.wf-benefits .eyebrow{color:#7cd8ff}.wf-benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:28px}
.wf-benefits-grid article{padding:24px;border:1px solid #ffffff2b;border-radius:14px;background:#ffffff0b}.wf-benefits-grid h3{margin:8px 0;font-size:22px}.wf-benefits-grid p{margin:0;color:#c6d9ec}
.wf-benefit-symbol{display:block;font-size:34px;color:#4dc6ff;line-height:1}
.contact-hero{background:linear-gradient(115deg,#041429,#0861a0)}
@media(max-width:900px){.service-hero:before{inset:0;opacity:.22}.wf-benefits-grid{grid-template-columns:1fr}}
@media(max-width:600px){.service-hero{min-height:430px}.service-hero-actions{flex-direction:column;align-items:flex-start}}

/* v1.6: imágenes aprobadas, sin iconos superpuestos */
.solution-card .visual{font-size:0!important;color:transparent!important;background-repeat:no-repeat!important;background-size:cover!important;background-position:center!important}
.solution-card .visual:before{display:none!important}
.solution-card .visual:after{height:3px!important}

/* V1.7 — organization of homepage */
.product-section-intro{grid-column:1/-1;margin-bottom:2px}
.product-section-intro .lead{margin-bottom:0}
#especializacion .solution-label{display:none!important}
#soluciones-especializadas{scroll-margin-top:80px}
#especializacion{scroll-margin-top:80px}

/* V1.8 — responsive layout correction and terminology */
html,body{max-width:100%;overflow-x:clip}
#especializacion>.container,#soluciones-especializadas>.container{width:min(1160px,92%);max-width:1160px;margin-inline:auto}
#especializacion .cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;width:100%;min-width:0}
#especializacion .card{min-width:0;max-width:100%}
#soluciones-especializadas>.container.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
#soluciones-especializadas .product-section-intro{grid-column:1/-1;width:100%;max-width:100%;margin:0 0 2px}
#soluciones-especializadas .wash-industries{grid-column:1/-1}
@media(max-width:950px){#especializacion .cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){#especializacion .cards{grid-template-columns:1fr}#soluciones-especializadas>.container.split{grid-template-columns:1fr}}

/* v1.9: contrast fix for Nuestra Esencia */
section.brand-story .eyebrow{color:#087ac9!important}
section.brand-story h2{color:#092744!important}
section.brand-story p{color:#334a62!important}

/* v2.1: lema secundario WashFlow */
.wf-editorial-tagline{display:block;margin-top:1rem;color:#6bc9f5;font-size:.95rem;font-weight:600;letter-spacing:.01em}

/* v2.2 — fotos auténticas WashFlow y tarjetas sin numeración */
.wf-hero-art{background:linear-gradient(90deg,#07375e12,#031a2f20);border-radius:18px;isolation:isolate}
.wf-hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:18px;filter:saturate(.88) contrast(.95)}
.wf-hero-art:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 35%,#041a3090 100%);z-index:1;border-radius:18px;pointer-events:none}
.wf-hero-art .wf-data-card,.wf-hero-art .wf-signal{z-index:2}
.wf-hero-art .wf-data-card{right:12px;top:20%}
.wf-hero-art .wf-signal{right:7%;bottom:7%}
.wash-industry{background-color:#0a2d48}
@media(max-width:620px){.wf-hero-art{height:370px}.wf-hero-art .wf-data-card{top:22%;right:8px;transform:scale(.80);transform-origin:right top}.wf-hero-art .wf-signal{bottom:6%;right:8%}}

/* v2.2.1 — Restaurar fotografías de tarjetas WashFlow con prioridad CSS */
#soluciones-especializadas .wash-industry.mining{background:linear-gradient(0deg,rgba(4,20,36,.93) 0%,rgba(4,20,36,.50) 45%,rgba(4,20,36,.03) 100%),url("assets/washflow-sector-mineria-v22.webp") center center / cover no-repeat !important;}
#soluciones-especializadas .wash-industry.prison{background:linear-gradient(0deg,rgba(4,20,36,.93) 0%,rgba(4,20,36,.50) 45%,rgba(4,20,36,.03) 100%),url("assets/washflow-sector-penitenciario-v22.webp") center center / cover no-repeat !important;}

/* v2.4: contenido SEO editorial WashFlow */
.wf-seo-focus{padding:68px 0;background:#fff;color:#20354a}
.wf-seo-focus-alt{background:#f0f6fc}
.wf-seo-focus .container{max-width:1080px}
.wf-seo-focus .section-title{max-width:900px;margin:10px 0 22px}
.wf-seo-focus p{max-width:880px;line-height:1.75}
.wf-seo-cta{display:inline-flex;margin-top:18px}
@media(max-width:700px){.wf-seo-focus{padding:46px 0}}

/* v2.4.1: imagen de modelos y tarjetas legibles */
.wf-modes-visual{margin:26px 0 22px;overflow:hidden;border-radius:18px;background:#e8f2f8;box-shadow:0 12px 30px #08254115}
.wf-modes-visual img{width:100%;height:auto;display:block}
.wf-modes-visual figcaption{padding:10px 18px;font-size:13px;color:#47617a;background:#fff}
.wf-model-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.wf-model-card{background:#fff;border:1px solid #d6e6f3;border-top:4px solid #078ce4;border-radius:14px;padding:26px;box-shadow:0 8px 20px #0623410a}
.wf-model-card:nth-child(2){border-top-color:#168d74}
.wf-model-label{font-size:11px;font-weight:800;letter-spacing:1.2px;color:#087cbe}
.wf-model-card:nth-child(2) .wf-model-label{color:#137b64}
.wf-model-card h3{font-size:22px;margin:11px 0;line-height:1.3}
.wf-model-card p{font-size:16px;color:#52677e;line-height:1.65;margin:0 0 18px}
.wf-model-card strong{display:inline-block;background:#eaf6ff;color:#066aab;padding:10px 13px;border-radius:9px;font-size:13px}
.wf-model-card:nth-child(2) strong{background:#e9f8f2;color:#12735e}
.wf-mix-banner{margin-top:20px;background:#08365a;color:#fff;padding:23px 28px;border-radius:14px;display:flex;align-items:center;gap:30px}
.wf-mix-banner>span{font-size:12px;letter-spacing:1.2px;font-weight:800;color:#74d7ff;min-width:145px}
.wf-mix-banner h3{margin:0 0 5px;font-size:20px}.wf-mix-banner p{margin:0;color:#e0effa;line-height:1.5}
@media(max-width:700px){.wf-model-cards{grid-template-columns:1fr}.wf-mix-banner{display:block}.wf-mix-banner>span{display:block;margin-bottom:12px}.wf-model-card{padding:21px}}

/* v2.4.2 – Corporate identity and legal footer */
.brand{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:0;min-width:190px}
.brand img.brand-logo-horizontal{width:clamp(175px,18vw,260px);height:auto;max-height:66px;object-fit:contain;object-position:left center;display:block}
.brand .brand-tagline{display:block;font-size:10px;line-height:1.2;color:#52647a;padding-left:4px;margin-top:-1px}
.footer-legal{margin-top:23px;color:#c7d7e8;font-size:13px;line-height:1.7}
.footer-legal div:first-child{font-weight:800;color:white}
.wash-logo{mix-blend-mode:normal!important}
.wf-hero-logo{height:auto;max-height:160px;object-fit:contain}
@media(max-width:700px){.brand{min-width:0}.brand img.brand-logo-horizontal{width:165px;height:auto;max-height:52px}.brand .brand-tagline{font-size:9px}.nav{gap:10px}}

/* v2.4.3 — Fix: brand story must flow vertically, not as narrow flex items */
body section.brand-story .container .brand-story-inner {
  display:block; width:100%; max-width:850px; margin:0 auto; padding:22px 0;
}
body section.brand-story .brand-story-inner > * {
  display:block; width:auto; max-width:100%; min-width:0;
}
body section.brand-story .brand-story-inner .eyebrow {
  margin-bottom:14px; letter-spacing:.13em;
}
body section.brand-story .brand-story-inner h2 {
  font-size:clamp(30px,4vw,44px); line-height:1.18; margin:0 0 22px;
}
body section.brand-story .brand-story-inner p {
  font-size:clamp(16px,1.5vw,18px); line-height:1.75; margin:0 0 18px;
  overflow-wrap:normal; word-break:normal;
}
body section.brand-story .brand-story-inner p.story-lead {
  font-size:clamp(19px,2vw,23px); line-height:1.45; margin-bottom:22px;
}
@media(max-width:700px) {
  body section.brand-story .container .brand-story-inner {padding:8px 0;}
  body section.brand-story .brand-story-inner p {line-height:1.65;}
}