.form-card{background: var(--card);border-radius: var(--r-md);box-shadow: var(--shadow-soft);padding: var(--s-6)}.form-card > h2{font-size: clamp(20px, 2vw, 26px);margin-bottom: var(--s-2)}.form-card :where(fieldset, legend, dl, dd, dt, label, select, textarea){margin: 0;padding: 0}.form-card fieldset{border: 0;min-width: 0}.form-card .f-grid{display: grid;grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);gap: var(--s-3)}.form-card .field{display: grid;gap: var(--s-1);min-width: 0}.form-card .field.wide{grid-column: 1 / -1}.form-card .field label, .form-card .ws-glabel{font-weight: 700;font-size: 14px;color: var(--ink)}.form-card .req{color: var(--sage-deep)}.form-card .opt{font-weight: 500;color: var(--ink-soft)}.form-card .field input:not([type=radio], [type=checkbox]), .form-card .field textarea, .form-card .field select{width: 100%;min-height: 44px;padding: 12px var(--s-3);border: 1px solid var(--line);border-radius: var(--r-sm);background: var(--paper);font-family: var(--font-body);font-size: 16px;color: var(--ink);transition: border-color var(--t-quick) ease}.form-card .field input:focus-visible, .form-card .field textarea:focus-visible, .form-card .field select:focus-visible{outline: 2px solid var(--sage-deep);outline-offset: 1px}.form-card .field textarea{min-height: 132px;resize: vertical}.form-card .field input::placeholder, .form-card .field textarea::placeholder{color: var(--ink-soft);opacity: .8}.form-card .f-msg{display: none;font-size: 13px;font-weight: 700;color: var(--error)}.form-card .field.invalid .f-msg{display: block}.form-card .field.invalid :is(input:not([type=radio], [type=checkbox]), textarea, select){border-color: var(--error);box-shadow: inset 0 0 0 1px var(--error)}.form-card .ck-banner{display: flex;align-items: flex-start;gap: var(--s-2);margin-top: var(--s-3);padding: var(--s-2) var(--s-3);border: 1px solid var(--rose-line);border-radius: var(--r-sm);background: var(--rose-tint);font-size: 14px;font-weight: 700;color: var(--error)}.form-card .ck-banner svg{flex: none;margin-top: 3px}.form-card .ck-banner a{color: inherit;text-decoration: underline;text-underline-offset: 2px}.form-card .ws-checks{display: grid;gap: var(--s-2)}.form-card .ws-check{display: flex;align-items: center;gap: var(--s-2);min-height: 44px;font-size: 15px;font-weight: 500;color: var(--ink);cursor: pointer}.form-card .ws-chips{display: flex;flex-wrap: wrap;gap: var(--s-2)}.form-card .ws-chip{display: inline-flex;align-items: center;gap: var(--s-2);min-height: 44px;padding: var(--s-2) var(--s-3);border: 1.5px solid var(--line);border-radius: var(--r-full);background: var(--card);font-size: 14px;font-weight: 700;color: var(--ink);cursor: pointer;transition: border-color var(--t-quick) ease, background var(--t-quick) ease, color var(--t-quick) ease}.form-card .ws-chip:hover{border-color: var(--ink-soft)}.form-card .ws-chip:has(input:checked){border-color: var(--sage-deep);background: var(--sage-tint);color: var(--sage-deep)}.form-card .ws-check input, .form-card .ws-chip input{flex: none;width: 18px;height: 18px;margin: 0;accent-color: var(--sage-deep)}.form-card .ws-chip input{width: 17px;height: 17px}.form-card .field.invalid .ws-chip{border-color: var(--rose-line)}.form-card .ws-piece-chip{display: inline-flex;flex-wrap: wrap;gap: var(--s-1);align-self: start;padding: var(--s-2) var(--s-3);border-radius: var(--r-full);background: var(--butter-soft);font-size: 14px;color: var(--ink)}.form-card .ws-progress{margin-top: var(--s-4)}.form-card .ws-track{height: 2px;overflow: hidden;border-radius: var(--r-full);background: var(--line)}.form-card .ws-fill{display: block;width: 100%;height: 100%;background: var(--butter);transform: scaleX(.3333);transform-origin: left center;transition: transform 350ms var(--ease-settle)}.form-card .ws-step-label{margin-top: var(--s-2);font-size: 13px;font-weight: 700;color: var(--ink-soft)}.form-card .ws-step{display: grid;gap: var(--s-3);margin-top: var(--s-4)}.form-card .ws-legend{margin-bottom: var(--s-1);font-family: var(--font-display);font-size: 17px;font-weight: 700;line-height: 1.3;color: var(--ink)}.form-card .ws-legend:focus{outline: none}@media (prefers-reduced-motion: no-preference){.form-card .ws-step.in{animation: ws-step-in 300ms var(--ease-settle)}}@keyframes ws-step-in{from{opacity: 0;transform: translateX(24px)}to{opacity: 1;transform: translateX(0)}}.form-card .ws-review{padding: var(--s-3) var(--s-4);border-radius: var(--r-sm);background: var(--paper-deep)}.form-card .rv-title{margin-bottom: var(--s-2);font-size: 13px;font-weight: 700;color: var(--ink-soft)}.form-card .rv-group + .rv-group{margin-top: var(--s-2);padding-top: var(--s-2);border-top: 1px solid var(--line)}.form-card .rv-head{display: flex;align-items: center;justify-content: space-between;gap: var(--s-2);font-size: 14px;font-weight: 700}.form-card .rv-edit{min-height: 44px;padding: 0 var(--s-2);border: 0;background: none;font-size: 14px;font-weight: 700;color: var(--sage-deep);text-decoration: underline;text-decoration-color: var(--butter);text-decoration-thickness: 2px;text-underline-offset: 3px}.form-card .ws-rv{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: var(--s-2) var(--s-4)}.form-card .ws-rv > div{display: grid;gap: 1px;min-width: 0}.form-card .ws-rv dt{font-size: 12.5px;font-weight: 700;color: var(--ink-soft)}.form-card .ws-rv dd{font-size: 14.5px;color: var(--ink);overflow-wrap: anywhere}.form-card .form-foot{display: flex;flex-wrap: wrap;align-items: center;gap: var(--s-3);margin-top: var(--s-4)}.form-card .form-foot .promise{font-size: 13px;color: var(--ink-soft)}.form-card .form-foot .promise a{display: inline-flex;align-items: center;min-height: 44px;font-weight: 700;color: var(--ink)}.form-card .form-foot .promise a:hover{color: var(--sage-deep)}.form-card .ws-privacy{margin-top: var(--s-3);font-size: 13px;color: var(--ink-soft)}.form-card .ws-privacy a{display: inline-flex;align-items: center;min-height: 44px;color: var(--ink);font-weight: 700;text-decoration: underline;text-underline-offset: 2px}.form-card .ws-spin{display: inline-block;flex: none;width: 18px;height: 18px;border: 2.5px solid currentColor;border-top-color: transparent;border-radius: 50%;animation: ws-spin 800ms linear infinite}@keyframes ws-spin{to{transform: rotate(360deg)}}.form-card .ws-hp{position: absolute;left: -9999px;width: 1px;height: 1px;overflow: hidden}.form-card .sent-ico{display: flex;align-items: center;justify-content: center;width: 56px;height: 56px;margin-bottom: var(--s-3);border-radius: var(--r-full);background: var(--sage-tint);color: var(--sage-deep)}.form-card .sent-panel h2{margin-bottom: var(--s-2);font-size: clamp(22px, 2.2vw, 30px)}.form-card .sent-panel h2:focus{outline: none}.form-card .sent-line{max-width: 44ch;margin-bottom: var(--s-4);color: var(--ink-soft)}.form-card .sent-ctas{display: flex;flex-wrap: wrap;gap: var(--s-3)}@media (max-width: 560px){.form-card{padding: var(--s-5) var(--s-4)}.form-card .f-grid, .form-card .ws-rv{grid-template-columns: 1fr}}@media (prefers-reduced-motion: reduce){.form-card .field input:not([type=radio], [type=checkbox]), .form-card .field textarea, .form-card .field select, .form-card .ws-chip, .form-card .ws-fill, .form-card .btn{transition: none}}.form-card [hidden], .form-card .ws-step[hidden], .form-card .ws-progress[hidden]{display: none}
@media (max-width: 760px){.ecoco-main.ecoco-contact > * + *{margin-block-start: var(--s-7)}}@media (max-width: 560px){.ecoco-contact{font-size: 16px}.ecoco-contact .container{padding-inline: var(--s-3)}}.ecoco-contact .btn{justify-content: center;min-height: 52px;padding: 0 var(--s-4);line-height: 1.2;text-align: center}.ecoco-contact .btn-wa{background: var(--whatsapp);color: var(--paper)}.ecoco-contact .btn-wa:hover{background: var(--whatsapp-hover);transform: translateY(-2px);box-shadow: var(--shadow-lift)}.ecoco-contact .text-link{display: inline-flex;align-items: center;min-height: 44px;font-weight: 700;font-size: 15px;color: var(--ink);text-decoration: underline;text-decoration-color: var(--butter);text-decoration-thickness: 2px;text-underline-offset: 5px}.ecoco-contact .text-link:hover{color: var(--sage-deep)}.contact-head{padding-top: var(--s-7);display: grid;grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);gap: var(--s-7);align-items: end}.contact-head h1{font-size: clamp(40px, 5vw, 64px);font-weight: 800;margin-bottom: var(--s-3);max-width: 16ch;text-wrap: balance}.contact-head .deck{font-size: 19px;color: var(--ink-soft);max-width: 50ch}.contact-head .reach{background: var(--card);border-radius: var(--r-lg);box-shadow: var(--shadow-soft);padding: var(--s-5);display: grid;gap: var(--s-3)}.contact-head .lead-line{font-size: 14px;font-weight: 700;color: var(--ink-soft)}.contact-head .reach .btn-wa{width: 100%}.contact-head .reach-rows{display: grid}.contact-head .reach-rows > *{display: flex;align-items: center;gap: var(--s-3);min-height: 52px;border-top: 1px solid var(--line);font-weight: 700;font-size: 16px;color: var(--ink)}.contact-head .reach-rows a:hover{color: var(--sage-deep)}.contact-head .reach-rows .ico{width: 36px;height: 36px;flex: none;border-radius: var(--r-full);background: var(--sage-tint);color: var(--sage-deep);display: flex;align-items: center;justify-content: center}.contact-head .reach-rows .lbl{overflow-wrap: anywhere}.contact-head .reach-rows small{display: block;font-weight: 500;font-size: 14px;color: var(--ink-soft)}.contact-head .reach-rows p{padding-block: var(--s-2);align-items: flex-start}.contact-head .reach-rows p .ico{margin-top: 2px}@media (max-width: 1024px){.contact-head{grid-template-columns: minmax(0, 1fr);gap: var(--s-5)}.contact-head .reach{max-width: 560px}}@media (max-width: 760px){.contact-head{padding-top: var(--s-6)}}@media (max-width: 560px){.contact-head .deck{font-size: 17px}.contact-head .reach{padding: var(--s-4)}}
.contact-help{background: var(--paper-deep);padding-block: var(--s-7)}.contact-help .band-line{text-align: center;font-size: 15px;color: var(--ink-soft);margin-bottom: var(--s-5)}.contact-help .tiles{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: var(--s-3)}.contact-help .qa-tile{background: var(--card);border-radius: var(--r-md);padding: var(--s-4);box-shadow: var(--shadow-soft);display: grid;gap: var(--s-1);align-content: start;grid-template-rows: auto auto 1fr auto}.contact-help .qa-tile:has(.terms){grid-template-rows: auto auto 1fr auto auto}.contact-help .icon{width: 44px;height: 44px;border-radius: var(--r-full);background: var(--sage-tint);color: var(--sage-deep);display: flex;align-items: center;justify-content: center;margin-bottom: var(--s-2)}.contact-help h3{font-size: 18px}.contact-help .qa-tile p{font-size: 15px;color: var(--ink-soft)}.contact-help .qa-tile p b{color: var(--ink)}.contact-help .qa-tile .terms{justify-self: start;font-weight: 700;color: var(--ink)}.contact-help .text-link{justify-self: start;margin-top: var(--s-1)}@media (max-width: 1024px){.contact-help .tiles{grid-template-columns: repeat(2, minmax(0, 1fr))}}@media (max-width: 560px){.contact-help .tiles{grid-template-columns: minmax(0, 1fr);gap: var(--s-2)}.contact-help .qa-tile, .contact-help .qa-tile:has(.terms){grid-template-columns: 44px minmax(0, 1fr);grid-template-rows: none;column-gap: var(--s-3);padding: var(--s-3) var(--s-4) var(--s-2) var(--s-3)}.contact-help .icon{grid-row: 1 / span 3;margin: 0}.contact-help .qa-tile > :not(.icon){grid-column: 2}.contact-help h3{margin-top: 10px}}
.contact-form .form-card{border-radius: var(--r-lg);padding: var(--s-6)}.contact-form .form-head{display: grid;grid-template-columns: minmax(0, 1fr) minmax(0, 22rem);gap: var(--s-2) var(--s-6);align-items: end;margin-bottom: var(--s-5)}.contact-form .form-head h2{font-size: clamp(24px, 2.2vw, 30px);margin-bottom: var(--s-1)}.contact-form .form-head .sub{font-size: 15px;color: var(--ink-soft)}.contact-form .promise-line{border-left: 3px solid var(--butter);padding-left: var(--s-3);font-size: 15.5px;color: var(--ink-soft)}.contact-form .ws-step{gap: var(--s-4);margin-top: 0}.contact-form .f-grid{gap: var(--s-4) var(--s-5)}.contact-form .field{gap: 6px;align-content: start}.contact-form .field label, .contact-form .ws-glabel{font-size: 15px;line-height: 1.3}.contact-form .field input:not([type=radio], [type=checkbox]), .contact-form .field select, .contact-form .field textarea{min-height: 52px;padding: 12px 14px;border-color: var(--field);background: var(--card);transition: border-color var(--t-quick) ease, box-shadow var(--t-quick) ease}.contact-form .field textarea{min-height: 140px}.contact-form .field :is(input, select, textarea):focus{outline: none;border-color: var(--sage-deep);box-shadow: 0 0 0 3px var(--sage-tint)}.contact-form .field :is(input, select, textarea):focus-visible{outline: 3px solid var(--sage-deep);outline-offset: 2px}.contact-form .f-msg{font-size: 14px}.contact-form .field.invalid :is(input:not([type=radio], [type=checkbox]), select, textarea){background-color: var(--rose-tint);box-shadow: none}.contact-form .ws-glabel{margin-bottom: 6px}.contact-form .ws-chip{min-height: 48px;padding: 0 var(--s-4) 0 var(--s-3);border-width: 1px;font-size: 15px}.contact-form .ws-chip:has(input:checked){box-shadow: inset 0 0 0 1px var(--sage-deep);color: var(--ink)}.contact-form .ck-banner{margin-top: var(--s-4);font-size: 15px}.contact-form .form-foot{gap: var(--s-2) var(--s-4)}.contact-form .ws-privacy{margin-top: 0;max-width: 40ch;font-size: 14px}.contact-form .field select{appearance: none;padding-right: 40px;background-image: linear-gradient(45deg, transparent 50%, var(--ink) 50%), linear-gradient(135deg, var(--ink) 50%, transparent 50%);background-position: calc(100% - 21px) 52%, calc(100% - 16px) 52%;background-size: 5px 5px;background-repeat: no-repeat}@media (max-width: 1024px){.contact-form .f-grid:has(.ws-group){grid-template-columns: minmax(0, 1fr)}}@media (max-width: 760px){.contact-form .form-head{grid-template-columns: minmax(0, 1fr)}}@media (max-width: 560px){.contact-form .form-card{padding: var(--s-5) var(--s-4)}.contact-form .form-foot .btn{width: 100%}.contact-form .ws-chips{display: grid}}@media (prefers-reduced-motion: reduce){.contact-form .field input:not([type=radio], [type=checkbox]), .contact-form .field select, .contact-form .field textarea{transition: none}}
.contact-wholesale .ws-card{background: var(--sage-tint);border-radius: var(--r-lg);padding: var(--s-6);display: grid;grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);gap: var(--s-4) var(--s-7);align-items: start}.contact-wholesale .ws-card:not(:has(.ws-ledger)){grid-template-columns: minmax(0, 1fr)}.contact-wholesale .ws-ask{display: grid;gap: var(--s-2);justify-items: start}.contact-wholesale .kick{font-size: 13px;font-weight: 700;letter-spacing: .06em;text-transform: uppercase;color: var(--sage-deep)}.contact-wholesale h2{font-size: clamp(24px, 2.4vw, 32px)}.contact-wholesale .ws-text{font-size: 15.5px}.contact-wholesale .row{display: flex;flex-wrap: wrap;gap: var(--s-2);margin-top: var(--s-2)}.contact-wholesale .btn{min-height: 48px;padding: 0 var(--s-3);font-size: 15px}.contact-wholesale .btn-ghost{border-color: var(--sage-deep);color: var(--sage-deep)}.contact-wholesale .ws-ledger{display: grid;grid-template-columns: max-content minmax(0, 1fr);column-gap: var(--s-5)}.contact-wholesale .ws-ledger > div{display: grid;grid-column: 1 / -1;grid-template-columns: subgrid;align-items: start;padding-block: var(--s-3)}.contact-wholesale .ws-ledger > div + div{border-top: 1px solid color-mix(in srgb, var(--sage-deep) 22%, transparent)}.contact-wholesale .ws-ledger > div:first-child{padding-top: 0}.contact-wholesale dt{font-family: var(--font-display);font-weight: 700;font-size: clamp(18px, 1.6vw, 21px);line-height: 1.3;letter-spacing: -0.01em;color: var(--ink)}.contact-wholesale dd{margin: 0;font-size: 15.5px;color: var(--ink-soft);padding-top: 2px;max-width: 52ch}@media (max-width: 1024px){.contact-wholesale .ws-card{grid-template-columns: minmax(0, 1fr)}}@media (max-width: 560px){.contact-wholesale .ws-card{padding: var(--s-5) var(--s-4)}.contact-wholesale .ws-ledger{grid-template-columns: minmax(0, 1fr)}.contact-wholesale .ws-ledger > div{row-gap: 2px}.contact-wholesale .row, .contact-wholesale .row .btn{width: 100%}}.ecoco-main.ecoco-contact > .contact-wholesale{margin-block-start: var(--s-6)}
.contact-place .place-band{background: var(--paper-deep);border-radius: var(--r-lg);padding: var(--s-7) var(--s-6);display: grid;grid-template-columns: minmax(0, 6fr) minmax(0, 5fr);gap: var(--s-5);align-items: stretch}.contact-place .band-head{grid-column: 1 / -1}.contact-place .band-head h2{font-size: clamp(26px, 2.6vw, 34px);margin-bottom: var(--s-1)}.contact-place .band-head p{font-size: 15.5px;color: var(--ink-soft);max-width: 56ch}.contact-place .map-ph{position: relative;border-radius: var(--r-md);overflow: hidden;background: var(--card);min-height: 300px;box-shadow: var(--shadow-soft)}.contact-place .map-ph svg{position: absolute;inset: 0;width: 100%;height: 100%}.contact-place .map-tag{position: absolute;left: var(--s-3);bottom: var(--s-3);background: var(--card);border: 1px solid var(--line);border-radius: var(--r-full);padding: 6px var(--s-3);font-size: 14px;font-weight: 700;color: var(--ink-soft)}.contact-place .place-cards{display: grid;gap: var(--s-3);align-content: start}.contact-place .place{background: var(--card);border-radius: var(--r-md);padding: var(--s-4) var(--s-5);display: grid;gap: var(--s-1);align-content: start}.contact-place .place h3{font-size: 19px}.contact-place .place p{font-size: 15.5px;color: var(--ink-soft)}.contact-place .place .text-link{justify-self: start}.contact-place .place .text-link svg{margin-left: 6px}@media (max-width: 1024px){.contact-place .place-band{grid-template-columns: minmax(0, 1fr)}.contact-place .map-ph{min-height: 260px}}@media (max-width: 760px){.contact-place .place-band{padding: var(--s-6) var(--s-4)}}@media (max-width: 560px){.contact-place .place-band{padding: var(--s-5) var(--s-3);border-radius: var(--r-md)}.contact-place .place{padding: var(--s-4)}.contact-place .map-ph{min-height: 220px}}
.contact-answers .answers-head{margin-bottom: var(--s-6)}.contact-answers .answers-head p{margin-top: var(--s-2);max-width: 52ch;color: var(--ink-soft)}.contact-answers .answers-grid{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: var(--s-6) var(--s-5)}.contact-answers .answer{display: grid;gap: var(--s-1);align-content: start}.contact-answers .answer h3{font-size: 19px;margin-bottom: var(--s-1)}.contact-answers .answer p{font-size: 15.5px;color: var(--ink-soft)}.contact-answers .answer .text-link{justify-self: start}@media (max-width: 760px){.contact-answers .answers-grid{grid-template-columns: minmax(0, 1fr)}}