/* Ajustes editoriales para que el prototipo siga la referencia Pomelli. */
:root{--ink:#173b32;--muted:#39534d;--cream:#f7f7ee;--mint:#dfeadc;--sage:#a5bdab;--salmon:#ed7955;--line:#c9d7cb}
.section.mint#metodo{background:var(--sage)}
.button.dark{background:var(--salmon)}
.button.dark:hover{background:#c65e41}
@media(max-width:760px){.navcta{display:none}.menu{order:2;margin-left:auto}}

.scenario-demos{margin:48px 0 22px;padding:clamp(24px,4vw,48px);background:var(--mint);border:1px solid var(--line);border-radius:22px}
.scenario-demos>.eyebrow{margin:0 0 10px;color:#965238;font-size:.76rem;font-weight:700;letter-spacing:.12em}
.scenario-demos>h2{max-width:25ch;margin:0 0 28px;font-family:var(--serif);font-size:clamp(2rem,3.4vw,3rem);font-weight:400;letter-spacing:-.025em;line-height:1.08}
.scenario-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.scenario-card{min-width:0;padding:24px;background:#fbfaf6;border:1px solid #d4ddd2;border-radius:16px;transition:transform .22s ease,box-shadow .22s ease}
.scenario-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(23,50,45,.08)}
.scenario-card>.eyebrow{margin:0 0 8px;color:#965238;font-size:.72rem;font-weight:700;letter-spacing:.1em}
.scenario-card h3{margin:0 0 17px;font-family:var(--serif);font-size:clamp(1.45rem,2vw,1.85rem);font-weight:400;line-height:1.14}
.scenario-screen{padding:16px;background:#f2f4ef;border:1px solid #d4ddd2;border-radius:12px}
.scenario-top{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:10px}
.scenario-top strong{min-width:0;flex:1 1 160px;overflow-wrap:anywhere;font-size:.9rem;line-height:1.4}
.scenario-status{flex:none;padding:5px 9px;background:var(--mint);color:#315f50;font-size:.74rem;font-weight:700}
.scenario-card[data-step] .scenario-status{background:#f3e0d6;color:#80432f;animation:scenario-arrive .28s ease both}
.scenario-feedback{min-height:3.2em;margin:14px 0;color:#496157;font-size:.91rem;line-height:1.6}
.scenario-toggle{margin:0}
.scenario-toggle summary{display:flex;min-height:48px;align-items:center;padding:11px 20px;border-radius:999px;background:var(--salmon);color:#fff;font-size:.9rem;font-weight:700;cursor:pointer;list-style:none}
.scenario-toggle summary::-webkit-details-marker{display:none}
.scenario-toggle summary:after{content:"+";margin-left:auto;padding-left:12px;font-size:1.15rem}
.scenario-toggle[open] summary:after{content:"−"}
.scenario-outcome{margin-top:12px;padding:15px;border-radius:12px;background:var(--mint);animation:scenario-arrive .28s ease both}
.scenario-outcome strong{font-size:.84rem;color:#315f50}
.scenario-outcome p{margin:6px 0 0;color:#496157;font-size:.84rem;line-height:1.55}
.scenario-action{display:inline-flex;min-height:44px;align-items:center;justify-content:center;padding:10px 15px;border:0;background:var(--salmon);color:#fff!important;font:700 .86rem var(--sans);text-decoration:none;cursor:pointer}
.scenario-action:hover{background:#965238}
.scenario-link{display:inline-block;margin-top:15px;color:#874b35;font-size:.87rem;font-weight:700;text-underline-offset:4px}
.scenario-note{max-width:86ch;margin:22px 0 0;color:#496157;font-size:.86rem;line-height:1.6}
.scenario-action:focus-visible,.scenario-link:focus-visible,.scenario-toggle summary:focus-visible{outline:3px solid #17322d;outline-offset:3px}
@keyframes scenario-arrive{from{opacity:.55;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:620px){.scenario-demos{margin:34px 0 16px;padding:22px 17px}.scenario-grid{grid-template-columns:1fr;gap:12px}.scenario-card{padding:18px}.scenario-demos>h2{margin-bottom:21px}}
@media(prefers-reduced-motion:reduce){.scenario-card,.scenario-status{animation:none;transition:none}.scenario-card:hover{transform:none}}

/* Ilustraciones editoriales: una imagen propia por servicio y demo. */
.brand-panel.brand-photo{display:block;min-width:0;min-height:0;margin:0;overflow:hidden;border:1px solid var(--line);border-radius:24px 24px 96px 24px;background:#e5eee4;box-shadow:0 18px 42px rgba(23,59,50,.08)}
.brand-panel.brand-photo:before,.brand-panel.brand-photo:after{content:none}
.brand-photo img{display:block;width:100%;height:clamp(330px,39vw,500px);object-fit:cover;object-position:right center}
.brand-photo figcaption{padding:11px 15px;background:#f7f7ee;color:#39534d;font-size:.78rem;line-height:1.45}
@media(max-width:760px){.brand-panel.brand-photo{min-height:0;border-radius:20px 20px 70px 20px}.brand-photo img{height:auto;aspect-ratio:1.35/1}.brand-photo figcaption{font-size:.74rem}}
:root{--salmon:#e97853}
.navcta,.button{background:var(--salmon)}
.navcta:hover,.button:hover{background:#ad5e43}
.brand{width:250px;max-width:25vw}
.brand img,.footer-main img{object-fit:contain}
.editorial-image-section{padding:10px 0 62px;background:var(--cream)}.editorial-image{margin:0;overflow:hidden;border-radius:22px;background:#ebe7db;box-shadow:0 20px 48px rgba(23,50,45,.1)}.editorial-image img{display:block;width:100%;aspect-ratio:2.05/1;object-fit:cover;object-position:center 56%}.editorial-image figcaption{padding:10px 16px;color:#52665b;font-size:.76rem}.wp-hero-image{margin:0;border-radius:20px;overflow:hidden;background:#e8e6dc;box-shadow:0 20px 48px rgba(23,50,45,.12)}.wp-hero-image img{display:block;width:100%;height:390px;object-fit:cover;object-position:center}.wp-hero-image figcaption{padding:10px 14px;color:#52665b;font-size:.75rem;background:var(--wp-paper)}
.header{position:sticky;top:0;backdrop-filter:blur(14px);background:rgba(249,248,243,.94)}
.nav{min-height:102px}
.nav nav{gap:clamp(12px,2.1vw,28px)}
.hero-grid{min-height:630px}
.hero-copy{padding-top:108px;padding-bottom:92px}
.hero h1{max-width:760px}
.hero .eyebrow{color:#426456}
.hero .button{min-width:230px}
.brand-panel{min-height:620px}
.section .split>div:first-child h2{max-width:13ch}
.cards{column-gap:42px}
.cards article{padding-top:31px;padding-bottom:35px}
.cards h3{font-size:clamp(1.6rem,2.2vw,2.05rem)}
.experience-section{background:var(--cream)}
.experience-card{display:grid;grid-template-columns:.85fr 1.15fr;min-height:380px;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:#fff;box-shadow:0 22px 56px rgba(23,50,45,.09)}
.experience-copy{padding:40px;align-self:center}
.experience-copy h3{font-size:clamp(2rem,3vw,3rem)}
.experience-copy .eyebrow{color:#a85f43}
.text-link{display:inline-block;margin-top:12px;color:#a25338;font-weight:700;text-underline-offset:5px}
.experience-visual{position:relative;min-height:350px;background:radial-gradient(ellipse at 75% 18%,#dbe9dc,#b0c8b3 74%);display:grid;place-items:center;overflow:hidden}
.experience-visual:before,.experience-visual:after{content:"";position:absolute;width:78%;height:90%;border:1px solid rgba(255,255,255,.68);border-radius:50%;transform:rotate(-28deg)}
.experience-visual:after{width:60%;height:120%;transform:rotate(31deg)}
.mock-window{z-index:1;width:min(75%,490px);padding:22px;border:1px solid #d9e2d8;border-radius:15px;background:#fff;box-shadow:0 20px 55px rgba(23,50,45,.18);display:flex;flex-direction:column;gap:13px}
.mock-window>span,.mock-phone>span{font-size:.68rem;letter-spacing:.08em;color:#587168}
.mock-window>b,.mock-phone>b{font-family:var(--serif);font-size:1.5rem;font-weight:400}
.mock-window>small,.mock-phone>small{color:var(--muted)}
.mock-progress{height:9px;border-radius:99px;background:#e8efe7;overflow:hidden}
.mock-progress i{display:block;width:64%;height:100%;background:var(--salmon);border-radius:99px}
.mock-tags{display:flex;gap:8px;flex-wrap:wrap}
.mock-tags span{font-size:.68rem;border-radius:99px;padding:5px 10px;background:#eef4ee}
.mock-phone{position:absolute;z-index:2;right:5%;bottom:9%;width:155px;min-height:184px;display:flex;flex-direction:column;gap:12px;padding:18px 14px;border:5px solid #17322d;border-radius:24px;background:#faf9f4;box-shadow:0 15px 30px #17322d33}
.mock-phone>b{font-size:1.2rem}
.faq details{background:transparent}
.closing{position:relative;overflow:hidden}
.closing:after{content:"";position:absolute;right:6%;top:-72px;width:250px;height:250px;border:1px solid rgba(203,118,85,.6);border-radius:50%;pointer-events:none}
.footer-main{grid-template-columns:250px 1fr 1.5fr auto;align-items:center}
.footer-contact{font-size:.84rem;font-weight:700;text-underline-offset:4px;white-space:nowrap}
.footer-legal{display:flex;gap:16px;flex-wrap:wrap;font-size:.8rem}
.footer-legal a{text-underline-offset:4px}
.demo-links .related{gap:18px}
.footer-bottom{align-items:center;gap:20px}
.demo-dashboard{width:min(100%,680px);margin-left:auto}
.dashboard-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.dashboard-stats article{padding:12px;background:#edf4ec;border-radius:9px;display:grid;gap:4px}
.dashboard-stats small{font-size:.72rem}
.dashboard-stats strong{font-size:1.3rem}
.mock-row{padding:10px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:10px;font-size:.82rem}
.mock-row b{color:#9d5238;font-size:.74rem}
.interactive-demo h2{max-width:24ch;margin-bottom:32px}
.demo-disclaimer,.workbench-note{max-width:78ch;margin:18px auto 0;color:#52665e;font-size:.88rem}
.sample-site,.chat-demo,.workbench-demo{border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 18px 48px rgba(23,50,45,.08);overflow:hidden}
.sample-site-top{min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 24px;border-bottom:1px solid var(--line);font-size:.82rem;color:var(--ink)}
.sample-site-top strong{letter-spacing:.08em}.sample-site-top strong span{font-weight:400;letter-spacing:0;color:var(--muted)}
.sample-site-hero{min-height:330px;display:grid;grid-template-columns:1fr .9fr;align-items:center;gap:32px;padding:38px clamp(24px,5vw,68px)}
.sample-site-hero h3{max-width:14ch;font-size:clamp(2rem,4vw,3.4rem)}
.sample-site-hero>div:first-child>p:not(.sample-site-kicker){max-width:46ch;color:var(--muted)}
.sample-site-kicker,.sample-label{font-size:.68rem;letter-spacing:.18em;font-weight:700;color:#547264}
.garden-visual{position:relative;min-height:240px;border-radius:52% 48% 42% 58%;overflow:hidden;background:radial-gradient(ellipse at 70% 20%,#eef1d8 0 17%,transparent 18%),linear-gradient(140deg,#cbd9b9 0 31%,#9ab296 32% 62%,#55796a 63% 100%)}
.garden-visual:before{content:"";position:absolute;inset:25% -8% -20% 12%;border-radius:50% 50% 0 0;background:linear-gradient(160deg,#e6d1bb 0 18%,#a55d42 19% 25%,#627f5c 26% 54%,#24493e 55%)}
.garden-visual span,.garden-visual i,.garden-visual b{position:absolute;z-index:1;display:block;width:38px;height:82px;left:27%;bottom:16%;border-radius:100% 0 100% 0;background:#315e4a;transform:rotate(-30deg)}
.garden-visual i{left:43%;bottom:19%;height:105px;background:#71916c;transform:rotate(25deg)}
.garden-visual b{left:62%;bottom:11%;height:68px;background:#d27d59;transform:rotate(36deg)}
.sample-site-controls{padding:22px 26px 24px;border-top:1px solid var(--line);background:#f3f6f0}
.sample-site-controls>p:first-child{margin-bottom:12px;font-weight:600}
.choice-row,.chat-choices{display:flex;flex-wrap:wrap;gap:10px}
.choice-row button,.chat-choices button{border:1px solid #b8cbbd;border-radius:999px;background:#fff;color:var(--ink);padding:10px 15px;font:600 .9rem var(--sans);cursor:pointer}
.choice-row button[aria-pressed="true"],.choice-row button:hover,.chat-choices button:hover{background:#a5bdab;border-color:#829f8d;color:#173b32}
.demo-feedback{margin:14px 0 0;color:#36574a;font-size:.9rem}
.chat-demo{max-width:760px;margin:auto;padding:24px}
.chat-demo-head{display:flex;align-items:center;gap:12px;padding-bottom:17px;border-bottom:1px solid var(--line)}
.chat-avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#a5bdab;color:#173b32;font-family:var(--serif);font-size:1.4rem}
.chat-demo-head>div{display:grid;gap:3px}.chat-demo-head small{color:var(--muted);font-size:.78rem}.online-dot{width:9px;height:9px;margin-left:auto;border-radius:50%;background:#649269}
.chat-log{height:270px;overflow:auto;display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:20px 4px}
.chat-bubble{max-width:min(86%,520px);margin:0;padding:13px 16px;border-radius:17px;background:#edf3ea;color:var(--ink);line-height:1.5}
.chat-bubble.visitor{align-self:flex-end;background:#a5bdab;color:#173b32;border-bottom-right-radius:5px}
.chat-bubble.assistant{border-bottom-left-radius:5px}
.chat-choices{padding-top:17px;border-top:1px solid var(--line)}
.chat-choices .chat-reset{margin-left:auto;background:transparent;border-color:transparent;text-decoration:underline;text-underline-offset:3px}
.workbench-demo{padding:clamp(20px,4vw,38px)}
.workbench-head{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;padding-bottom:24px;border-bottom:1px solid var(--line)}
.workbench-head h3{margin:5px 0;font-size:clamp(1.8rem,3vw,2.6rem)}
.workbench-head p{margin:0;color:var(--muted);font-size:.9rem}
.field-label{display:grid;gap:7px;color:#38594c;font-size:.82rem;font-weight:700}
.field-label select,.field-label input{min-height:44px;min-width:0;border:1px solid #b7c9bc;border-radius:9px;padding:9px 11px;background:#fff;color:var(--ink);font:500 .95rem var(--sans)}
.workbench-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:18px;padding-top:20px}
.work-card{min-width:0;padding:22px;border:1px solid var(--line);border-radius:15px;background:#fcfcf8}
.work-card h4{margin:6px 0 16px;font-family:var(--serif);font-size:1.55rem;font-weight:400}
.work-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.work-card-head h4{margin-bottom:0}
.status-chip{padding:6px 11px;border-radius:999px;background:#f5e1d6;color:#82462f;font-size:.75rem;font-weight:700}
.status-track{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:22px 0 14px}
.status-track span{height:7px;border-radius:99px;background:#dce7dc}
.status-track span.is-current,.status-track span.is-complete{background:#a85d42}
.stock-total{display:flex;justify-content:space-between;align-items:center;margin:14px 0;padding:14px;border-radius:10px;background:#edf3eb;color:var(--muted);font-size:.84rem}
.stock-total strong{color:var(--ink);font-size:1.25rem}.stock-total small{font-size:.72rem;font-weight:500}
.consumption-form{display:grid;grid-template-columns:1.3fr .7fr;gap:12px;align-items:end}
.consumption-form .button{grid-column:1/-1;justify-self:start;border:0;cursor:pointer;font:700 .9rem var(--sans)}
.photo-row{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.photo-row input[type="file"]{width:100%;font:400 .82rem var(--sans);color:var(--muted)}
.photo-row img{display:block;width:min(100%,240px);max-height:170px;margin-top:12px;object-fit:cover;border-radius:10px;border:1px solid var(--line)}
.consumption-log{max-height:150px;overflow:auto;margin:14px 0 0;padding:0;list-style:none}
.consumption-log li{padding:9px 0;border-top:1px solid var(--line);color:#40594f;font-size:.8rem}
@media(max-width:760px){.sample-site-top{align-items:flex-start;flex-direction:column;padding:15px 18px}.sample-site-hero{grid-template-columns:1fr;padding:27px 20px}.garden-visual{min-height:210px}.sample-site-controls{padding:18px}.chat-demo{padding:16px}.chat-log{height:250px}.chat-choices .chat-reset{margin-left:0}.workbench-head{align-items:stretch;flex-direction:column}.workbench-grid{grid-template-columns:1fr}.work-card{padding:18px}.consumption-form{grid-template-columns:1fr 1fr}.consumption-form .button{grid-column:1/-1}}
@media(prefers-reduced-motion:no-preference){.garden-visual span,.garden-visual i,.garden-visual b{animation:leaf-sway 5.5s ease-in-out infinite alternate;transform-origin:bottom center}.garden-visual i{animation-delay:-1.7s}.garden-visual b{animation-delay:-3.2s}@keyframes leaf-sway{from{rotate:-5deg}to{rotate:7deg}}}
@media(max-width:1050px){.brand{width:185px;max-width:none}.footer-main{grid-template-columns:200px 1fr}.footer-main nav{grid-column:1/-1}.footer-contact{grid-column:1/-1}}
@media(max-width:760px){.brand{width:176px}.nav{min-height:76px}.hero-copy{padding-top:70px;padding-bottom:50px}.brand-panel{min-height:330px}.experience-card{grid-template-columns:1fr}.experience-copy{padding:28px}.experience-visual{min-height:330px}.mock-window{width:77%;padding:16px}.mock-phone{width:132px;min-height:160px;right:4%;bottom:6%;padding:14px 10px}.section .split>div:first-child h2{max-width:none}.footer-main{grid-template-columns:1fr}.footer-main nav,.footer-contact{grid-column:auto}.dashboard-stats{gap:6px}.mock-row{font-size:.72rem}}
@media(max-width:360px){.wrap{width:calc(100% - 28px)}.brand{width:145px}.hero h1{font-size:2.8rem}.experience-copy{padding:22px}.mock-phone{transform:scale(.9);transform-origin:bottom right}}
@media(max-width:760px){.navcta{display:none}.menu{order:2;margin-left:auto}}

/* Ilustración editorial propia: curvas botánicas, papel cálido y acentos coral. */
.brand-panel.brand-photo{display:block;align-self:stretch;width:auto;min-width:0;min-height:0;height:auto;margin:0 calc((min(1240px,100vw - 64px) - 100vw)/2) 0 0;overflow:hidden;border:0;border-radius:54% 0 0 0/45% 0 0 0;background:#a8c3b1;box-shadow:none}
.brand-photo img{display:block;width:100%;height:100%;min-height:620px;object-fit:contain;object-position:center center}
.brand-photo figcaption{display:none}
.hero-grid{align-items:stretch}
.hero{background:#faf8f0}
.hero-copy{align-self:center}
@media(max-width:760px){.brand-panel.brand-photo{width:auto;height:auto;min-height:0;margin:0 -18px;border-radius:48% 48% 0 0/23% 23% 0 0}.brand-photo img{width:100%;height:auto;min-height:0;aspect-ratio:1.22/1;object-fit:contain;object-position:center center}}