:root{--wp-paper:#f7f7ee;--wp-ink:#173b32;--wp-sage:#dfeadc;--wp-green:#9db7a5;--wp-sage-mid:#a5bdab;--wp-orange:#ed7955;--wp-line:#c9d7cb;--cream:#f7f7ee;--mint:#dfeadc;--sage:#a5bdab;--salmon:#ed7955;--ink:#173b32}
body{background:var(--wp-paper);color:var(--wp-ink)}
.wp-hero{padding:clamp(76px,9vw,126px) 0 86px;background:linear-gradient(135deg,#f6f4ec 0%,#e5eee4 100%);border-bottom:1px solid var(--wp-line)}
.wp-hero .wrap{max-width:1200px}.wp-hero-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);gap:clamp(32px,6vw,84px);align-items:center}.wp-hero-copy{min-width:0}.wp-hero h1{font-size:clamp(2.8rem,6.8vw,6rem);line-height:1.02;letter-spacing:-.045em;max-width:17ch;margin:20px 0 26px;color:var(--wp-ink)}
.wp-hero-layout.wp-hero-text-only{grid-template-columns:minmax(0,1fr)}.wp-hero-text-only .wp-hero-copy{max-width:820px}
.wp-hero .eyebrow{color:#8e4c34;text-transform:uppercase;letter-spacing:.13em;font-size:.78rem;font-weight:700}
.wp-lead{font-size:clamp(1.15rem,2vw,1.55rem);line-height:1.55;max-width:760px;color:#36544b;margin:0 0 30px}
.wp-content{padding:72px 0 110px;background:var(--wp-paper)}.wp-content .prose{max-width:840px;font-size:1.12rem;line-height:1.8}.wp-content h2{font-size:clamp(1.9rem,3.6vw,3rem);line-height:1.12;margin:58px 0 20px;letter-spacing:-.025em}.wp-content h3{margin-top:36px}.wp-content p{margin:0 0 1.25em}.wp-content li{padding:3px 0}.wp-content li::marker{color:var(--wp-orange)}.wp-content a{color:#8e4c34;text-underline-offset:4px}.wp-content img{height:auto;max-width:100%;border-radius:12px}.wp-content table{display:block;overflow:auto;border-collapse:collapse}.wp-content td,.wp-content th{padding:10px;border:1px solid var(--wp-line)}
.demo-local-panel{max-width:780px;padding:clamp(24px,5vw,48px);border:1px solid var(--wp-line);border-radius:20px;background:#fbfaf6;box-shadow:0 18px 48px rgba(23,50,45,.08)}.demo-local-panel p{max-width:58ch}.demo-local-panel .button{border:0;cursor:pointer;font:700 .92rem var(--sans)}.demo-local-panel [data-demo-result]{min-height:3.2em;padding:18px;border-radius:12px;background:#e8efe5;color:var(--wp-ink);transition:background .2s,transform .2s}.demo-local-panel[data-step="1"] [data-demo-result]{background:#f2e3d8;transform:translateY(-2px)}
.wp-footer{padding:56px 0;background:var(--wp-green);color:#f5f3eb}.wp-footer .wrap{max-width:1200px}.wp-footer img{display:block;width:210px;max-width:60%;height:auto;object-fit:contain;object-position:left;margin-bottom:22px;filter:brightness(0) invert(1)}.wp-footer a{color:#f5f3eb;text-underline-offset:4px}.wp-footer p{color:#d6e4da}.wp-footer span{opacity:.65}
.header .nav nav a{color:var(--wp-ink)}.header .nav nav .navcta{color:white;background:var(--wp-orange)}.button{background:var(--wp-orange);color:#fff!important}.button:hover,.navcta:hover{background:#95492f}
@media(max-width:760px){.wp-hero{padding:64px 0 58px}.wp-hero-layout{grid-template-columns:1fr;gap:30px}.wp-hero-image img{height:auto;aspect-ratio:1.45/1}.wp-content{padding:50px 0 72px}.wp-content .prose{font-size:1.03rem}.wp-footer{padding:40px 0}.header .nav{gap:12px}.header .brand{max-width:36vw}}

/* Sistema editorial Synaply: crema, verde salvia y acento terracota. */
body{background:var(--wp-paper);color:var(--wp-ink)}
.header{position:sticky;z-index:20;top:0;background:rgba(247,244,236,.96);border-bottom:1px solid rgba(24,58,50,.1);backdrop-filter:blur(12px)}
.header .nav{max-width:1320px;min-height:88px;padding-top:10px;padding-bottom:10px}
.brand{width:220px;max-width:23vw}.brand img{display:block;width:100%;height:auto}
.header .nav nav{align-items:center;gap:clamp(12px,2vw,28px)}
.header .nav nav a{color:var(--wp-ink);font-size:.92rem;text-decoration:none}
.header .nav nav .navcta{padding:13px 19px;border-radius:999px;background:var(--wp-orange);color:#fff}
.wp-hero{padding:72px 0 78px;background:var(--wp-paper);border:0}
.wp-hero .wrap{max-width:1320px}
.wp-hero-layout{grid-template-columns:minmax(0,1.04fr) minmax(340px,.96fr);gap:clamp(42px,7vw,100px);align-items:start}
.wp-hero h1{max-width:16ch;margin:18px 0 20px;font-family:var(--serif);font-size:clamp(2.65rem,5.1vw,4.55rem);font-weight:500;line-height:1.04;letter-spacing:-.035em;color:var(--wp-ink)}
.wp-hero .eyebrow,.eyebrow{color:#a4593d;letter-spacing:.14em}
.wp-lead{max-width:54ch;font-size:clamp(1.08rem,1.5vw,1.28rem);line-height:1.65;color:#405c50}
.wp-hero-copy .button,.home-contact .button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:13px 22px;border-radius:999px;background:var(--wp-orange);color:#fff!important;font-weight:700;text-decoration:none}
.wp-hero-image{box-shadow:none;border-radius:0;background:transparent}
.wp-hero-image img{height:430px;border-radius:22px;object-fit:contain;object-position:center}
.wp-hero-image.home-photo img{height:clamp(340px,39vw,520px);aspect-ratio:1.12/1;object-position:center 48%}
.home-hero-art{position:relative;min-height:420px;overflow:hidden;border-radius:48% 52% 44% 56%;background:radial-gradient(ellipse at 75% 20%,#f1e2c9 0 8%,transparent 9%),linear-gradient(145deg,#e1e9dc,#d3dfd1 50%,#c4d3c6);isolation:isolate}
.home-hero-art:before{position:absolute;inset:8% 5% 5% 9%;border:1px solid rgba(24,58,50,.3);border-radius:47% 53% 45% 55%;content:"";transform:rotate(-20deg)}
.home-hero-art:after{position:absolute;inset:17% 17% 12% 22%;border:1px solid rgba(189,103,71,.48);border-radius:50%;content:"";transform:rotate(24deg)}
.hero-shape{position:absolute;z-index:-1;bottom:-13%;width:67%;height:70%;border-radius:70% 8% 65% 0;background:linear-gradient(140deg,#b9cbb7,#78977f);transform:rotate(-23deg)}
.shape-back{left:-6%;bottom:-27%;background:#d6a681;transform:rotate(-40deg)}.shape-front{right:-8%;bottom:-28%;width:75%;height:68%;background:linear-gradient(145deg,#90ab91,#456c58);transform:rotate(28deg)}
.hero-stem{position:absolute;left:53%;bottom:8%;width:2px;height:74%;background:#315c49;transform:rotate(17deg);transform-origin:bottom}
.hero-leaf{position:absolute;z-index:2;width:104px;height:48px;border-radius:100% 0 100% 0;background:#557b60;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}
.leaf-a{left:36%;bottom:43%;transform:rotate(-31deg)}.leaf-b{left:52%;bottom:60%;width:85px;height:41px;background:#819c77;transform:rotate(35deg)}.leaf-c{left:56%;bottom:27%;width:112px;height:50px;background:#345f4a;transform:rotate(-11deg)}
.hero-spark{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--wp-orange)}.spark-a{top:21%;right:19%}.spark-b{top:35%;left:17%;width:6px;height:6px}
.hero-art-caption{position:absolute;right:7%;bottom:8%;max-width:185px;padding:12px 15px;border:1px solid rgba(24,58,50,.15);border-radius:15px;background:rgba(247,244,236,.91);font-size:.8rem;line-height:1.4;color:var(--wp-ink)}
.home-services{max-width:1320px;padding-top:58px;padding-bottom:92px}
.home-section-head{max-width:650px;margin-bottom:34px}.home-section-head h2,.home-method h2,.home-demo h2,.home-contact h2{margin:8px 0 0;font-family:var(--serif);font-size:clamp(2rem,3.7vw,3.2rem);font-weight:500;line-height:1.12;letter-spacing:-.025em}
.home-service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--wp-line);border-bottom:1px solid var(--wp-line)}
.home-service{min-width:0;padding:26px 25px 31px;border-right:1px solid var(--wp-line)}.home-service:first-child{padding-left:0}.home-service:last-child{padding-right:0;border:0}
.home-number{color:var(--wp-orange);font-size:.82rem;font-weight:700;letter-spacing:.12em}.home-service h3{margin:17px 0 12px;font-family:var(--serif);font-size:1.42rem;font-weight:500;line-height:1.2}.home-service p:not(.home-number){min-height:112px;color:#496157;font-size:.93rem;line-height:1.62}.home-service a,.text-link{color:#944c34;font-weight:700;text-underline-offset:4px}
.home-method{padding:76px 0;background:var(--wp-sage-mid)}.home-method-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:20px 88px;align-items:start}.home-method-layout>p{max-width:58ch;margin-top:28px;font-size:1.06rem;line-height:1.7;color:#29483e}.home-method ol{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:24px 0 0;padding:0;list-style:none;counter-reset:steps}.home-method li{padding:21px 18px;border-top:1px solid #c4d1c5;counter-increment:steps}.home-method li:before{display:block;margin-bottom:12px;color:var(--wp-orange);content:"0" counter(steps);font-size:.8rem;font-weight:700}
.home-demo{max-width:1320px;min-height:470px;display:grid;grid-template-columns:1fr .9fr;gap:70px;align-items:center;padding-top:92px;padding-bottom:92px}.home-demo-copy{max-width:540px}.home-demo-copy>p:not(.eyebrow){margin:19px 0;font-size:1.05rem;line-height:1.7;color:#496157}
.home-demo-art{position:relative;min-height:390px;overflow:hidden;border-radius:44% 56% 46% 54%;background:radial-gradient(ellipse at 56% 44%,#e9eee2 0 14%,transparent 15%),linear-gradient(140deg,#dce7d9,#bfd0bf 60%,#9ab49b)}
.home-orbit{position:absolute;inset:10% 13%;border:1px solid rgba(24,58,50,.38);border-radius:50%;transform:rotate(-28deg)}.orbit-two{inset:18% 4%;border-color:rgba(189,103,71,.65);transform:rotate(38deg)}
.home-leaf{position:absolute;width:120px;height:63px;border-radius:100% 0 100% 0;background:#547d5f}.leaf-one{left:21%;bottom:25%;transform:rotate(-18deg)}.leaf-two{left:49%;bottom:48%;width:103px;height:50px;background:#839f78;transform:rotate(30deg)}.leaf-three{left:60%;bottom:20%;width:115px;height:57px;background:#315e48;transform:rotate(16deg)}
.home-art-label{position:absolute;padding:10px 14px;border:1px solid rgba(24,58,50,.16);border-radius:999px;background:#f7f4ec;font-size:.78rem}.label-one{top:23%;left:9%}.label-two{right:8%;bottom:17%}.home-art-dot{position:absolute;top:22%;right:28%;width:13px;height:13px;border-radius:50%;background:var(--wp-orange);box-shadow:0 0 0 8px #bd67471c}
.home-contact{padding:70px 0;background:#f0e4d8}.home-contact-inner{display:flex;align-items:center;justify-content:space-between;gap:40px;max-width:1200px}.home-contact-inner>div{max-width:690px}.home-contact-inner>div>p:not(.eyebrow){max-width:62ch;margin:17px 0 0;color:#496157;line-height:1.65}
/* Portada editorial inspirada en la referencia aprobada: sistema tipográfico, módulos y ritmo consistentes. */
.home-page .wp-hero{padding:clamp(28px,4vw,58px) 0 clamp(70px,8vw,110px)}
.home-page .wp-hero-layout{grid-template-columns:minmax(0,1.04fr) minmax(350px,.96fr);gap:clamp(36px,6.5vw,92px);align-items:start}
.home-page .wp-hero-copy{align-self:start;padding-top:8px}
.home-page .wp-hero h1{max-width:15ch;font-size:clamp(3rem,5.35vw,5.2rem);line-height:1.04}
.home-page .wp-hero-copy .eyebrow{font-size:.72rem;letter-spacing:.19em}
.home-page .wp-lead{max-width:48ch}
.home-hero-art{position:relative;min-width:0;min-height:clamp(380px,40vw,540px);overflow:hidden;margin:0;border-radius:48% 52% 46% 54% / 42% 42% 58% 58%;background:#dce8dd;isolation:isolate}
.home-hero-art:before,.home-hero-art:after{display:none}
.home-hero-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:72% 50%}
.hero-art-kicker{position:absolute;top:13%;left:12%;max-width:20ch;color:#173b30;font-size:.63rem;font-weight:700;letter-spacing:.25em;line-height:1.8;text-transform:uppercase}
.hero-art-label{position:absolute;z-index:1;padding:7px 12px;border:1px solid rgba(23,59,48,.14);border-radius:999px;background:rgba(248,247,241,.88);color:#173b30;font-family:var(--serif);font-size:.92rem;box-shadow:0 4px 18px rgba(23,59,48,.08)}
.label-people{top:34%;right:9%}.label-process{top:52%;left:6%;background:rgba(238,211,190,.94)}.label-tech{right:16%;bottom:14%;background:rgba(229,238,226,.94)}
.hero-composition{display:none}
.hero-orbit{position:absolute;width:72%;height:51%;border:1px solid rgba(24,58,50,.38);border-radius:50%;transform:rotate(-33deg)}.hero-orbit-b{width:88%;height:42%;border-color:rgba(189,103,71,.62);transform:rotate(42deg)}
.hero-connector{position:absolute;width:62%;height:2px;background:rgba(24,58,50,.42);transform:rotate(-31deg)}
.hero-node{position:absolute;z-index:1;display:grid;min-width:124px;min-height:124px;place-items:center;padding:20px;border:1px solid rgba(24,58,50,.18);border-radius:50%;background:rgba(247,244,236,.93);box-shadow:0 14px 35px rgba(24,58,50,.09);font-family:var(--serif);font-size:1.18rem;text-align:center}
.node-people{top:17%;left:13%}.node-process{top:24%;right:10%;background:#f0e3d8}.node-tech{bottom:14%;left:35%;background:#e1e9df}
.hero-dot{position:absolute;top:19%;right:31%;width:14px;height:14px;border-radius:50%;background:var(--wp-orange);box-shadow:0 0 0 9px rgba(189,103,71,.12)}
.hero-caption{display:none}
.home-service-note{margin:22px 0 0;color:#496157;font-size:.94rem}
.home-method{padding:clamp(70px,8vw,108px) 0;background:var(--wp-sage-mid)}
.home-method-layout{grid-template-columns:.85fr 1.15fr;gap:20px clamp(48px,8vw,116px)}
.home-method-layout>p{margin-top:24px}
.home-method ol{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:38px}
.home-method li{padding:22px 22px 12px;border-color:#c6d2c6}.home-method li:first-child{padding-left:0}.home-method li:last-child{padding-right:0}
.home-method li>span{display:block;margin-bottom:22px;color:var(--wp-orange);font-size:.8rem;font-weight:700;letter-spacing:.13em}
.home-method li:before{display:none}.home-method li h3{margin:0 0 9px;font-family:var(--serif);font-size:1.2rem;font-weight:500;line-height:1.2}.home-method li p{margin:0;color:#496157;font-size:.9rem;line-height:1.55}
.home-showcase{padding:clamp(76px,9vw,124px) 0;background:#f7f4ec}
.home-showcase .home-section-head{max-width:760px;margin-bottom:44px}.home-showcase .home-section-head>p:last-child{max-width:63ch;margin:18px 0 0;color:#496157;line-height:1.7}
.showcase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.showcase-card{min-width:0;padding:15px 15px 23px;border:1px solid var(--wp-line);border-radius:18px;background:#fbfaf6;box-shadow:0 12px 35px rgba(24,58,50,.055);transition:transform .25s,box-shadow .25s}
.showcase-card:hover{transform:translateY(-5px);box-shadow:0 20px 44px rgba(24,58,50,.11)}
.showcase-card>a:first-child{display:block;color:inherit;text-decoration:none}
.showcase-mock{height:258px;overflow:hidden;border:1px solid #d5ddd3;border-radius:12px;background:#fff}
.mock-top{height:28px;display:flex;align-items:center;gap:5px;padding:0 10px;border-bottom:1px solid #e6e9e3;background:#f6f6f1}.mock-top i{width:6px;height:6px;border-radius:50%;background:#bd6747}.mock-top i:nth-child(2){background:#d8c19f}.mock-top i:nth-child(3){background:#9aaf9b}.mock-top span{margin-left:auto;color:#607469;font-size:.6rem}
.mock-content{padding:23px 20px;color:#183a32;font-family:var(--sans)}.mock-sitehead{display:flex;align-items:center;justify-content:space-between;padding-bottom:15px;border-bottom:1px solid #e2e8df;font-family:var(--serif);font-weight:700}.mock-sitehead small{font:500 .54rem var(--sans);color:#607469}.mock-content h4{max-width:13ch;margin:22px 0 8px;font-family:var(--serif);font-size:1.25rem;line-height:1.12}.mock-content>p:not(.mock-chat-in):not(.mock-chat-out){max-width:28ch;color:#607469;font-size:.7rem;line-height:1.5}.mock-content>b{display:inline-block;margin-top:8px;padding:8px 11px;border-radius:999px;background:#bd6747;color:#fff;font-size:.63rem;font-weight:600}
.mock-chat{background:#f4f2e9}.mock-chat .mock-content{display:flex;min-height:224px;flex-direction:column;align-items:flex-start;gap:11px;padding:18px 13px}.mock-chat-in,.mock-chat-out{max-width:84%;margin:0;padding:10px 12px;border-radius:13px;background:white;color:#183a32;font-size:.66rem;line-height:1.45;box-shadow:0 2px 7px rgba(24,58,50,.06)}.mock-chat-out{align-self:flex-end;background:#e3eddd}
.mock-dashhead{display:flex;justify-content:space-between;align-items:center;font-family:var(--serif);font-size:1.15rem}.mock-dashhead small{font:500 .62rem var(--sans);color:#607469}.mock-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:17px 0}.mock-stats>b{padding:12px;border-radius:9px;background:#edf2e9;color:#183a32;font-size:1.1rem}.mock-stats small{display:block;margin-top:4px;color:#607469;font-size:.57rem;font-weight:500}.mock-row{display:flex;justify-content:space-between;gap:8px;padding:11px 2px;border-top:1px solid #e5e9e2;font-size:.66rem}.mock-row span{color:#557b60;font-size:.58rem}
.showcase-card>.home-number{margin:18px 2px 0;font-size:.68rem}.showcase-card h3{margin:8px 2px;font-family:var(--serif);font-size:1.45rem;font-weight:500}.showcase-card>p:not(.home-number){min-height:3.2em;margin:0 2px 12px;color:#496157;font-size:.9rem;line-height:1.55}.showcase-card>.text-link{margin-left:2px;font-size:.9rem}.showcase-disclaimer{margin:24px 0 0;color:#65776d;font-size:.83rem;line-height:1.55}
.home-contact{position:relative;overflow:hidden;padding:clamp(65px,8vw,100px) 0;background:#efe1d5}.home-contact:after{position:absolute;right:-6%;bottom:-70%;width:42vw;height:80%;border:1px solid rgba(189,103,71,.4);border-radius:50%;content:"";transform:rotate(-18deg);pointer-events:none}.home-contact-inner{position:relative;z-index:1;max-width:1320px}.home-contact h2{max-width:17ch}.home-contact-inner>div>p:not(.eyebrow){max-width:58ch}
.wp-footer .wrap{display:grid;grid-template-columns:minmax(210px,.8fr) 1.2fr;align-items:center;column-gap:60px;row-gap:10px}.wp-footer .footer-brand{grid-row:span 2}.wp-footer img{margin-bottom:12px}.wp-footer p{max-width:52ch;margin:0}.wp-footer a{text-underline-offset:4px}.wp-footer .footer-links{display:flex;flex-wrap:wrap;align-items:center;gap:10px 24px}.wp-footer .footer-links a{display:inline-block}
@media(max-width:900px){.home-page .wp-hero-layout{grid-template-columns:minmax(0,1fr) minmax(290px,.9fr);gap:35px}.home-hero-art{min-height:385px}.hero-node{min-width:102px;min-height:102px;padding:14px;font-size:1rem}.home-method-layout{grid-template-columns:1fr 1fr;gap:18px 40px}.home-method ol{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:20px}.home-method li:nth-child(3){padding-left:0}.showcase-grid{gap:14px}.showcase-card{padding:10px 10px 19px}.showcase-mock{height:220px}.mock-content{padding:18px 14px}}
@media(max-width:700px){.home-page .wp-hero{padding:56px 0 66px}.home-page .wp-hero-layout{grid-template-columns:1fr;gap:34px}.home-page .wp-hero h1{max-width:13ch;font-size:clamp(2.8rem,11vw,4rem)}.home-hero-art{min-height:340px;max-width:560px;width:100%;margin-inline:auto}.wp-hero-image.home-photo img{height:auto;aspect-ratio:1.2/1;max-height:420px}.hero-node{min-width:96px;min-height:96px}.node-people{left:10%;top:15%}.node-process{right:8%;top:24%}.node-tech{left:33%;bottom:12%}.hero-caption{right:2%;bottom:9%;font-size:.72rem}.home-services{padding-top:46px;padding-bottom:62px}.home-method-layout{grid-template-columns:1fr;gap:0}.home-method-layout>p{margin:16px 0 0}.home-method ol{grid-template-columns:1fr 1fr;margin-top:20px}.home-method li,.home-method li:first-child,.home-method li:nth-child(3){padding:18px 14px 12px 0}.home-method li:nth-child(even){padding-left:16px}.home-method li>span{margin-bottom:12px}.home-showcase{padding:66px 0}.home-showcase .home-section-head{margin-bottom:26px}.showcase-grid{grid-template-columns:1fr;gap:17px}.showcase-card{display:grid;grid-template-columns:minmax(0,1fr);padding:12px 12px 19px}.showcase-mock{height:250px}.mock-content{padding:22px 20px}.mock-content h4{font-size:1.4rem}.showcase-card>p:not(.home-number){min-height:0}.home-contact:after{width:70vw}.wp-footer .wrap{grid-template-columns:1fr;gap:22px}.wp-footer .footer-brand{grid-row:auto}.wp-footer img{margin-bottom:12px}}
@media(prefers-reduced-motion:reduce){.showcase-card{transition:none}.showcase-card:hover{transform:none}}
.wp-content{padding:48px 0 92px}.wp-content .prose{max-width:850px;padding:0 18px;font-size:1.08rem;line-height:1.8}.wp-content h1{margin:0 0 24px;font-family:var(--serif);font-size:clamp(2.2rem,4.5vw,3.8rem);line-height:1.08;font-weight:500}.wp-content h2{margin:44px 0 16px;font-family:var(--serif);font-weight:500;color:var(--wp-ink)}.wp-content h3{font-family:var(--serif);font-weight:500}.wp-content .detail-section{margin-top:20px}.wp-content li::marker{color:#ed8057}.wp-content a{color:#914a32}
.wp-footer{padding:46px 0;background:#dce6d9;color:var(--wp-ink)}.wp-footer .wrap{max-width:1320px}.wp-footer img{width:196px;filter:none}.wp-footer p{color:#405b50}.wp-footer a{color:#183a32}
.button{background:var(--wp-orange);border-radius:999px}.button.dark{background:var(--wp-orange)}.button.dark:hover,.button:hover,.navcta:hover{background:#c65e41}
.interactive-demo{margin:0;padding:70px 0;background:var(--wp-sage)}
.use-case-grid,.recommended-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-top:1px solid var(--wp-line);border-left:1px solid var(--wp-line);margin:34px 0}
.use-case-card,.recommended-grid article{padding:26px;border-right:1px solid var(--wp-line);border-bottom:1px solid var(--wp-line);background:rgba(255,255,255,.38)}
.use-case-card h2,.recommended-grid h2{margin:11px 0;font-family:var(--serif);font-size:1.65rem;font-weight:500;line-height:1.15}
.use-case-card p:not(.eyebrow),.recommended-grid p:not(.eyebrow){color:#496157;line-height:1.7}
.use-case-card>a{color:#914a32;font-weight:700;text-underline-offset:4px}
.use-case-next,.recommended-guidance{margin-top:44px;padding:32px;border-radius:18px;background:var(--wp-sage)}
.use-case-next h2,.recommended-guidance h2,.recommended-guidance h3{font-family:var(--serif);font-weight:500}
.detail-faq{margin:52px 0 8px}.detail-faq details{padding:17px 0;border-top:1px solid var(--wp-line)}.detail-faq summary{cursor:pointer;color:var(--wp-ink);font-weight:700}.detail-faq details p{margin:12px 0 2px;color:#496157}
.keyword-support{margin-top:52px;padding:28px;border-left:3px solid var(--wp-orange);background:#eeede2}.keyword-support h2{margin-top:0!important}
@media(max-width:950px){.home-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-service:nth-child(2){border-right:0}.home-service:nth-child(n+3){border-top:1px solid var(--wp-line)}.home-service:nth-child(3){padding-left:0}.home-demo{gap:36px}.home-hero-art{min-height:360px}}
@media(max-width:760px){.header .nav{min-height:76px}.brand{width:180px;max-width:48vw}.wp-hero{padding:44px 0 54px}.wp-hero-layout{grid-template-columns:1fr;gap:28px}.wp-hero h1{max-width:15ch;font-size:clamp(2.55rem,11vw,3.55rem)}.home-hero-art{min-height:300px}.home-services{padding-top:48px;padding-bottom:60px}.home-section-head{margin-bottom:22px}.home-service{padding:21px 16px}.home-service:first-child,.home-service:nth-child(3){padding-left:0}.home-service p:not(.home-number){min-height:0}.home-method{padding:54px 0}.home-method-layout{grid-template-columns:1fr;gap:4px}.home-method-layout>p{margin:16px 0 0}.home-method ol{grid-template-columns:1fr;margin-top:12px}.home-method li{padding:15px 0}.home-method li:before{display:inline-block;margin:0 12px 0 0}.home-demo{grid-template-columns:1fr;gap:32px;padding-top:62px;padding-bottom:62px}.home-demo-art{min-height:280px}.home-contact{padding:52px 0}.home-contact-inner{align-items:flex-start;flex-direction:column;gap:24px}.wp-content{padding:36px 0 62px}.wp-content .prose{font-size:1rem}.wp-footer{padding:36px 0}.wp-footer img{width:174px}}
@media(max-width:600px){.use-case-grid,.recommended-grid{grid-template-columns:1fr}.use-case-card,.recommended-grid article{padding:21px 18px}.use-case-next,.recommended-guidance{margin-top:30px;padding:22px}}
@media(max-width:600px){.home-service-grid{grid-template-columns:1fr}.home-service,.home-service:first-child,.home-service:last-child,.home-service:nth-child(3){padding:20px 0;border-right:0;border-top:1px solid var(--wp-line)}.home-service:first-child{border-top:0}.home-service h3{margin:8px 0}.home-service p:not(.home-number){margin:0 0 12px}}
/* Guía de lectura para las demos, con el mismo sistema editorial del resto del sitio. */
.demo-details{max-width:1150px;margin:0 auto;padding:48px clamp(20px,4vw,54px);border:1px solid var(--wp-line);border-radius:18px;background:#fbfaf6}.demo-details>.eyebrow{margin:0 0 12px}.demo-details>h2{margin:0 0 14px;font-family:var(--serif);font-size:clamp(1.9rem,3.5vw,2.8rem);font-weight:500;line-height:1.12}.demo-details>p:not(.eyebrow){max-width:75ch;color:#496157;line-height:1.7}.demo-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:38px;margin-top:30px;padding-top:24px;border-top:1px solid var(--wp-line)}.demo-details-grid h3{font-family:var(--serif);font-size:1.25rem;font-weight:500}.demo-details-grid p,.demo-details-grid li{color:#496157;line-height:1.65}.demo-details-grid li::marker{color:var(--wp-orange)}
@media(max-width:700px){.demo-details{padding:30px 21px}.demo-details-grid{grid-template-columns:1fr;gap:14px;margin-top:20px}}
@media(prefers-reduced-motion:no-preference){.hero-leaf,.home-leaf{animation:soft-sway 7s ease-in-out infinite alternate;transform-origin:bottom center}@keyframes soft-sway{from{rotate:-2deg}to{rotate:3deg}}}

/* Shell editorial alineada con Pomelli para páginas de contenido y demostraciones. */
.brand-panel{position:relative;min-height:clamp(380px,40vw,540px);overflow:hidden;border-radius:46% 54% 52% 48% / 46% 42% 58% 54%;background:linear-gradient(145deg,#dfeadc 0%,#a5bdab 56%,#8aa997 100%);isolation:isolate}
.brand-panel:before,.brand-panel:after{position:absolute;inset:9% 8%;border:1px solid rgba(24,58,50,.22);border-radius:48% 52% 45% 55%;content:"";transform:rotate(-20deg)}
.brand-panel:after{inset:18% 5%;border-color:rgba(189,103,71,.45);border-radius:53% 47% 52% 48%;transform:rotate(24deg)}
.brand-panel .panel-caption{position:absolute;z-index:2;top:17%;left:10%;color:#315f50;font-size:.72rem;font-weight:700;letter-spacing:.15em;line-height:1.8;text-transform:uppercase}
.brand-panel .orbit{position:absolute;top:49%;left:50%;width:72%;height:51%;border:1px solid rgba(24,58,50,.38);border-radius:50%;transform:translate(-50%,-50%) rotate(-33deg)}
.brand-panel .orbit-b{width:88%;height:42%;border-color:rgba(189,103,71,.62);transform:translate(-50%,-50%) rotate(42deg)}
.brand-panel .node{position:absolute;z-index:1;width:20px;height:20px;border:5px solid #f7f4ec;border-radius:50%;background:var(--wp-orange);box-shadow:0 0 0 1px rgba(24,58,50,.18)}
.brand-panel .node-a{top:25%;left:27%}.brand-panel .node-b{right:22%;bottom:26%;background:#315f50}
.brand-panel .panel-monogram{position:absolute;inset:0;display:grid;place-items:center;color:#17322d;font-family:var(--serif);font-size:clamp(10rem,22vw,18rem);font-weight:400;line-height:1;opacity:.92}
.brand-panel small{position:absolute;right:8%;bottom:8%;max-width:27ch;color:#38534b;font-size:.8rem;line-height:1.5;text-align:right}
html{scroll-padding-top:110px}
body:not(.home-page){background:var(--wp-paper);color:var(--wp-ink)}
.header{background:rgba(249,248,243,.96);border-bottom-color:rgba(23,50,45,.12)}
.header .nav{max-width:1320px;min-height:96px;gap:28px}
.header .nav nav{display:flex;align-items:center;gap:clamp(12px,1.65vw,26px);margin-left:auto}
.header .nav nav a{color:var(--wp-ink);font-size:.91rem;text-decoration:none}
.header .nav nav a:hover{color:#965035;text-decoration:underline;text-underline-offset:5px}
.header .nav>.navcta{padding:12px 19px;border-radius:999px;background:var(--wp-orange);color:#fff;text-decoration:none;white-space:nowrap}
.wp-hero{padding:30px 0 76px;background:var(--wp-paper);border:0}
.wp-hero .wrap{max-width:1320px}
.wp-hero-layout{grid-template-columns:minmax(0,1.04fr) minmax(320px,.96fr);gap:clamp(38px,6vw,90px)}
.wp-hero h1,.wp-content h1{font-family:var(--serif);font-weight:500;letter-spacing:-.035em;color:var(--wp-ink)}
.wp-hero h1{max-width:15ch;font-size:clamp(2.8rem,5.4vw,5rem);line-height:1.02;margin:16px 0 23px}
.wp-hero h1 em{color:#557765;font-style:italic}
.wp-hero .eyebrow,.eyebrow{color:#965238}
.wp-lead{max-width:57ch;color:#38534b;font-size:clamp(1.08rem,1.55vw,1.3rem);line-height:1.68}
.wp-hero-copy .button,.button{background:var(--wp-orange);border-radius:999px;color:#fff!important}
.wp-hero-image{margin:0;overflow:hidden;border:1px solid rgba(23,50,45,.12);border-radius:4px;box-shadow:0 18px 48px rgba(23,50,45,.09);background:#efece2}
.wp-hero-image img{width:100%;height:clamp(340px,38vw,500px);object-fit:contain;object-position:center}
.wp-hero-image.home-photo img{height:clamp(390px,44vw,570px);aspect-ratio:1.08/1;object-position:center 50%}
.wp-hero-image figcaption{padding:11px 14px;background:var(--wp-paper);color:#52665b;font-size:.78rem}
.wp-content{background:var(--wp-paper);padding:36px 0 88px}
.wp-content .prose{max-width:980px;color:var(--wp-ink);font-size:1.07rem;line-height:1.78}
.wp-content .prose h2{margin:50px 0 18px;font-family:var(--serif);font-size:clamp(1.65rem,3vw,2.3rem);font-weight:500;letter-spacing:-.025em;line-height:1.14;color:var(--wp-ink)}
.wp-content .prose h3{margin:28px 0 12px;font-family:var(--serif);font-size:1.23rem;font-weight:500;line-height:1.3}
.wp-content .prose li::marker,.detail-faq li::marker,.demo-details li::marker{color:var(--wp-orange)}
.wp-content .prose a{color:#874b35;text-underline-offset:4px}
.detail-section{margin:38px 0;padding:30px clamp(20px,4vw,42px);border:1px solid var(--wp-line);border-radius:3px;background:#fffefa}
.detail-section>h2:first-child,.detail-section>h3:first-child{margin-top:0}
.detail-faq{margin:50px 0 8px;padding:28px clamp(20px,4vw,42px);background:var(--wp-sage)}
.detail-faq h2{margin-top:0!important}
.demo-details{background:#fffefa;border-color:var(--wp-line);border-radius:3px}
.interactive-demo{padding:70px 0;background:var(--wp-sage)}
.wp-footer{padding:42px 0 38px;background:var(--wp-sage);color:var(--wp-ink)}
.wp-footer p{color:#405b50}
.wp-footer a{color:var(--wp-ink);text-underline-offset:4px}
.wp-footer .footer-links{gap:12px 25px}
.skip:focus{z-index:99}
@media(max-width:760px){html{scroll-padding-top:80px}.header .nav{min-height:76px}.header .nav>.navcta{display:none}.header .nav nav{display:none;flex-direction:column;align-items:stretch;gap:8px;width:100%;padding:12px 0 20px;margin:0}.header .nav nav.open{display:flex}.header .nav nav a{padding:8px 0}.wp-hero{padding:32px 0 48px}.wp-hero-layout{grid-template-columns:1fr;gap:28px}.wp-hero h1{max-width:14ch;font-size:clamp(2.65rem,10vw,3.8rem)}.brand-panel{min-height:340px;max-width:560px;width:100%;margin-inline:auto}.brand-panel .panel-monogram{font-size:clamp(10rem,44vw,16rem)}.wp-content{padding:26px 0 58px}.detail-section{margin:26px 0;padding:23px 19px}.detail-faq{margin:34px 0 8px;padding:23px 19px}.interactive-demo{padding:48px 0}}

/* Pomelli: titulares editoriales, superficies salvia claras y acentos terracota. */
body.synaply-redesign #content .page-content h1,body.synaply-redesign #content .page-content h2,body.synaply-redesign #content .page-content h3,body.synaply-redesign #content .page-content summary,body.synaply-redesign .demo-details-grid h3,body.synaply-redesign .use-case-card h2,body.synaply-redesign .recommended-grid h2,body.synaply-redesign .scenario-card h3{font-family:var(--serif)!important;font-weight:500!important;letter-spacing:-.025em!important}
body.synaply-redesign .wp-hero h1{max-width:18ch;font-size:clamp(2.9rem,5.2vw,5rem);line-height:1.04;letter-spacing:-.055em}
body.synaply-redesign .wp-hero h1 em{color:#557765;font-style:italic}
body.synaply-redesign .wp-content .prose h2{font-size:clamp(1.9rem,3.5vw,3rem);line-height:1.12}
body.synaply-redesign .wp-content .prose h3,body.synaply-redesign .use-case-card h2,body.synaply-redesign .recommended-grid h2,body.synaply-redesign .scenario-card h3{font-size:clamp(1.25rem,2vw,1.65rem);line-height:1.2}
body.synaply-redesign .wp-hero-image{border-radius:5px;box-shadow:none}
body.synaply-redesign .detail-section,body.synaply-redesign .demo-details,body.synaply-redesign .detail-faq,body.synaply-redesign .scenario-card,body.synaply-redesign .scenario-screen,body.synaply-redesign .scenario-outcome{border-radius:10px}
body.synaply-redesign .use-case-card,body.synaply-redesign .recommended-grid article{border-radius:10px;background:#fffefa}
body.synaply-redesign .scenario-toggle summary,body.synaply-redesign .scenario-action{border-radius:999px;background:var(--wp-orange)}
body.synaply-redesign #content .page-content li::marker{color:#bd6747}
body.synaply-redesign .wp-hero .eyebrow{display:inline-flex;align-items:center;min-height:30px;padding:5px 12px;border-radius:999px;background:#e4eee6;color:#174f43;font-size:.72rem;letter-spacing:.12em}
body.synaply-redesign .wp-hero-copy .button,body.synaply-redesign .button{min-height:48px;padding:12px 21px;border-radius:999px;background:var(--wp-orange);color:#fff!important;font-family:"DM Sans",Arial,sans-serif;font-weight:700;text-decoration:none}
body.synaply-redesign .wp-hero-copy .button:hover,body.synaply-redesign .button:hover{background:#c65e41}
body.synaply-redesign .wp-footer{background:var(--wp-sage-mid);color:var(--wp-ink)}
body.synaply-redesign .wp-footer img{filter:none}
body.synaply-redesign .wp-footer p,body.synaply-redesign .wp-footer a{color:var(--wp-ink)}
@media(max-width:760px){body.synaply-redesign .wp-hero h1{max-width:17ch;font-size:clamp(2.65rem,10vw,3.8rem)}body.synaply-redesign .wp-content .prose h2{font-size:clamp(1.8rem,8vw,2.5rem)}body.synaply-redesign .scenario-demos{border-radius:10px}}

/* Portada: ilustración a sangre con geometría propia, aislada de los estilos heredados. */
.home-artwork{position:relative;display:block;align-self:stretch;width:100%;height:640px;min-width:0;min-height:0;margin:0 calc((min(1240px,100vw - 64px) - 100vw)/2) 0 0;overflow:hidden;border:0;border-radius:48% 0 0 0/42% 0 0 0;background:#a7c2b1;box-shadow:none;isolation:isolate}
.home-artwork>img{display:block;width:100%;height:100%;min-height:0;aspect-ratio:auto;object-fit:cover;object-position:center 50%;opacity:1}
.home-artwork>figcaption{display:none}
.hero-art-kicker,.hero-art-label{position:absolute;z-index:2;color:#153b30}
.hero-art-kicker{top:15%;left:12%;max-width:24ch;font-size:.62rem;font-weight:700;letter-spacing:.24em;line-height:1.8;text-transform:uppercase}
.hero-art-label{padding:7px 11px;border:1px solid rgba(21,59,48,.14);border-radius:999px;background:rgba(248,247,241,.88);font-family:var(--serif);font-size:.95rem;line-height:1.2;box-shadow:0 4px 16px rgba(21,59,48,.08)}
.label-people{top:31%;right:8%}.label-process{top:55%;left:7%;background:rgba(238,211,190,.92)}.label-tech{right:13%;bottom:15%;background:rgba(229,238,226,.94)}
@media(max-width:760px){.home-artwork{width:auto;height:390px;min-height:0;margin:0 -18px;border-radius:43% 43% 0 0/20% 20% 0 0}.home-artwork>img{object-position:center 50%}.hero-art-kicker{top:13%;left:8%;font-size:.56rem}.hero-art-label{padding:6px 9px;font-size:.82rem}.label-process{left:5%}.label-people{right:5%}.label-tech{right:8%;bottom:12%}}