/* Adapted from Magic UI (MIT), with Tabler Icons (MIT). */
.icon{display:inline-block;width:20px;height:20px;vertical-align:middle;flex:none;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.textlink .icon,.view .icon,.add .icon{width:17px;height:17px}.close{display:grid;place-items:center}.close .icon{width:19px;height:19px}.remove .icon{width:17px;height:17px}.topline .icon{width:13px;height:13px}.header-catalog{display:flex;align-items:center;gap:9px;border:1px solid #d0d9c9;padding:10px 17px;border-radius:30px;font-size:12px;font-weight:600;transition:background .25s,border-color .25s}.header-catalog:hover{background:#e9efdf;border-color:#73976d}.header-catalog .icon{width:18px;height:18px}.hero-copy h1{animation:none!important}.hero-proof i{display:inline-flex}.hero-proof .icon{width:17px;height:17px}.card-star .icon{width:33px;height:33px}.trust-strip .trust-icon{top:4px!important;left:0!important}.trust-strip .trust-icon .icon{width:24px;height:24px;color:#668656}.trust-strip>div,.trust-strip>div:first-child{padding-left:41px}.address>span .icon{width:28px;height:28px}.search .icon{width:19px;height:19px}.gallery-prev .icon,.gallery-next .icon{width:18px;height:18px}.detail-photo span{display:flex;align-items:center;gap:5px}.detail-photo span .icon{width:14px;height:14px}.faq summary span{display:flex;transition:transform .3s}.faq summary .icon{width:20px;height:20px}.contact-entry{position:relative;display:flex;flex-direction:column;padding:17px 0 17px 35px;border-bottom:1px solid #d7dece}.contact-entry>.icon{position:absolute;left:0;top:23px;color:#5d825b}.contact-entry>span{font-size:9px;letter-spacing:1.1px;color:#6b7c64}.contact-entry>strong{font-size:17px;font-weight:550}.contact-links a .icon{width:16px;height:16px}.footer-main a .icon{width:13px;height:13px}footer{padding-bottom:100px}
/* One persistent quotation entry, including the user's current selection. */
.whatsapp-launcher{position:fixed;bottom:max(24px,env(safe-area-inset-bottom));right:24px;z-index:28;display:flex;gap:12px;align-items:center;border:1px solid #ffffff60;border-radius:50px;padding:15px 21px 15px 16px;background:#137d4a;color:#fff;box-shadow:0 8px 30px #104d3438;font-size:12px;font-weight:650;transition:background .25s,box-shadow .25s,transform .25s;isolation:isolate}
.whatsapp-launcher>.icon{width:29px;height:29px;stroke-width:1.8}.whatsapp-launcher:hover{background:#09693b;box-shadow:0 10px 35px #104d3450;transform:translateY(-3px)}.launcher-count{background:#e2f99d;color:#173e2b;font-size:11px;min-width:23px;height:23px;padding:0 5px;border-radius:50%;display:grid;place-items:center}.modal-open .whatsapp-launcher{visibility:hidden}.whatsapp-launcher:active{transform:scale(.97)}
/* Interactive Hover Button: expanding dot and sliding label from the source component. */
.interactive-hover,.hero-v3 .interactive-hover{position:relative;overflow:hidden;border-radius:50px!important;isolation:isolate;min-width:205px;padding:17px 25px!important;min-height:58px;box-shadow:none!important;transform:none!important}
.interactive-hover:after{display:none!important}.hover-rest{display:flex;align-items:center;justify-content:center;gap:12px;pointer-events:none}.hover-dot{height:8px;width:8px;flex:none;border-radius:50%;background:currentColor;transition:transform .4s cubic-bezier(.16,1,.3,1)}.hover-label{position:relative;transition:transform .35s,opacity .25s}.hover-active{position:absolute;inset:0;display:flex;gap:13px;align-items:center;justify-content:center;transform:translateX(35px);opacity:0;color:#f4ffdf;transition:transform .4s,opacity .3s;pointer-events:none}.hover-active .icon{width:20px;height:20px}.interactive-hover:hover .hover-dot,.interactive-hover:focus-visible .hover-dot{transform:scale(100)}.interactive-hover:hover .hover-label,.interactive-hover:focus-visible .hover-label{transform:translateX(40px);opacity:0}.interactive-hover:hover .hover-active,.interactive-hover:focus-visible .hover-active{transform:translateX(0);opacity:1}.hero-v3 .interactive-hover:hover,.hero-v3 .interactive-hover:focus-visible{color:#173e2c;background:var(--lime)}.interactive-hover.cream{color:#173e2c}.outline.interactive-hover{color:#154b3e}.btn.submit{border-radius:10px}.btn.submit:hover{box-shadow:0 5px 18px #17483e26}.hero-v3 .cta-helper{font-size:10px;max-width:360px}
/* Text Animate: word segmentation, stagger, blurInUp; preserves semantic headings. */
.magic-word{display:inline-block}.magic-text:not(.motion-visible) .magic-word{opacity:0;filter:blur(10px);transform:translateY(20px)}.magic-text.motion-visible .magic-word{animation:magic-word-in .7s cubic-bezier(.16,1,.3,1) both;animation-delay:var(--word-delay,0ms)}@keyframes magic-word-in{from{opacity:0;filter:blur(10px);transform:translateY(20px)}to{opacity:1;filter:blur(0);transform:translateY(0)}}
/* Blur Fade: in-view opacity, offset and blur, once per element. */
.blur-fade:not(.motion-visible){opacity:0;filter:blur(6px);transform:translateY(20px)}.blur-fade.motion-visible{animation:magic-blur-fade .7s cubic-bezier(.16,1,.3,1) both;animation-delay:var(--fade-delay,0ms)}@keyframes magic-blur-fade{from{opacity:0;filter:blur(6px);transform:translateY(20px)}to{opacity:1;filter:blur(0);transform:translateY(0)}}
/* Magic Card: pointer gradient border, in brand colors instead of neon. */
[data-magic-card]{--card-x:-250px;--card-y:-250px;position:relative;border:1px solid transparent!important;background:linear-gradient(#fffefb,#fffefb) padding-box,radial-gradient(220px circle at var(--card-x) var(--card-y),#6d9b4c,#bad486,#dde3d4 100%) border-box;transition:box-shadow .35s,border-color .35s}
.product-card{border-radius:15px!important;padding:8px!important;overflow:hidden;box-shadow:0 2px 7px #143f2805}.product-card:hover,.product-card:focus-within{box-shadow:0 14px 35px #193f2514}.product-card h3,.product-card .product-type{padding-left:6px;padding-right:6px}.product-card .add{border-radius:8px;background:#f1f4eb;font-size:11px;padding:11px 13px;border:1px solid #d6dfce;transition:background .25s,color .25s}.product-card .add:hover{color:white;background:#17483e}.product-card .add.selected{background:#dfeccf}.product-card .add.selected:hover{color:#17483e}.product-image{border-radius:10px!important;transform:none!important}.product-image img{transition:transform .65s cubic-bezier(.16,1,.3,1),opacity .5s!important}.product-image .product-use-preview{position:absolute;inset:0;opacity:0;transform:scale(1.06);pointer-events:none}.product-image:before{display:none!important}.product-image .view{display:flex!important;align-items:center;gap:5px;background:#fffffff0!important}.product-image .view .icon{width:13px;height:13px}.product-image .photo-count{background:#fffffff0;font-size:9px}.principles-grid article[data-magic-card]{border-radius:18px;background:linear-gradient(#f1f2e9,#f1f2e9) padding-box,radial-gradient(260px circle at var(--card-x) var(--card-y),#6d9b4c,#bad486,#dce2d2 100%) border-box}.principles-grid .values-card[data-magic-card]{background:linear-gradient(#17483e,#17483e) padding-box,radial-gradient(260px circle at var(--card-x) var(--card-y),#e0f59e,#92b476,#315c4c 100%) border-box}.steps article[data-magic-card]{border-radius:14px;padding:25px}.steps article[data-magic-card]>span{font-size:25px}.reading-progress{height:3px;background:linear-gradient(90deg,#23714f,#a8c870,#e1ee9a);transition:transform .08s linear}.scroll-words .word{transition:opacity .18s,filter .18s;filter:blur(calc((1 - var(--word-opacity,1))*2px))}
@media(hover:hover) and (pointer:fine){.product-image:hover .product-use-preview,.product-image:focus-visible .product-use-preview{opacity:1;transform:scale(1)}.product-image:hover>img:first-child{transform:scale(1.04)}.product-image:hover .view{background:#e8f3ce!important}}
@media(max-width:1100px){.hero-v3 .interactive-hover{min-width:185px;min-height:54px;padding:14px 20px!important}.header-catalog{padding:9px 13px}}
@media(max-width:700px){.whatsapp-launcher{right:15px;bottom:max(16px,env(safe-area-inset-bottom));width:60px;height:60px;padding:0;justify-content:center;border-radius:50%;box-shadow:0 6px 25px #0c5b3840}.whatsapp-launcher>.icon{width:32px;height:32px}.launcher-label{display:none}.launcher-count{position:absolute;top:-4px;right:-3px;min-width:21px;height:21px;border:2px solid #faf9f5;font-size:10px}.header-catalog{font-size:10px;padding:8px 12px}.header-catalog .icon{width:17px;height:17px}.hero-v3 .hero-actions{gap:20px}.hero-v3 .interactive-hover{min-width:192px;min-height:54px}.hero-v3 .cta-helper{font-size:9px}.trust-strip>div,.trust-strip>div:first-child{padding-left:38px}.trust-strip .trust-icon{top:16px!important}.trust-strip .trust-icon .icon{width:23px;height:23px}.product-card{padding:5px!important}.product-card .add{font-size:10px;padding:9px;min-height:40px}.product-card h3{font-size:11px}.product-card .view{font-size:8px;padding:5px 7px!important}.product-card .view .icon{width:12px;height:12px}.product-image .photo-count{font-size:7px}.contact-entry>strong{font-size:15px}.steps article[data-magic-card]{padding:20px}.detail-dialog>.close{width:39px;height:39px}.gallery-prev,.gallery-next{width:36px;height:36px}.gallery-stage .detail-photo span{font-size:9px}.detail-copy .btn .icon{width:17px;height:17px}.toast{top:98px}.contact{padding-bottom:70px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.magic-text .magic-word,.magic-text.motion-visible .magic-word,.blur-fade,.blur-fade.motion-visible{animation:none!important;opacity:1!important;transform:none!important;filter:none!important}.hover-dot,.hover-label,.hover-active,.product-image img{transition:none!important}.scroll-words .word{filter:none!important}.whatsapp-launcher:hover{transform:none}.reading-progress{display:none}}
