:root{--rosa:#cca9ae;--beige-oscuro:#d8ccb9;--beige-claro:#e9e5e1;--gris:#a4a4a4;--radius:12px;--shadow:0 10px 30px rgba(0,0,0,.06);--ring:0 0 0 3px rgba(204,169,174,.25)}.color-scheme,.contact{background:var(--beige-claro)}.contact.page-width{padding-left:clamp(1rem,3vw,2rem);padding-right:clamp(1rem,3vw,2rem)}.contact .title{color:#2b2b2b;font-weight:700;letter-spacing:.02em;text-transform:uppercase;padding-bottom:.5rem;margin-bottom:1.25rem;border-bottom:2px solid var(--beige-oscuro)}.contact .form__message{display:flex;align-items:flex-start;gap:.5rem;color:#3a2e31;margin:.5rem 0 0}.contact .icon-success{margin-top:.2rem}.contact__fields{display:grid;gap:1rem}@media (min-width:750px){.contact__fields{grid-template-columns:repeat(2,1fr);gap:1.25rem 2rem}}.contact .field{margin-bottom:1rem}@media (min-width:750px){.contact .field{margin-bottom:1.25rem}}.contact .field__input,.contact input[type=text],.contact input[type=email],.contact input[type=tel],.contact textarea{width:100%;height:56px;padding:0 1rem;border:1px solid var(--beige-oscuro);border-radius:var(--radius);background:#fff;color:#2b2b2b;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.contact textarea{min-height:140px;padding:.75rem 1rem;resize:vertical}.contact ::placeholder{color:var(--gris);opacity:1}.contact .field__input:hover,.contact input:hover,.contact textarea:hover{border-color:var(--rosa)}.contact .field__input:focus,.contact input:focus,.contact textarea:focus{border-color:var(--rosa);box-shadow:var(--ring)}.contact .field__input[aria-invalid=true],.contact .field--error .field__input,.contact input:invalid{border-color:#c24848;box-shadow:0 0 0 3px #c248481f}.contact .field__label{position:absolute;left:14px;top:50%;transform:translateY(-50%);background:#fff;padding:0 .35rem;color:var(--gris);pointer-events:none;transition:transform .15s ease,font-size .15s ease,top .15s ease,color .15s ease}.contact .field__input:not(:placeholder-shown)+.field__label,.contact .field__input:focus+.field__label,.contact textarea:focus+.field__label,.contact textarea:not(:placeholder-shown)+.field__label{top:-10px;transform:none;font-size:.8rem;color:#3a2e31}.contact__button{margin-top:2rem}@media (min-width:750px){.contact__button{margin-top:2.25rem}}.contact .button{display:inline-flex;align-items:center;justify-content:center;min-width:180px;height:52px;padding:0 1.25rem;border:1px solid var(--rosa);border-radius:999px;background:var(--rosa);color:#fff;font-weight:600;letter-spacing:.02em;text-decoration:none;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,background-color .2s ease,border-color .2s ease}.contact .button:hover{transform:translateY(-1px);box-shadow:0 8px 20px #0000001f}.contact .button:active{transform:translateY(0);box-shadow:none}.contact .button:focus-visible{outline:none;box-shadow:var(--ring)}.contact .field:after{display:none!important}.contact .field{position:relative}.contact .field__label{position:absolute;left:16px;top:50%;transform:translateY(-50%);background:#fff;padding:0 .35rem;color:var(--gris);pointer-events:none;transition:top .15s ease,transform .15s ease,font-size .15s ease,color .15s ease}.contact textarea+.field__label{top:18px;transform:none}.contact .field__input:not(:placeholder-shown)+.field__label,.contact .field__input:focus+.field__label,.contact textarea:not(:placeholder-shown)+.field__label,.contact textarea:focus+.field__label{top:-10px;transform:none;font-size:.8rem;color:#3a2e31}.contact .field__input::placeholder,.contact textarea::placeholder{color:transparent;transition:color .15s ease}.contact .field__input:focus::placeholder,.contact textarea:focus::placeholder{color:var(--gris)}.contact .field__input,.contact input[type=text],.contact input[type=email],.contact input[type=tel]{padding-top:1.1rem;padding-bottom:.9rem}.contact .button{outline:none!important;box-shadow:none;border:1px solid var(--rosa);background:var(--rosa);color:#fff}.contact .button:before,.contact .button:after{content:none!important}.contact .button:focus,.contact .button:focus-visible{outline:none!important;box-shadow:0 0 0 3px #cca9ae40}.contact__button{border:0!important;outline:0!important}.contact .page-width,.contact.page-width{padding-inline:clamp(12px,4.5vw,80px)!important;box-sizing:border-box}@media (max-width: 380px){.contact{padding-block:20px!important}.contact .page-width,.contact.page-width{padding-inline:10px!important}}@media (min-width: 1440px){.contact .page-width,.contact.page-width{padding-inline:min(6vw,120px)!important}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-contact-form.css.map */