@charset "UTF-8";
:root{--paper:#f2f2f0;--ink:#111;--gray:#5e6265;--line:#d1d3d2;--magenta:#ed008c;--cyan:#0099b2;--orange:#ff8a00;--lime:#c5e03c;--serif:'Baskerville','Iowan Old Style',Georgia,serif;--sans:'Helvetica Neue',Arial,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}a:focus-visible,button:focus-visible,[tabindex]:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}button{cursor:pointer}::selection{background:var(--magenta);color:white}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:white;padding:15px}.skip:focus{top:10px}.header{padding:19px 4.5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:var(--paper)}.brand{display:block;line-height:0}.brand img{object-fit:contain;width:52px;height:67px}.header nav{display:flex;align-items:center;gap:32px;font-size:12px;font-weight:500}.header nav a:not(.nav-cta){padding:12px 0}.header nav a[aria-current]{border-bottom:2px solid var(--magenta)}.nav-cta{padding:16px 23px;background:var(--ink);color:white;margin-left:22px}.nav-cta:hover{background:#bd006f}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1.15fr 1fr;min-height:630px}.hero-copy{padding:66px 4.5vw 45px}.eyebrow{font-size:11px;letter-spacing:.04em;margin-bottom:24px;font-weight:500}.hero .eyebrow::before{content:'';display:inline-block;width:9px;height:9px;background:var(--magenta);border-radius:50%;margin-right:10px}h1{font:400 clamp(56px,6.5vw,96px)/.98 var(--serif);letter-spacing:-3.5px}.hero h1 span{color:var(--magenta)}.lead{font-size:16px;line-height:1.8;color:#555b5e;max-width:540px;margin-top:28px}.actions{display:flex;flex-wrap:wrap;gap:25px;align-items:center;margin-top:34px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:25px;padding:18px 24px;background:var(--ink);color:white;border:0;font-size:12px;font-weight:500;line-height:1.4}.button:hover{background:#bd006f}.button span{font-size:19px}.text-link{font-size:12px;border-bottom:1px solid currentColor;padding-bottom:8px;display:inline-block;line-height:1.6}.hero-note{font-size:10px;line-height:1.8;color:var(--gray);margin-top:38px}.hero-paint{position:relative;overflow:hidden;background:#111;min-height:620px}.hero-paint>span{position:absolute;color:white;bottom:34px;left:35px;font-size:12px;line-height:1.6;z-index:5}.hero-paint>i{position:absolute;right:22px;bottom:28px;color:#ffffff80;line-height:.9;letter-spacing:-2px;font-size:36px;font-style:normal;font-weight:700;z-index:5}.paint-slab{position:absolute;width:48%;height:78%;border-radius:48% 35% 8% 10%;transform:rotate(-24deg);box-shadow:inset 14px 0 18px #ffffff25,inset -12px 0 25px #0004,0 18px 20px #0004;overflow:hidden}.paint-slab:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(92deg,transparent 0px,#ffffff10 2px,transparent 4px,#00000012 7px,transparent 9px);mix-blend-mode:overlay}.magenta{background:#ed008c;top:-65px;left:7%;z-index:4}.orange{background:#ff8a00;top:-25px;left:39%;z-index:3}.blue{background:#0099b2;top:110px;left:65%;z-index:2}.green{background:#c5e03c;top:300px;left:6%;height:52%;z-index:1;transform:rotate(62deg)}.proof{display:grid;grid-template-columns:repeat(3,1fr);background:#111;color:white;padding:29px 4.5vw;gap:30px}.proof>div{display:flex;align-items:center;gap:20px}.proof b{font:28px var(--serif)}.proof span{color:#bbb;font-size:10px;max-width:130px;line-height:1.6}.section{padding:90px 4.5vw}.section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:40px}h2{font:400 clamp(32px,3.5vw,51px)/1.07 var(--serif);letter-spacing:-1.5px}.section-head>p{max-width:330px;color:var(--gray);font-size:14px;line-height:1.8}.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.tile{display:block}.tile-art{height:220px;background:var(--paint);position:relative;overflow:hidden}.tile-art i{position:absolute;inset:23% -12% -5% 20%;background:#111;transform:rotate(-29deg);border-radius:48% 20% 0 0}.tile-art b{position:absolute;width:54%;height:160%;top:-32%;left:15%;border-radius:48%;background:linear-gradient(90deg,transparent,#ffffff25,transparent),var(--paint);transform:rotate(27deg);box-shadow:inset -12px 0 22px #0002,14px 12px 22px #0002}.tile-art em{position:absolute;width:8%;height:130%;left:70%;top:-12%;background:var(--paper);transform:rotate(27deg);opacity:.86}.tile:nth-child(2n) .tile-art b{transform:rotate(-38deg);width:70%;left:28%}.tile:nth-child(3n) .tile-art em{transform:rotate(-35deg);left:30%}.tile-copy{position:relative;border-bottom:1px solid var(--line);padding:20px 25px 21px 0}.tile-copy h3{font:25px/1.1 var(--serif);padding-right:10px}.tile-copy>span{position:absolute;right:0;top:21px}.tile-copy p{font-size:11px;line-height:1.65;color:var(--gray);margin-top:12px}.tile:hover .tile-copy h3{color:#ba006c}.navigator-section{background:#e6e7e5;padding:70px 4.5vw 35px}.navigator-scroll{overflow:auto}.navigator-scroll svg{width:100%;display:block;transform:scaleX(-1)}.navigator-scroll text,.navigator-scroll image{transform-box:fill-box;transform-origin:center;transform:scaleX(-1)}.navigator-scroll text{font-family:var(--sans);font-size:11px;letter-spacing:.3px}.navigator-scroll .lbl.sm{fill:#34373a;font-size:10px}.navigator-scroll #bg,.navigator-scroll #bg+rect{opacity:0}.navigator-scroll .band{fill:none;stroke-width:8;stroke-linecap:butt}.navigator-scroll .lead{fill:none;stroke-width:1}.navigator-scroll .halo{opacity:0;fill:var(--magenta)}.navigator-scroll .node{cursor:pointer}.navigator-scroll .node:hover .halo,.navigator-scroll .node:focus-visible .halo{opacity:.3}.navigator-scroll .node:focus-visible .hit{stroke:var(--ink);stroke-width:2}.navigator-scroll #trail,.navigator-scroll #beam,.navigator-scroll #snake,.navigator-scroll #spark{display:none}.navigator-scroll .hint{font-size:10px;fill:#555}.navigator-foot{display:flex;justify-content:space-between;align-items:center;gap:25px;font-size:11px;margin-top:10px}.split{display:grid;grid-template-columns:1.1fr 1fr;gap:10vw}.split .button{margin-top:28px}.service-list>a{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:25px 0;font:26px var(--serif)}.service-list>a span{font:20px var(--sans)}.service-list>a:hover{color:#bb006c}.footer{background:#111;color:white;padding:65px 4.5vw 28px;border-top:8px solid;border-image:linear-gradient(90deg,#ed008c 0% 20%,#ff8a00 20% 40%,#c5e03c 40% 60%,#0099b2 60% 80%,#ae88de 80%) 1}.footer-top{display:flex;justify-content:space-between;gap:40px;align-items:center;padding-bottom:60px}.footer-top h2{font-size:62px}.footer .button{background:#ed008c;color:white}.footer .button:hover{background:#bd006f}.footer-bottom{border-top:1px solid #ffffff30;padding-top:32px;display:grid;grid-template-columns:1.5fr .8fr .8fr 1.3fr;gap:25px}.footer-bottom strong{font-size:19px}.footer-bottom a,.footer-bottom p{display:block;font-size:11px;line-height:1.9;color:#b9b9b9}.footer-bottom a:hover{color:white}.footer-bottom p{margin-top:10px}.page-intro{padding:65px 4.5vw 50px}.page-intro h1{max-width:1000px}.page-intro .lead{max-width:700px}.page-intro>.button{margin-top:30px}.compact{padding-top:25px}.compact .tiles{grid-template-columns:repeat(3,1fr);gap:35px}.compact .tile-art{height:260px}.breadcrumb{display:flex;gap:13px;flex-wrap:wrap;font-size:11px;color:#56595b;margin-bottom:48px;line-height:1.8}.breadcrumb a{text-decoration:underline;text-underline-offset:4px}.detail-hero{padding:30px 4.5vw 0}.detail-heading{display:grid;grid-template-columns:1.1fr .9fr;gap:7vw;align-items:center}.detail-heading h1{font-size:clamp(50px,6vw,85px)}.detail-tagline{font-size:17px;line-height:1.6;margin-top:25px;color:var(--gray)}.detail-heading .button{margin-top:28px}.detail-art{height:380px}.editorial{display:grid;grid-template-columns:1.2fr 1fr;gap:10vw}.editorial p{font-size:15px;line-height:1.9;color:#505658;margin-top:25px;max-width:650px}.editorial .button{margin-top:30px}.editorial aside{border-top:4px solid var(--magenta);padding-top:24px}.editorial aside h2{font-size:31px}.product-list{list-style:none;padding:10px 0 0;margin:0}.product-list li{padding:15px 0;border-bottom:1px solid var(--line);font-size:14px}.faq{padding-top:0;max-width:1100px}.faq h2{margin-bottom:25px}.faq details{border-top:1px solid var(--line);padding:22px 0}.faq summary{cursor:pointer;font-size:16px}.faq details p{font-size:14px;line-height:1.8;color:var(--gray);max-width:760px;margin-top:18px}.related{display:flex;gap:40px;margin-top:30px}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;padding:0;margin:30px 0 0;border-left:1px solid var(--line);border-top:1px solid var(--line)}.process-grid li{border-bottom:1px solid var(--line);border-right:1px solid var(--line)}.process-grid a{display:block;position:relative;min-height:190px;padding:25px}.step-no{color:#bc006d;font-size:12px}.process-grid h3{font:28px var(--serif);margin-top:35px;max-width:185px}.process-grid a>span:last-child{position:absolute;right:22px;top:22px}.process-grid a:hover{background:#111;color:white}.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.resource-grid article{border-top:3px solid var(--cyan);padding-top:25px}.resource-grid h2{font-size:35px}.resource-grid p{font-size:14px;line-height:1.8;margin:22px 0;color:var(--gray)}.contact-page{display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding:65px 4.5vw 90px}.contact-page h1{font-size:clamp(42px,4.5vw,65px)}.contact-details{margin-top:40px;font-size:13px;line-height:1.8}.contact-details a{display:block;margin-bottom:8px}.contact-details p{margin-top:20px;color:var(--gray)}.lead-form{background:white;padding:32px;border-top:5px solid var(--magenta)}.lead-form label{display:block;font-size:12px;margin-bottom:20px}.lead-form input:not([type=checkbox]),.lead-form select,.lead-form textarea{display:block;width:100%;border:0;border-bottom:1px solid #a0a4a5;padding:13px 0;background:white;color:#111;border-radius:0;min-height:44px;margin-top:4px}.lead-form textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:25px}.lead-form .checkbox{display:flex;align-items:start;gap:10px;font-size:11px;line-height:1.7}.checkbox input{accent-color:#bb006c;margin-top:3px}.privacy-copy{font-size:11px;line-height:1.7;color:var(--gray);margin-bottom:22px}.privacy-copy a{text-decoration:underline}.honeypot{position:absolute;left:-10000px}.form-status{font-size:13px;line-height:1.8;margin-top:18px}.preview-badge{position:fixed;bottom:10px;right:12px;z-index:30;background:#fff;border:1px solid var(--line);padding:8px 12px;font-size:10px;color:#555}.notice{background:#fff0d9;border:1px solid #ee9d34;padding:16px;font-size:13px;line-height:1.6;margin-bottom:20px}.wp-content{min-height:50vh}.wp-content>p:not(:has(.button)){max-width:800px;margin:25px 4.5vw;line-height:1.8}
@media(min-width:1650px){.header,.hero,.proof,.section,.navigator-section,.page-intro,.detail-hero,.contact-page,.footer{padding-left:max(4.5vw,calc((100vw - 1500px)/2));padding-right:max(4.5vw,calc((100vw - 1500px)/2))}.hero{padding:0 max(0px,calc((100vw - 1650px)/2))}}
@media(max-width:1000px){.header nav{gap:20px}.nav-cta{margin-left:0}.hero{grid-template-columns:1fr 1fr}.hero-copy{padding-top:50px}.hero h1{font-size:70px}.hero-paint{min-height:590px}.tiles{grid-template-columns:1fr 1fr}.proof>div{display:block}.proof span{display:block;max-width:none;margin-top:8px}.compact .tiles{grid-template-columns:1fr 1fr}.split{gap:6vw}.footer-bottom{grid-template-columns:1fr 1fr}.contact-page{gap:4vw}.lead-form{padding:24px}.process-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.header{padding:14px 6vw;position:relative;z-index:20}.brand img{width:42px;height:55px}.menu-toggle{display:flex;gap:20px;align-items:center;background:none;border:1px solid var(--line);padding:10px 13px;font-size:12px}.header nav{display:none;position:absolute;top:100%;left:0;right:0;padding:22px 6vw;background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch}.header nav.is-open{display:flex}.hero{grid-template-columns:1fr}.hero-copy{padding:39px 6vw}.hero h1{font-size:70px}.hero-paint{min-height:370px}.hero-paint>span{left:6vw}.hero-note{margin-top:25px}.eyebrow{font-size:10px;margin-bottom:22px}.hero .lead{font-size:15px}.actions{gap:22px;margin-top:25px}.proof{padding:24px 6vw;gap:15px}.proof b{font-size:23px}.proof span{font-size:9px;line-height:1.7}.section,.navigator-section{padding:50px 6vw}.section-head{display:block;margin-bottom:30px}.section-head>.text-link,.section-head>p{margin-top:22px}h2{font-size:38px}.tiles,.compact .tiles{grid-template-columns:1fr 1fr;gap:25px 15px}.tile-art,.compact .tile-art{height:175px}.tile-copy h3{font-size:23px}.tile-copy p{font-size:11px}.tile-copy{padding-right:12px}.tile-copy>span{font-size:13px}.navigator-scroll svg{min-width:780px}.navigator-foot{flex-direction:column;align-items:start;font-size:10px}.split,.editorial,.detail-heading,.contact-page{grid-template-columns:1fr;gap:38px}.footer{padding:45px 6vw 26px}.footer-top{display:block;padding-bottom:35px}.footer-top h2{font-size:49px}.footer-top .button{margin-top:28px}.footer-bottom{gap:30px}.footer-bottom>div:last-child{grid-column:1/-1}.page-intro{padding:40px 6vw 25px}h1{font-size:58px;letter-spacing:-2px}.page-intro .lead{font-size:15px}.compact{padding-top:25px}.detail-hero{padding:24px 6vw 0}.breadcrumb{font-size:10px;gap:9px;margin-bottom:30px}.detail-heading h1{font-size:55px}.detail-art{height:230px}.editorial p{font-size:14px}.faq{padding-top:0}.related{flex-direction:column;align-items:start;gap:20px}.process-grid a{padding:20px;min-height:170px}.process-grid h3{font-size:26px}.resource-grid{grid-template-columns:1fr}.contact-page{padding:40px 6vw 55px}.contact-page h1{font-size:51px}.form-row{grid-template-columns:1fr;gap:0}.lead-form{padding:23px}.preview-badge{font-size:9px}.footer-bottom a{overflow-wrap:anywhere}}
/* Restrained, shared corner scale: controls 8px, imagery 12px, large panels 16px. */
:root{--radius-control:8px;--radius-card:12px;--radius-panel:16px}
.button,.nav-cta,.menu-toggle,.skip,.notice,.preview-badge{border-radius:var(--radius-control)}
.tile,.tile-art,.detail-art,.hero-paint,.resource-grid article,.editorial aside{border-radius:var(--radius-card)}
.banner-hero,.navigator-section,.proof,.lead-form{border-radius:var(--radius-panel)}
.lead-form input:not([type=checkbox]),.lead-form select,.lead-form textarea{border:1px solid var(--line);border-radius:var(--radius-control);padding:12px;background:#fafaf9}
.process-grid{border:0;gap:12px}
.process-grid li{border:1px solid var(--line);border-radius:var(--radius-card)}
.process-grid a{border-radius:calc(var(--radius-card) - 1px)}
.faq details,.service-list>a{border-radius:var(--radius-control)}
.footer{border-image:none;border-top:8px solid transparent;border-radius:var(--radius-panel) var(--radius-panel) 0 0;background:linear-gradient(#111,#111) padding-box,linear-gradient(90deg,#ed008c 0% 20%,#ff8a00 20% 40%,#c5e03c 40% 60%,#0099b2 60% 80%,#ae88de 80%) border-box}
.navigator-scroll .band{stroke-linecap:round;stroke-linejoin:round}
/* Equal outer columns keep navigation centered independently of logo and CTA widths. */
.header.floating-header{position:sticky;top:16px;z-index:50;display:grid;grid-template-columns:1fr auto 1fr;gap:24px;width:calc(100% - 64px);max-width:1240px;margin:18px auto;padding:12px 18px 12px 25px;border:1px solid #fff;border-radius:20px;background:rgba(242,242,240,.94);box-shadow:0 8px 30px #1111110d,0 1px 3px #11111108;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.floating-header .brand{justify-self:start}.floating-header .brand img{width:43px;height:56px}
.floating-header nav{gap:30px;justify-content:center}.floating-header nav a:not(.nav-cta){padding:12px 0;border-bottom:2px solid transparent}.floating-header nav a[aria-current]{border-bottom-color:var(--magenta)}.floating-header nav a:hover{color:#b40069}
.floating-header>.nav-cta{justify-self:end;display:inline-flex;align-items:center;justify-content:center;gap:22px;margin:0;padding:16px 20px;border-radius:10px;font-size:12px;white-space:nowrap}.floating-header>.nav-cta span{font-size:18px}
html{scroll-padding-top:125px}body.admin-bar .floating-header{top:48px}
@media(max-width:900px){.header.floating-header{width:calc(100% - 32px);gap:14px;padding:10px 14px 10px 20px}.floating-header nav{gap:18px}.floating-header>.nav-cta{gap:12px;padding:14px}}
@media(max-width:700px){.header.floating-header{top:10px;width:calc(100% - 24px);margin:12px auto;grid-template-columns:1fr auto auto;gap:12px;padding:10px 12px;border-radius:16px}.floating-header .brand img{width:35px;height:46px}.floating-header .menu-toggle{grid-column:2;grid-row:1;gap:6px;padding:10px 8px;border:0;min-height:44px}.floating-header>.nav-cta{grid-column:3;grid-row:1;font-size:10px;gap:8px;padding:12px 10px;min-height:44px}.floating-header>.nav-cta span{font-size:15px}.floating-header nav{position:absolute;top:calc(100% + 9px);left:0;right:0;padding:16px 22px;gap:4px;border:1px solid white;border-radius:16px;background:#f2f2f0;box-shadow:0 15px 35px #11111118;max-height:calc(100dvh - 130px);overflow:auto}.floating-header nav a:not(.nav-cta){padding:14px 0}.floating-header .menu-toggle[aria-expanded=true] span{transform:rotate(45deg)}body.admin-bar .floating-header{top:56px}}
/* A single opening composition: process on the left, H1 in its empty upper right. */
.banner-hero{padding:26px 3vw 27px;background:#e9eae8}
.banner-composition{position:relative;max-width:1500px;margin:auto}
.banner-composition .navigator-scroll svg{min-width:0}
.banner-composition #logo{display:none}
.banner-copy{position:absolute;left:43%;top:4%;width:54%;z-index:2}
.banner-copy .eyebrow{font-size:clamp(9px,.78vw,12px);margin-bottom:14px}
.banner-copy h1{font-size:clamp(50px,5.6vw,84px);line-height:.94;letter-spacing:-2.8px}
.banner-copy h1 span{color:var(--magenta)}
.banner-copy .lead{font-size:clamp(12px,1vw,16px);line-height:1.5;margin-top:16px;max-width:none}
.banner-copy .actions{gap:24px;margin-top:16px}
.banner-copy .button{padding:12px 19px;font-size:11px}
.banner-caption{display:flex;align-items:center;justify-content:space-between;gap:25px;max-width:1430px;margin:0 auto;font-size:11px;color:#565b5d;padding:0 2vw}
.banner-caption .text-link{font-size:11px;color:var(--ink)}
@media(min-width:1650px){.banner-copy .eyebrow{font-size:12px}.banner-copy .lead{font-size:16px}}
@media(max-width:1050px){.banner-hero{padding:36px 4.5vw 25px}.banner-copy{position:relative;inset:auto;width:auto;padding:0 1.5vw 25px}.banner-copy h1{font-size:70px}.banner-copy .eyebrow{font-size:10px}.banner-copy .lead{font-size:15px}.banner-composition .navigator-scroll svg{min-width:780px}.banner-caption{margin-top:20px;flex-wrap:wrap;font-size:10px}.banner-copy .actions{gap:20px}.banner-composition .navigator-scroll{border-top:1px solid var(--line);padding-top:15px}}
@media(max-width:700px){.banner-copy h1{font-size:61px}.banner-copy .eyebrow{line-height:1.7;max-width:290px}.banner-caption{gap:14px}.banner-copy .button{padding:16px 18px}.banner-composition:after{content:'Desliza el esquema para explorar →';display:block;font-size:11px;color:var(--gray);margin-top:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}