/* Productos Naturales — presentación 2026-11-08, sin cambios de contenido */
:root{--bg:#f8f7f2;--ink:#203d33;--muted:#58665e;--line:#dde3d7;--dark:#183e32;--g9:#183e32;--g7:#285c46;--g5:#52775d;--wa:#176b47;--gold:#a16b28;--clay:#8a5d28;--lime:#e3ebbd}
html{scroll-padding-top:100px}body{background:var(--bg);-webkit-font-smoothing:antialiased}body.pn-home,body.pn-product{font-size:16px;line-height:1.75}
.wrap{max-width:1240px;padding-left:24px!important;padding-right:24px!important}h1,h2,h3{letter-spacing:-.035em}h1{font-weight:600!important}h2{font-weight:600;font-size:clamp(1.9rem,3.4vw,3rem);line-height:1.17}h3{line-height:1.3}p{max-width:76ch}a,button,input{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #b28538;outline-offset:4px}.strip{background:#183e32;font-size:12px;padding:9px 20px;letter-spacing:.035em;color:#f3f4e9}.strip b{color:#e5eaba}
body>header{position:sticky;top:0;z-index:40;background:rgba(248,247,242,.98);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.nav{min-height:78px;height:auto;padding-top:14px;padding-bottom:14px;gap:14px}.nav>a:first-child{font:600 1.22rem Georgia,serif;color:var(--g9);letter-spacing:-.03em}.nav nav{gap:17px;font-size:13px}.nav nav a{padding:8px 0}.nav .btn{border-radius:8px}.brand img{border-radius:8px}
.btn{border-radius:9px;min-height:48px;padding:14px 23px;line-height:1.35;transition:background .18s,transform .18s;white-space:normal;text-align:center}.btn:hover{transform:translateY(-2px)}.btn-wa{box-shadow:0 5px 14px #18473015;background:#176b47;color:white}.btn-wa:hover{background:#105b39;filter:none}.btn-ghost,.btn-line{border:1px solid #96ab9d;background:transparent}.kicker{display:block;color:#89632e;letter-spacing:.16em;font-size:11px;margin-bottom:14px}.dark .kicker,.mayor .kicker{color:#e6c887}.hero{gap:64px;padding-top:44px;padding-bottom:70px}.hero h1{font-size:clamp(2.3rem,4.2vw,3.8rem);line-height:1.07;max-width:20ch}.hero .lead{font-size:17px;line-height:1.85}.hero-img{border:1px solid #dce2d6;border-radius:120px 120px 16px 16px;box-shadow:0 20px 50px #153a2912;padding:12px;background:#eef0e6;overflow:hidden}.hero-img img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain;border-radius:108px 108px 10px 10px}.crumbs{padding-top:22px;padding-bottom:0;font-size:12px}.pills{gap:6px;margin:22px 0}.pills span{border:0;background:#e9eee3;color:#365542;padding:7px 10px;font-size:12px;border-radius:5px}.paths{gap:12px;margin-top:26px}.path{border:1px solid #dce2d6;border-radius:12px;padding:18px;background:#fff}.path.biz{background:#edf1e5;border-color:#c9d4b8}.path h3{font-size:15px}.path p{font-size:13px;line-height:1.7}.path .btn{font-size:13px;padding:12px;min-height:44px}.path .btn-biz{background:#234b3a;color:white}
section{padding:76px 0}.pn-product section{padding-top:58px!important;padding-bottom:58px}.pn-product section+section{border-top:1px solid #dde3d780}.split{gap:70px}.split img{width:100%;height:auto;object-fit:contain;aspect-ratio:auto;border-radius:16px}.split p,.split li{color:#526158}.split li{padding:5px 0}.dark{background:#183e32;color:#edf0e6}.dark p{color:#d5dfd3}.dark h2,.dark h3{color:#fff}.feats{gap:16px;margin-top:30px}.feat{background:#244c3d;border:1px solid #ffffff1a;border-radius:12px;padding:24px}.feat i{display:block;margin-bottom:20px;font-size:24px}.feat h3{font-family:Inter,system-ui,sans-serif;letter-spacing:-.015em;font-size:17px;overflow-wrap:break-word}.feat p{font-size:14px;line-height:1.8}.combos{gap:22px;margin-top:30px}.combo{border:1px solid #dce2d6;border-radius:14px;box-shadow:0 10px 26px #183e3207}.combo.best{border-color:#9baf83;box-shadow:0 12px 30px #183e3210}.combo img{width:100%;height:auto;object-fit:contain}.combo .bd{padding:23px;gap:10px}.combo .tag{background:#e6edca;color:#284431;border-radius:5px}.combo h3{font-size:1.3rem}.combo .btn{font-size:14px}.mayor{background:#183e32!important;border-radius:18px!important;padding:40px!important;gap:36px!important}.mayor>div>div:not([style*="flex"]){border-radius:8px!important}.table{border-radius:12px;border:1px solid var(--line)}.table td{font-size:14px;padding:15px}.table tr:nth-child(even){background:#f0f3e9}.gallery img{height:auto;aspect-ratio:auto;object-fit:contain}.banner img{height:auto;aspect-ratio:auto;object-fit:contain}.banner .txt{position:static;max-width:none;background:#183e32;color:#f4f5ec;padding:32px}.banner .txt p{color:#dce5da}
#preguntas details{background:#fff;border:1px solid #dce2d6;border-radius:11px;padding:20px 24px;margin:12px 0}summary{font-size:16px;color:var(--g9);line-height:1.55}details p{font-size:15px;line-height:1.9}details[open]{border-color:#8caa96!important}.sticky{box-shadow:0 -4px 24px #183e3210;padding-bottom:max(12px,env(safe-area-inset-bottom))}.sticky .btn{min-height:44px}.sticky b{font-size:13px}footer{background:#eef1e7;color:#536759;padding-top:40px}.note{background:#edf1e6;border-color:#a5b88c;padding:16px;border-radius:0 10px 10px 0}.pn-related{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px!important;text-align:left}.pn-related a{border-radius:8px!important;background:#fff!important;font-size:13px!important;padding:12px 15px!important;display:flex;align-items:center;line-height:1.5;min-height:52px}
/* Portada */
.pn-home .hero{padding-top:66px;padding-bottom:72px;grid-template-columns:1.15fr 1fr}.pn-home .hero h1{font-size:clamp(2.6rem,4.8vw,4.6rem);max-width:17ch}.pn-home .hero h1 em{color:#66815d}.pn-home .collage{background:#e8eddd;border:1px solid #d6dfc6;border-radius:180px 180px 18px 18px;overflow:hidden}.collage .blob{inset:12%;background:#dae4c6;border-radius:50%}.collage img{width:39%;border-radius:12px;box-shadow:0 14px 30px #183e321c;object-fit:contain}.collage img:nth-of-type(1){left:8%;top:18%;transform:rotate(-8deg)}.collage img:nth-of-type(2){right:7%;top:17%;transform:rotate(8deg)}.collage img:nth-of-type(3){left:31%;bottom:6%;transform:rotate(0)}.trust{border-top:1px solid var(--line);padding-top:24px;margin-top:28px;gap:28px}.trust b{font-size:24px;font-weight:600}.trust div{font-size:12px}.needs{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.need{border-radius:10px;padding:22px;background:#fff;font-size:14px}.need i{margin-bottom:14px}.pn-home #necesidades{background:#eef1e7;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:60px}.pn-home #destacado a,.pn-home #destacado2 a{border-radius:18px!important;background:#183e32!important;gap:0!important}.pn-home #destacado img,.pn-home #destacado2 img{height:auto!important;object-fit:contain!important}.pn-home #destacado a>div,.pn-home #destacado2 a>div{padding:40px!important}.pn-home #productos-estrella .pn-products{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:24px!important;margin-top:32px!important}.pn-products>a{border-radius:12px!important;border-color:#dce2d6!important;transition:transform .2s,box-shadow .2s}.pn-products>a:hover{transform:translateY(-4px);box-shadow:0 14px 30px #183e3210}.pn-products img{object-fit:contain!important;height:auto!important}.pn-products>a>span{padding:18px!important;font-size:14px;line-height:1.55}.pn-products small{display:block;margin-top:12px;font-size:12px}.grid{gap:20px}.card{border-radius:12px;border-color:var(--line)}.card .ph{background:#eef1e8}.card h3{font-size:14px;line-height:1.5}.card .bd{padding:18px}.card .btn{font-size:12px;padding:10px;min-height:40px}.step{border-radius:12px;border-color:var(--line);padding:28px}.step h3{font-size:22px}.search{border-radius:9px;min-width:0}.chip{border-radius:6px}.final{background:#e6ecd6;border-radius:18px;padding:56px 24px}.fab{background:#176b47}.pn-menu{display:none}
@media(max-width:1100px){.pn-home .nav{flex-wrap:wrap}.pn-home .nav nav{width:100%;justify-content:space-between;margin:0}.hero{gap:32px}.pn-related{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.wrap{padding-left:20px!important;padding-right:20px!important}.strip{font-size:11px;line-height:1.6}.nav{min-height:66px;gap:10px}.nav>a:first-child{font-size:17px}.nav>span{gap:5px!important}.nav>span .btn{font-size:11px!important;padding:9px 10px!important;min-height:38px}.hero,.pn-home .hero{grid-template-columns:1fr;gap:28px;padding-top:28px;padding-bottom:42px}.hero h1{font-size:clamp(2.1rem,7.6vw,3.1rem);max-width:24ch}.hero-img{order:0;max-width:470px;justify-self:center;border-radius:80px 80px 12px 12px}.hero-img img{border-radius:68px 68px 8px 8px}.hero .lead{font-size:16px}.pn-home .hero h1{font-size:clamp(2.7rem,9vw,4rem)}.pn-home .collage{max-width:430px;width:100%;border-radius:150px 150px 14px 14px}.pn-home .nav{flex-wrap:wrap}.pn-home .nav nav{display:flex;overflow-x:auto;white-space:nowrap;gap:22px;font-size:12px;padding-bottom:6px}.pn-home .nav nav[hidden]{display:none}.pn-menu{display:block;margin-left:auto;background:transparent;border:1px solid #b5c4af;border-radius:7px;padding:9px 12px;color:#183e32;font:600 13px system-ui;cursor:pointer}.needs{grid-template-columns:repeat(2,minmax(0,1fr))}.need{padding:18px}.pn-home #productos-estrella .pn-products{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.pn-products>a>span{padding:13px!important;font-size:13px}.pn-products small{font-size:11px}.pn-home #destacado a>div,.pn-home #destacado2 a>div{padding:26px!important}section,.pn-product section{padding-top:40px!important;padding-bottom:40px!important}.split{gap:26px}.mayor{padding:25px!important;gap:24px!important}.feats{gap:10px}.feat{padding:18px}.feat h3{font-size:15px}.feat p{font-size:13px}.paths{grid-template-columns:1fr 1fr}.path{padding:14px}.pn-related a{font-size:12px!important;padding:10px!important}#preguntas details{padding:18px}h2{font-size:1.95rem}.card .bd{padding:12px}.card .btn{font-size:11px}.book img{object-fit:contain}.pn-home #necesidades{margin-bottom:15px}}
@media(max-width:380px){.paths{grid-template-columns:1fr}.nav>a:first-child{font-size:15px}.nav>span .btn{padding:8px!important}.pn-related{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
.nav a.btn-wa{color:#fff}.nav a.btn-biz{color:#fff}