/* Pureflow Cleaning — Hero editorial aprobado (2026-10-13).
   Proporciones específicas para reproducir la referencia; no afecta secciones inferiores. */
.home-reference .topbar,.home-reference .demo-banner{display:none}
.home-reference .site-header{background:rgba(255,250,249,.97);border-bottom:1px solid #f1e4e7;backdrop-filter:blur(14px)}
.home-reference .site-header .container{width:min(1410px,calc(100% - 72px))}
.home-reference .header-inner{height:84px}
.home-reference .brand-icon{width:47px;height:47px}
.home-reference .brand-name{font-size:25px}
.home-reference .brand-subtitle{font-size:9px}
.home-reference .nav-links{gap:38px}
.home-reference .nav-links>a{font-size:13px}
.home-reference .header-cta{padding:16px 27px;min-height:52px;font-size:13px}
.hero.hero-reference{position:relative;overflow:hidden;min-height:820px;padding:38px 0 61px;background:radial-gradient(ellipse at 8% 42%,#fff8f7 0%,rgba(255,248,247,0) 46%),radial-gradient(ellipse at 95% 50%,#f6e1e6 0%,rgba(246,225,230,0) 56%),linear-gradient(116deg,#fffaf8 0%,#fdf4f5 60%,#f9e8eb 100%)}
.hero.hero-reference:before{content:"";width:810px;height:810px;position:absolute;left:-420px;top:100px;border:1px solid rgba(205,153,172,.15);box-shadow:0 0 0 100px rgba(249,219,225,.04);border-radius:50%;pointer-events:none}
.hero.hero-reference:after{content:"";position:absolute;right:-170px;top:-90px;width:690px;height:690px;border-radius:46% 54% 42% 58%;background:linear-gradient(145deg,rgba(255,255,255,.2),rgba(237,199,210,.17));transform:rotate(-24deg);pointer-events:none}
.hero-reference-container{position:relative;z-index:1;width:min(1440px,calc(100% - 96px));margin:0 auto}
.hero-reference-grid{display:grid;grid-template-columns:minmax(0,540px) minmax(0,1fr);column-gap:35px;align-items:start}
.hero-reference-copy{position:relative;z-index:3;padding-top:25px;max-width:570px}
.hero-reference-eyebrow{display:flex;align-items:center;gap:14px;color:#a65e78;font-size:11px;letter-spacing:.17em;font-weight:800;margin-bottom:19px}
.hero-reference-eyebrow:before{content:"";width:32px;height:1px;background:#be8194}
.hero-reference-pill{display:inline-flex;align-items:center;gap:9px;padding:10px 15px;margin:0 0 17px;border-radius:999px;border:1px solid #f0dfe3;box-shadow:0 9px 24px rgba(106,71,85,.05);background:rgba(255,255,255,.86);color:#aa6980;font-size:11px;font-weight:800;letter-spacing:.13em;white-space:nowrap}
.hero-reference-dot{width:8px;height:8px;flex:none;border-radius:50%;background:#b56a83}
.hero.hero-reference h1{font-family:'Playfair Display',Georgia,serif;font-size:clamp(62px,5vw,82px);font-weight:500;letter-spacing:-.055em;line-height:1.025;color:#3d3238;margin:0 0 21px;white-space:nowrap}
.hero.hero-reference h1 em{color:#b76b85;font-weight:400;font-style:italic}
.hero-reference-description{font-size:16px;line-height:1.75;color:#72656d;max-width:455px;margin:0 0 27px}
.hero-reference-description strong{color:#51434a;font-weight:700}
.hero-reference-actions{display:flex;align-items:center;gap:16px;margin:0 0 34px;flex-wrap:wrap}
.hero-reference-actions .btn{min-height:59px;padding:15px 21px;font-size:13px}
.hero-reference-actions .btn-primary{padding-inline:28px;box-shadow:0 12px 30px rgba(148,68,94,.16)}
.hero-reference-actions .btn-outline{border:1px solid #e8c9d2;background:rgba(255,255,255,.6)}
.hero-reference-actions .icon{width:17px;height:17px}
.hero-reference-trust{display:flex;align-items:center;gap:24px;max-width:540px;color:#74646b}
.hero-reference-trust span{display:flex;align-items:center;gap:11px;font-size:12px;line-height:1.45;font-weight:600}
.hero-reference-trust .icon{width:25px;height:25px;stroke:#b86e87;stroke-width:1.55}
.hero-reference-visual{position:relative;width:calc(100% + 65px);min-width:0;margin-right:-65px;height:735px}
.hero-reference-accent{position:absolute;z-index:0;inset:0 -5px -10px -18px;background:linear-gradient(135deg,rgba(255,255,255,.5) 0%,rgba(240,207,216,.3) 72%);border:1px solid rgba(212,166,184,.28);border-radius:260px 210px 66px 240px/205px 170px 58px 180px;transform:rotate(-2deg);pointer-events:none}
.hero-reference-image-frame{position:absolute;z-index:1;inset:0;overflow:hidden;border-radius:270px 205px 60px 185px/190px 155px 50px 175px;border:5px solid rgba(255,255,255,.85);box-shadow:0 20px 52px rgba(112,74,89,.08);background:#eee7e1}
.hero-reference-image-frame picture{display:block;width:100%;height:100%}
.hero-reference-image-frame img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:54% center}
.hero-reference-top-card{position:absolute;z-index:4;right:40px;top:95px;display:flex;align-items:center;gap:16px;min-width:255px;padding:23px 25px;border:1px solid rgba(255,255,255,.9);border-radius:20px;background:rgba(255,251,250,.92);backdrop-filter:blur(16px);box-shadow:0 15px 42px rgba(94,58,71,.09)}
.hero-reference-card-symbol{display:grid;place-items:center;width:45px;height:45px;border-radius:50%;background:#f7e6eb;color:#bd788d;font-size:29px}
.hero-reference-top-card div{display:grid;gap:8px}
.hero-reference-top-card div span{color:#b06f84;font-size:10px;font-weight:800;letter-spacing:.15em}
.hero-reference-top-card strong{font-size:18px;font-weight:500;color:#514047;line-height:1.45}
.hero-reference-bottom-card{position:absolute;z-index:5;bottom:58px;left:-35px;display:flex;align-items:center;gap:22px;width:350px;min-height:122px;padding:17px 20px;background:rgba(255,251,251,.94);border:1px solid rgba(255,255,255,.96);border-radius:23px;box-shadow:0 20px 48px rgba(87,61,75,.13);backdrop-filter:blur(14px)}
.hero-reference-round-img{width:80px;height:80px;flex:none;overflow:hidden;border-radius:50%;background:#f2e2e4}
.hero-reference-round-img img{width:100%;height:100%;object-fit:cover;object-position:50% 30%}
.hero-reference-bottom-text{font-size:15px;line-height:1.45;font-weight:600;color:#665059;flex:1}
.hero-reference-bottom-arrow{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#f4e0e6;color:#b16c84;font-size:23px;flex:none}
.home-reference .values{margin-top:0}
@media(max-width:1550px){.hero-reference-container{width:min(1380px,calc(100% - 88px))}.hero-reference-grid{grid-template-columns:minmax(0,510px) minmax(0,1fr);column-gap:26px}.hero-reference-visual{width:calc(100% + 35px);margin-right:-35px;height:685px}.hero.hero-reference h1{font-size:clamp(60px,5.15vw,78px)}.hero-reference-top-card{right:16px}}
@media(max-width:1240px){.hero.hero-reference{min-height:0;padding:40px 0 62px}.hero-reference-container{width:calc(100% - 66px)}.hero-reference-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);column-gap:20px}.hero-reference-copy{padding-top:10px}.hero.hero-reference h1{font-size:clamp(46px,5.3vw,65px)}.hero-reference-pill{font-size:9px;letter-spacing:.07em}.hero-reference-description{font-size:14px}.hero-reference-visual{height:560px;width:100%;margin-right:0}.hero-reference-trust{gap:12px;flex-wrap:wrap}.hero-reference-trust span{font-size:10px}.hero-reference-top-card{top:55px;right:0;min-width:210px;padding:15px}.hero-reference-bottom-card{bottom:20px;left:-8px;width:275px;min-height:92px;gap:10px;padding:12px}.hero-reference-round-img{width:55px;height:55px}.hero-reference-bottom-text{font-size:12px}.hero-reference-bottom-arrow{width:32px;height:32px}}
@media(max-width:860px){.hero-reference-grid{grid-template-columns:1fr;gap:30px}.hero-reference-copy{padding-top:0;max-width:none}.hero.hero-reference h1{font-size:clamp(48px,7.8vw,69px)}.hero-reference-description{max-width:690px}.hero-reference-visual{height:540px;max-width:none}.hero-reference-image-frame{border-radius:220px 170px 45px 135px/150px 140px 40px 120px}.hero-reference-accent{border-radius:230px 180px 50px 150px/160px 140px 40px 135px}.hero-reference-top-card{right:16px;top:55px}.hero-reference-bottom-card{left:5px;bottom:25px}.home-reference .site-header .container{width:calc(100% - 46px)}}
@media(max-width:640px){.home-reference .site-header .container{width:calc(100% - 34px)}.home-reference .header-inner{height:70px}.home-reference .brand-icon{width:39px;height:39px}.home-reference .brand-name{font-size:20px}.hero.hero-reference{padding:30px 0 48px}.hero-reference-container{width:calc(100% - 36px)}.hero-reference-eyebrow{font-size:9px;letter-spacing:.11em;gap:9px;margin-bottom:12px}.hero-reference-eyebrow:before{width:20px}.hero-reference-pill{font-size:9px;padding:8px 11px;max-width:100%;white-space:normal}.hero.hero-reference h1{font-size:clamp(44px,10.7vw,62px);margin-bottom:18px;white-space:normal}.hero-reference-description{font-size:14px;line-height:1.75;margin-bottom:22px}.hero-reference-actions{gap:10px;margin-bottom:23px}.hero-reference-actions .btn{flex:1 1 100%;font-size:13px;min-height:53px}.hero-reference-trust{gap:12px 18px}.hero-reference-trust span{font-size:10px}.hero-reference-trust .icon{width:19px;height:19px}.hero-reference-visual{height:405px}.hero-reference-image-frame{border-width:3px;border-radius:125px 100px 24px 80px/100px 90px 24px 70px}.hero-reference-accent{border-radius:130px 110px 24px 90px/105px 95px 24px 70px}.hero-reference-image-frame img{object-position:52% center}.hero-reference-top-card{top:28px;right:8px;min-width:0;width:178px;gap:9px;padding:11px 12px;border-radius:14px}.hero-reference-card-symbol{width:30px;height:30px;font-size:20px}.hero-reference-top-card div span{font-size:7px;letter-spacing:.09em}.hero-reference-top-card strong{font-size:13px;line-height:1.35}.hero-reference-bottom-card{bottom:20px;left:5px;width:250px;min-height:78px;padding:10px 12px;gap:11px;border-radius:15px}.hero-reference-round-img{width:48px;height:48px}.hero-reference-bottom-text{font-size:11px}.hero-reference-bottom-arrow{width:29px;height:29px;font-size:18px}}
@media(prefers-reduced-motion:reduce){.hero-reference-visual *{animation:none!important;transition:none!important}}