:root{--forest:#173b2e;--forest-2:#214b39;--terracotta:#be6042;--clay:#d98661;--marigold:#e7ad3e;--cream:#f8f3e8;--paper:#fffdf8;--ink:#27332c;--muted:#6c746d;--line:rgba(23,59,46,.16);--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif;--ease:cubic-bezier(.23,1,.32,1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.55}.container{width:min(1160px,calc(100% - 48px));margin:0 auto}a{color:inherit;text-decoration:none}.announcement{background:var(--marigold);color:var(--forest);text-align:center;font-size:12px;letter-spacing:.05em;padding:9px 16px;font-weight:700}.announcement .dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--forest);margin-right:8px}.announcement a{text-decoration:underline;text-underline-offset:3px;margin-left:10px}.site-header{background:var(--cream);position:relative;z-index:5}.nav{min-height:82px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;color:var(--forest);line-height:1}.brand-mark{font-size:27px;color:var(--terracotta);display:inline-block;transform:rotate(18deg)}.brand strong,.brand em{display:block;font-family:var(--serif);font-size:19px}.brand em{font-size:17px;font-style:italic;color:var(--terracotta);margin-top:4px}.nav-links{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:600;color:var(--forest)}.nav-links>a:not(.nav-cta):hover,.footer-links a:hover{color:var(--terracotta)}.nav-cta{border:1px solid var(--forest);padding:11px 16px;border-radius:30px;transition:.2s var(--ease)}.nav-cta:hover{background:var(--forest);color:var(--cream)}.nav-cta span{margin-left:8px}.menu-toggle{display:none;border:0;background:transparent;color:var(--forest);font:600 14px var(--sans)}.menu-toggle span{font-size:20px;margin-left:6px}.hero{position:relative;min-height:680px;background:var(--forest);color:#fff;display:flex;align-items:center;overflow:hidden}.hero-image{position:absolute;inset:0;background:url('../imagenes/hero-petra.jpg') center/cover no-repeat}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,32,24,.94) 0%,rgba(18,48,36,.76) 38%,rgba(18,48,36,.15) 75%),linear-gradient(0deg,rgba(0,0,0,.18),transparent)}.hero-content{position:relative;padding:80px 0 100px}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.19em;color:var(--terracotta);font-weight:700;margin:0 0 20px;display:flex;align-items:center;gap:10px}.eyebrow span{display:inline-block;width:28px;height:1px;background:currentColor}.eyebrow.light{color:var(--marigold)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--serif);font-weight:700;line-height:1.05;margin-bottom:24px}h1{font-size:clamp(55px,8vw,96px);letter-spacing:-.04em}h2{font-size:clamp(39px,5vw,63px);color:var(--forest);letter-spacing:-.035em}h1 em,h2 em{font-style:italic;color:var(--clay)}.hero h1{color:#fff}.hero-copy{max-width:420px;color:rgba(255,255,255,.78);font-size:18px;margin-bottom:31px}.hero-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;gap:14px;padding:15px 22px;border-radius:3px;font-size:13px;font-weight:700;letter-spacing:.01em;transition:transform .18s var(--ease),background .18s var(--ease),color .18s var(--ease)}.button:hover{transform:translateY(-3px)}.button:active{transform:scale(.97)}.button-primary{background:var(--marigold);color:var(--forest)}.button-primary:hover{background:#f2bf55}.button-outline{border:1px solid rgba(255,255,255,.55);color:#fff}.button-outline:hover{background:#fff;color:var(--forest)}.text-link{font-size:13px;font-weight:700;color:var(--forest);border-bottom:1px solid var(--terracotta);padding-bottom:5px;display:inline-flex;gap:14px;align-items:center}.text-link span{font-size:19px;line-height:10px;color:var(--terracotta)}.light-link{color:#fff;border-color:rgba(255,255,255,.45)}.hero-note{margin-top:74px;display:flex;gap:12px;align-items:center;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.55)}.note-icon{color:var(--marigold);font-size:23px}.hero-scroll{position:absolute;right:42px;bottom:30px;color:rgba(255,255,255,.65);font-size:11px;letter-spacing:.12em;text-transform:uppercase;writing-mode:vertical-rl}.hero-scroll span{font-size:19px;margin-top:12px}.section-pad{padding:120px 0}.intro{background:var(--paper)}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:start}.intro h2{margin-bottom:14px}.leaf-line{color:var(--marigold);letter-spacing:.3em;font-size:22px}.intro-copy{padding-top:39px;max-width:485px}.lead{font-family:var(--serif);font-size:26px;line-height:1.35;color:var(--forest);margin-bottom:20px}.intro-copy p:not(.lead){color:var(--muted);margin-bottom:30px}.services{background:var(--cream)}.section-heading{margin-bottom:55px}.split-heading{display:flex;justify-content:space-between;align-items:end;gap:40px}.split-heading h2{margin-bottom:0}.heading-aside{max-width:330px;color:var(--muted);font-size:14px;margin:0 0 5px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-card{background:var(--paper);padding:32px;min-height:335px;position:relative;border:1px solid transparent;transition:.25s var(--ease)}.service-card:hover{transform:translateY(-6px);border-color:rgba(190,96,66,.3);box-shadow:0 14px 30px rgba(30,57,42,.08)}.service-card.featured{background:var(--forest);color:#fff}.service-number{position:absolute;top:28px;right:30px;font:italic 14px var(--serif);color:var(--terracotta)}.featured .service-number{color:var(--marigold)}.service-icon{color:var(--terracotta);font-size:38px;margin-bottom:22px}.featured .service-icon{color:var(--marigold)}.service-card h3{font:700 25px/1.12 var(--serif);max-width:220px;margin-bottom:15px}.service-card p{font-size:14px;color:var(--muted);max-width:260px;margin-bottom:23px}.featured p{color:rgba(255,255,255,.65)}.service-card a{font-size:12px;font-weight:700;color:var(--terracotta);border-bottom:1px solid currentColor;padding-bottom:4px}.featured a{color:var(--marigold)}.service-card a span{margin-left:10px}.quote-section{background:var(--forest);color:#fff}.quote-grid{display:grid;grid-template-columns:1.05fr 1fr;min-height:520px}.quote-image{background:url('../imagenes/herbs-detail.jpg') center/cover no-repeat;min-height:400px}.quote-content{padding:80px 10% 60px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.quote-mark{font:700 92px/0.5 var(--serif);color:var(--marigold);height:44px}.quote-content blockquote{font:700 clamp(30px,3.2vw,46px)/1.12 var(--serif);margin:22px 0 18px;max-width:460px}.quote-content>p{color:var(--clay);font:italic 18px var(--serif);margin-bottom:33px}.process{background:var(--paper)}.centered{text-align:center}.centered .eyebrow{justify-content:center}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:58px}.process-step{padding:30px 30px 0;border-right:1px solid var(--line);position:relative}.process-step:last-child{border-right:0}.process-step span{color:var(--terracotta);font:italic 20px var(--serif)}.process-step h3{font:700 25px var(--serif);color:var(--forest);margin:15px 0 8px}.process-step p{font-size:14px;color:var(--muted);max-width:220px}.faq{background:var(--cream)}.faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:110px}.faq h2{margin-bottom:18px}.faq-intro{color:var(--muted);max-width:270px;font-size:14px;margin-bottom:27px}.accordion{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:22px 0}summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font:700 18px var(--serif);color:var(--forest)}summary::-webkit-details-marker{display:none}summary span{font:400 28px var(--sans);color:var(--terracotta);transition:.2s}details[open] summary span{transform:rotate(45deg)}details p{color:var(--muted);font-size:14px;max-width:580px;margin:15px 28px 0 0}.contact{background:var(--forest);color:#fff;padding:90px 0}.contact-box{display:flex;justify-content:space-between;align-items:center;gap:60px}.contact h2{color:#fff;margin-bottom:0}.contact-box>div:last-child{max-width:400px}.contact-box>div:last-child p{color:rgba(255,255,255,.7);font-size:16px;margin-bottom:23px}.contact-box small{display:block;color:var(--marigold);margin-top:15px;font-size:12px;letter-spacing:.08em}.wa-icon{font-size:22px}.footer{background:#0f2e23;color:rgba(255,255,255,.7);padding:50px 0 20px}.footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:30px}.footer-brand{color:#fff}.footer-grid>p{font-size:13px;margin:0;text-align:center}.footer-links{display:flex;justify-content:flex-end;gap:17px;font-size:11px}.footer-bottom{border-top:1px solid rgba(255,255,255,.13);margin-top:36px;padding-top:18px;display:flex;justify-content:space-between;font-size:10px;color:rgba(255,255,255,.43)}.floating-wa{position:fixed;right:22px;bottom:22px;z-index:10;background:var(--marigold);color:var(--forest);height:54px;border-radius:30px;display:flex;align-items:center;gap:9px;padding:0 18px;font-size:23px;box-shadow:0 8px 22px rgba(0,0,0,.2);transition:.2s var(--ease)}.floating-wa span{font-size:12px;font-weight:700}.floating-wa:hover{transform:translateY(-4px)}@media(max-width:800px){.container{width:min(100% - 36px,600px)}.nav{min-height:70px}.menu-toggle{display:block}.nav-links{position:absolute;top:70px;left:0;right:0;background:var(--paper);display:none;flex-direction:column;align-items:stretch;padding:20px 25px;gap:17px;box-shadow:0 12px 20px rgba(0,0,0,.08)}.nav-links.is-open{display:flex}.nav-cta{text-align:center}.hero{min-height:650px}.hero-content{padding:65px 0 90px}.hero-overlay{background:linear-gradient(90deg,rgba(11,32,24,.92),rgba(18,48,36,.45))}.hero-scroll{display:none}.section-pad{padding:80px 0}.intro-grid,.faq-grid{grid-template-columns:1fr;gap:28px}.intro-copy{padding-top:0}.split-heading{display:block}.heading-aside{margin-top:25px}.service-grid,.process-grid{grid-template-columns:1fr}.service-card{min-height:auto}.quote-grid{grid-template-columns:1fr}.quote-image{min-height:290px}.quote-content{padding:55px 25px 65px}.process-grid{margin-top:38px}.process-step{border-right:0;border-bottom:1px solid var(--line);padding:24px 0}.process-step:last-child{border-bottom:0}.contact-box{display:block}.contact-box>div:last-child{margin-top:32px}.footer-grid{grid-template-columns:1fr;text-align:center}.footer-grid>p{text-align:center}.footer-links{justify-content:center;flex-wrap:wrap}.footer-bottom{display:block;text-align:center}.footer-bottom span{display:block;margin:5px}.announcement{font-size:10px}.announcement a{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Hero con la imagen de referencia */
.hero{min-height:700px}.hero-image{left:42%;background-image:url('../imagenes/petra-referencia.jpg');background-position:center 20%;background-size:cover}.hero-overlay{background:linear-gradient(90deg,rgba(11,32,24,1) 0%,rgba(18,48,36,.98) 31%,rgba(18,48,36,.58) 58%,rgba(18,48,36,.04) 100%)}.hero-badge{position:absolute;right:8%;bottom:44px;color:#fff;border-left:2px solid var(--marigold);padding-left:14px;text-transform:uppercase;letter-spacing:.12em}.hero-badge span,.hero-badge small{display:block}.hero-badge span{font:italic 22px var(--serif);letter-spacing:0}.hero-badge small{font-size:10px;margin-top:4px}.button-dark{background:var(--forest);color:var(--cream)}.button-dark:hover{background:var(--terracotta);color:#fff}
/* Interactiva 1: pestañas */
.path{background:var(--paper)}.tabs-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:20px;background:var(--cream);padding:14px}.tab-list{display:flex;flex-direction:column;gap:8px;padding:20px}.tab-button{border:0;background:transparent;border-bottom:1px solid var(--line);color:var(--forest);padding:20px 12px;text-align:left;cursor:pointer;font:700 17px var(--serif);display:grid;grid-template-columns:40px 1fr 20px;align-items:center;transition:.2s var(--ease)}.tab-button span{font:italic 13px var(--serif);color:var(--terracotta)}.tab-button b{font:400 20px var(--sans);color:var(--terracotta);opacity:0;transition:.2s}.tab-button:hover,.tab-button.active{background:var(--forest);color:#fff;padding-left:20px}.tab-button.active b,.tab-button:hover b{opacity:1}.tab-panel{display:none;background:var(--forest);color:#fff;min-height:380px;padding:42px 48px;animation:fadeIn .35s var(--ease)}.tab-panel.active{display:block}.tab-panel .eyebrow{color:var(--marigold)}.tab-icon{color:var(--marigold);font-size:44px;margin-bottom:22px}.tab-panel h3{font:700 clamp(30px,3.3vw,46px)/1.1 var(--serif);max-width:440px;margin-bottom:17px}.tab-panel>p:not(.eyebrow){color:rgba(255,255,255,.7);max-width:470px;margin-bottom:28px}.tab-panel .button{margin-top:5px}
/* Interactiva 2: botánica */
.botanica{background:var(--cream)}.section-heading.centered .section-subtitle{color:var(--muted);font-size:14px;max-width:430px;margin:0 auto}.filter-buttons{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:40px 0 28px}.filter{border:1px solid var(--line);background:transparent;border-radius:30px;padding:9px 18px;color:var(--forest);font:600 12px var(--sans);cursor:pointer;transition:.2s}.filter.active,.filter:hover{background:var(--forest);border-color:var(--forest);color:#fff}.plant-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.plant-card{background:var(--paper);padding:24px 20px;min-height:210px;border-top:3px solid var(--marigold);transition:.25s var(--ease)}.plant-card.is-hidden{display:none}.plant-card:hover{transform:translateY(-5px);box-shadow:0 12px 25px rgba(30,57,42,.08)}.plant-symbol{color:var(--terracotta);font-size:35px;display:block;margin-bottom:20px}.plant-card h3{font:700 22px var(--serif);color:var(--forest);margin-bottom:8px}.plant-card p{font-size:13px;color:var(--muted);line-height:1.4;margin-bottom:14px}.plant-card small{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--terracotta);font-weight:700}.micro-note{text-align:center;color:var(--muted);font-size:11px;margin:28px 0 0}
/* Interactiva 3: quiz */
.selector{background:var(--forest);color:#fff}.selector-box{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;align-items:center}.selector-copy h2{color:#fff}.selector-copy p:last-child{color:rgba(255,255,255,.7);max-width:320px}.quiz{background:#f4eddf;color:var(--forest);padding:35px 40px;position:relative;min-height:410px}.quiz-progress{height:3px;background:rgba(23,59,46,.15);margin-bottom:20px}.quiz-progress span{display:block;width:33.333%;height:100%;background:var(--terracotta);transition:.3s}.quiz-count{text-transform:uppercase;letter-spacing:.13em;font-size:10px;color:var(--terracotta);font-weight:700}.quiz-question{display:none;animation:fadeIn .3s var(--ease)}.quiz-question.active{display:block}.quiz-question h3,.quiz-result h3{font:700 30px/1.12 var(--serif);margin:28px 0 23px;max-width:430px}.quiz-question button{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid var(--line);background:transparent;padding:13px 0;color:var(--forest);cursor:pointer;font:600 14px var(--sans);transition:.2s}.quiz-question button:hover{color:var(--terracotta);padding-left:8px}.quiz-result{display:none;animation:fadeIn .3s var(--ease)}.quiz.result-ready .quiz-question,.quiz.result-ready .quiz-count{display:none}.quiz.result-ready .quiz-result{display:block}.quiz.result-ready .quiz-progress span{width:100%}.result-icon{color:var(--terracotta);font-size:37px}.quiz-result h3{margin-top:10px}.quiz-result p:not(.eyebrow){color:var(--muted);font-size:14px;max-width:400px}.restart{display:block;margin-top:16px;border:0;background:none;color:var(--terracotta);text-decoration:underline;cursor:pointer;font:600 11px var(--sans)}
/* Interactiva 4: slider */
.voices{background:var(--paper)}.voices-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:50px}.slider-controls{display:flex;gap:8px}.slider-controls button{width:45px;height:45px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--forest);font-size:20px;cursor:pointer;transition:.2s}.slider-controls button:hover{background:var(--forest);color:#fff}.testimonial-slider{min-height:260px;position:relative}.testimonial{display:none;max-width:760px;margin:0 auto;text-align:center;animation:fadeIn .3s var(--ease)}.testimonial.active{display:block}.testimonial .quote-mark{display:block;height:36px}.testimonial>p{font:700 clamp(25px,3vw,38px)/1.2 var(--serif);color:var(--forest);margin:17px auto 24px}.testimonial strong,.testimonial small{display:block}.testimonial strong{color:var(--terracotta);font:italic 18px var(--serif)}.testimonial small{color:var(--muted);font-size:11px;margin-top:5px}.slider-dots{text-align:center;margin-top:22px}.dot-slider{width:7px;height:7px;padding:0;border:0;background:#c9c9b9;border-radius:50%;margin:0 4px;cursor:pointer}.dot-slider.active{background:var(--terracotta);transform:scale(1.4)}
/* Interactiva 5: formulario */
.appointment{background:var(--cream)}.appointment-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:start}.appointment-copy{color:var(--muted);max-width:380px}.contact-mini{border-top:1px solid var(--line);margin-top:42px;padding-top:18px}.contact-mini span{display:block;text-transform:uppercase;letter-spacing:.12em;font-size:10px;color:var(--terracotta);font-weight:700}.contact-mini a{font:700 22px var(--serif);color:var(--forest)}.appointment-form{background:var(--paper);padding:35px 38px}.appointment-form label{display:block;color:var(--forest);font:700 13px var(--sans);margin-bottom:18px}.appointment-form input,.appointment-form select,.appointment-form textarea{display:block;width:100%;margin-top:8px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);padding:10px 0;font:400 14px var(--sans);outline:none}.appointment-form input:focus,.appointment-form select:focus,.appointment-form textarea:focus{border-color:var(--terracotta)}.appointment-form select{cursor:pointer}.appointment-form textarea{resize:vertical}.appointment-form .button{border:0;cursor:pointer;margin-top:2px}.appointment-form small{display:block;color:var(--muted);font-size:10px;margin-top:14px}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,20px);background:var(--forest);color:#fff;padding:13px 20px;border-radius:3px;font-size:13px;opacity:0;pointer-events:none;z-index:20;transition:.25s var(--ease)}.toast.show{opacity:1;transform:translate(-50%,0)}
@keyframes fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:800px){.hero{min-height:720px}.hero-image{left:20%;background-position:center top}.hero-overlay{background:linear-gradient(90deg,rgba(11,32,24,.98) 0%,rgba(18,48,36,.82) 48%,rgba(18,48,36,.15) 100%)}.hero-badge{right:20px;bottom:30px}.tabs-layout,.selector-box,.appointment-grid{grid-template-columns:1fr;gap:20px}.tab-list{padding:10px}.tab-panel{min-height:390px;padding:32px 26px}.plant-grid{grid-template-columns:repeat(2,1fr)}.selector-box{gap:35px}.selector-copy{padding-bottom:0}.quiz{padding:28px 25px}.voices-head{align-items:start}.appointment-grid{gap:40px}}
@media(max-width:480px){.plant-grid{grid-template-columns:1fr}.hero-badge{display:none}.tab-button{font-size:15px}.tab-panel h3{font-size:34px}.floating-wa{right:14px;bottom:14px}}