.phone-input-container{background:#ffffff08;border:1px solid #ffffff1f;border-radius:12px;align-items:center;gap:10px;padding:0 12px;transition:all .3s;display:flex}.phone-input-container:focus-within{background:#fe3b3926;border-color:#fe3b39;box-shadow:0 0 0 4px #fe3b391a}.phone-input-container.input-error{background:#fe3b390d;border-color:#fe3b39}.phone-input-container.is-valid{background:#22c55e0a;border-color:#22c55e}.phone-input-container.is-valid:focus-within{border-color:#22c55e;box-shadow:0 0 0 4px #22c55e1a}.country-selector{flex-shrink:0;position:relative}.country-btn{color:#fff;cursor:pointer;background:0 0;border:none;border-right:1px solid #ffffff1f;align-items:center;gap:.5rem;padding:.85rem .75rem .85rem .5rem;font-family:inherit;font-size:.95rem;font-weight:600;display:flex}.country-btn .flag-icon{object-fit:cover;filter:drop-shadow(0 2px 4px #0000004d);border-radius:2px;flex-shrink:0;width:24px;height:18px}.country-dropdown{z-index:100;background:#1a1a1a;border:1px solid #ffffff1f;border-radius:12px;flex-direction:column;width:260px;max-height:320px;display:flex;position:absolute;top:calc(100% + 10px);left:0;overflow:hidden;box-shadow:0 10px 25px #00000080}.country-search-wrapper{border-bottom:1px solid #ffffff1f;flex-shrink:0;align-items:center;padding:.5rem;display:flex;position:relative}.country-search-icon{color:#fff6;pointer-events:none;position:absolute;left:1rem}.country-search-input{color:#fff;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:8px;outline:none;width:100%;padding:.55rem .75rem .55rem 2.1rem;font-family:inherit;font-size:.9rem;transition:border-color .2s}.country-search-input:focus{border-color:#fe3b39}.country-search-input::placeholder{color:#fff6}.country-options-list{padding:.5rem;overflow-y:auto}.country-no-results{text-align:center;color:#fff6;padding:1rem;font-size:.85rem}.country-option{color:#fff9;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;font-family:inherit;transition:all .2s;display:flex}.country-option:hover{color:#fff;background:#ffffff0d}.country-option .option-flag{object-fit:cover;border-radius:2px;flex-shrink:0;width:20px;height:15px;box-shadow:0 1px 3px #0006}.country-option .country-name{flex:1;font-size:.9rem}.country-option .country-code{opacity:.6;font-size:.85rem}.phone-input{color:#fff;background:0 0;border:none;outline:none;flex:1;width:100%;padding:1rem .5rem;font-family:inherit;font-size:1rem}.phone-valid-icon{flex-shrink:0}
:root{--primary-accent:#fe3b39;--primary-accent-hover:#fe7776;--glass-bg:#ffffff0d;--glass-border:#ffffff1f;--glass-input-bg:#ffffff08;--glass-input-focus:#fe3b3926;--text-main:#fff;--text-muted:#fff9;--text-dim:#fff6}.contact-section{box-sizing:border-box;min-height:100dvh;color:var(--text-main);background-color:#000;justify-content:center;align-items:center;padding:5rem 2rem 7rem;display:flex;position:relative;overflow:hidden}.contact-section:before{content:"";filter:brightness(.55)contrast(1.25)saturate(1.25);z-index:0;pointer-events:none;background-image:url(/contact-us.webp);background-position:50%;background-size:cover;background-attachment:scroll;position:absolute;inset:0}.contact-section:after{content:"";filter:blur(80px);z-index:0;pointer-events:none;background:radial-gradient(circle,#fe3b391a 0%,#0000 70%);width:300px;height:300px;position:absolute;top:50%;right:0;transform:translate(50%)}.contact-grid{z-index:1;grid-template-columns:1fr 1.1fr;align-items:center;gap:4rem;width:100%;max-width:1250px;margin:0 auto;display:grid;position:relative}.contact-info{flex-direction:column;gap:1.5rem;display:flex}.contact-back-link{color:var(--text-muted);align-items:center;gap:.75rem;width:fit-content;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.contact-back-link:hover{color:var(--primary-accent);transform:translate(-5px)}.contact-info-content{flex-direction:column;gap:1.25rem;display:flex}.contact-label{color:var(--primary-accent);letter-spacing:.25em;text-transform:uppercase;font-size:.75rem;font-weight:700}.contact-title{letter-spacing:-.01em;font-size:3.25rem;font-weight:800;line-height:1.1}.contact-title span{color:var(--primary-accent);display:inline-block;position:relative}.contact-subtitle{color:var(--text-muted);max-width:540px;font-size:1.2rem;line-height:1.7}.contact-details{border-top:1px solid #ffffff1a;flex-direction:column;gap:1.5rem;margin-top:1rem;padding-top:2rem;display:flex}.contact-item{flex-direction:column;gap:.5rem;display:flex}.contact-item-label{color:var(--text-dim);letter-spacing:.1em;text-transform:uppercase;font-size:.75rem;font-weight:700}.contact-link{color:var(--text-muted);font-weight:500;text-decoration:none;transition:color .3s}.contact-link:hover{color:var(--primary-accent)}.consultoria-cta{width:fit-content;max-width:100%;color:var(--text-main);background:#fe3b390f;border:1px solid #fe3b3947;border-radius:14px;align-items:center;gap:.85rem;padding:.7rem 1.1rem .7rem .75rem;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex}.consultoria-cta-icon{width:38px;height:38px;color:var(--primary-accent);background:#fe3b3926;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.consultoria-cta-text{text-align:left;flex-direction:column;gap:.3rem;display:flex}.consultoria-cta-title{color:var(--text-main);font-size:.9rem;font-weight:700;line-height:1.1}.consultoria-cta-sub{color:var(--text-muted);font-size:.75rem;font-weight:500;line-height:1.1}.consultoria-cta-arrow{color:var(--text-dim);flex-shrink:0;transition:all .25s cubic-bezier(.4,0,.2,1)}.consultoria-cta:hover{background:#fe3b391f;border-color:#fe3b398c;transform:translateY(-2px);box-shadow:0 10px 24px #fe3b392e}.consultoria-cta:hover .consultoria-cta-icon{background:var(--primary-accent);color:#fff}.consultoria-cta:hover .consultoria-cta-arrow{color:var(--primary-accent);transform:translate(3px)}.contact-social{flex-direction:column;gap:.75rem;display:flex}.contact-form-wrapper{-webkit-backdrop-filter:blur(20px);background:linear-gradient(145deg,#232323b3 0%,#0f0f0fe6 100%);border:1px solid #ffffff14;border-radius:20px;padding:2.5rem 3rem;position:relative;overflow:visible;box-shadow:0 25px 50px #00000080,inset 0 1px #ffffff0d}.contact-form-wrapper:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);height:1px;position:absolute;top:0;left:0;right:0}.form-header{margin-bottom:1.5rem}.contact-form-wrapper h3{background:linear-gradient(90deg,#fff,#ffffffb3);-webkit-text-fill-color:transparent;text-shadow:0 2px 10px #0003;-webkit-background-clip:text;background-clip:text;margin-bottom:.4rem;font-size:2rem;font-weight:800}.contact-form-subtitle{color:var(--text-muted);margin:0;font-size:1rem}.contact-form{flex-direction:column;gap:1.25rem;display:flex}.contact-form-group{flex-direction:column;gap:.5rem;display:flex}.contact-form-group label{color:var(--text-dim);letter-spacing:.1em;text-transform:uppercase;font-size:.75rem;font-weight:700}.contact-form-group label:after{content:" "}.contact-form-group label:has(+input:required):after{content:" *";color:var(--primary-accent)}.contact-form-group label:has(+div>input:required):after{content:" *";color:var(--primary-accent)}.contact-form-group label:has(+textarea:required):after{content:" *";color:var(--primary-accent)}.contact-form-group label:has(+div>textarea:required):after{content:" *";color:var(--primary-accent)}.label-optional{text-transform:none;color:var(--text-dim);opacity:.7;letter-spacing:0;font-weight:500}.contact-input,.contact-textarea{width:100%;color:var(--text-main);background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;outline:none;padding:.9rem 1.1rem;font-family:inherit;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 2px 4px #0000001a}.contact-input:hover,.contact-textarea:hover{border-color:#fff3}.contact-input:focus,.contact-textarea:focus{background-color:#ffffff12;border-color:#fe3b3999;outline:none;box-shadow:0 0 0 4px #fe3b3926,inset 0 2px 4px #0000001a}.contact-textarea{resize:none;min-height:120px}.input-error{background:#ff55550d!important;border-color:#ff555580!important}.field-error{color:#f55;margin-top:.25rem;font-size:.8rem;font-weight:500}.field-with-check{width:100%;position:relative}.field-with-check .contact-input{padding-right:2.75rem}.field-with-check.is-valid .contact-input{border-color:#22c55e73}.field-with-check.is-valid .contact-input:focus{background-color:#22c55e0d;border-color:#22c55e;box-shadow:0 0 0 4px #22c55e1f,inset 0 2px 4px #0000001a}.field-valid-icon{color:#22c55e;pointer-events:none;animation:.25s field-check-pop;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.textarea-wrapper.is-valid .contact-textarea{border-color:#22c55e73}.textarea-wrapper.is-valid .contact-textarea:focus{background-color:#22c55e0d;border-color:#22c55e;box-shadow:0 0 0 4px #22c55e1f,inset 0 2px 4px #0000001a}.textarea-valid-icon{animation:.25s field-check-fade;top:.9rem;right:.9rem;transform:none}@keyframes field-check-pop{0%{opacity:0;transform:translateY(-50%)scale(.6)}to{opacity:1;transform:translateY(-50%)scale(1)}}@keyframes field-check-fade{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.contact-form-row{grid-template-columns:1fr 1fr;gap:1.5rem;width:100%;display:grid}.contact-status-error{color:#f55;text-align:center;background:#ff55551a;border:1px solid #f553;border-radius:8px;margin:0;padding:.75rem 1rem;font-size:.9rem}.message-group .textarea-wrapper{width:100%;position:relative}.emoji-btn{color:#fff6;cursor:pointer;z-index:2;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;font-size:1.4rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;bottom:.75rem;right:.75rem}.emoji-btn:hover{color:var(--primary-accent);background:#ffffff0d;transform:scale(1.1)}.emoji-picker-container{z-index:20;border:1px solid #ffffff1a;border-radius:12px;width:280px;animation:.2s cubic-bezier(.4,0,.2,1) fadeInScale;position:absolute;bottom:3.5rem;right:0;overflow:visible;box-shadow:0 15px 35px #000000b3}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.emoji-picker-container .EmojiPickerReact{--epr-scrollbar-color:var(--primary-accent)!important;--epr-bg-color:#1a1a1a!important;border:none!important}.contact-submit-btn{color:#fff;letter-spacing:.02em;cursor:pointer;background:#fe3b39;border:none;border-radius:3rem;justify-content:center;align-items:center;gap:.65rem;width:100%;margin-top:.75rem;padding:1rem 2rem;font-family:inherit;font-size:.95rem;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 24px #fe3b394d,0 1px 4px #fe3b3933}.contact-submit-btn:hover{background:#e03230;transform:translateY(-2px);box-shadow:0 8px 32px #fe3b3966,0 2px 8px #fe3b3940}.contact-submit-btn:active{transform:translateY(0);box-shadow:0 2px 12px #fe3b394d}.contact-submit-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.btn-loading{align-items:center;gap:.75rem;display:flex}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.contact-success-state{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;padding:2.5rem 0;display:flex}.success-icon{color:#fff;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;animation:.5s cubic-bezier(.175,.885,.32,1.275) successPulse;display:flex;box-shadow:0 10px 20px #10b98133}@keyframes successPulse{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.contact-success-state h4{color:#fff;margin:0;font-size:1.75rem;font-weight:800}.contact-success-state p{color:var(--text-muted);max-width:400px;margin:0;font-size:1.1rem;line-height:1.6}.success-actions{flex-direction:column;gap:.75rem;width:100%;max-width:340px;margin-top:1.5rem;display:flex}.contact-success-state button,.whatsapp-btn{cursor:pointer;border:none;border-radius:3rem;justify-content:center;align-items:center;gap:.6rem;padding:.85rem 1.5rem;font-family:inherit;font-size:.88rem;font-weight:600;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.contact-success-state button{color:#fffc;background:#ffffff0f;border:1px solid #ffffff1f}.contact-success-state button:hover{color:#fff;background:#ffffff1a;border-color:#ffffff40}.whatsapp-btn{color:#fff;background:#25d366;box-shadow:0 4px 20px #25d36640}.whatsapp-btn:hover{background:#20bd5a;transform:translateY(-1px);box-shadow:0 6px 24px #25d36659}.contact-info-mobile{display:none}@media (max-width:1024px){.contact-grid{text-align:center;grid-template-columns:1fr;gap:3rem}.contact-title{font-size:clamp(2.5rem,8vw,3.5rem)}.contact-form-wrapper{padding:2.5rem 2rem}.contact-subtitle{margin:0 auto}}@media (max-width:768px){.contact-section{padding:5rem 1.25rem 7rem}.contact-grid{flex-direction:column;gap:2.5rem;display:flex}.contact-info{order:1;align-items:center}.contact-back-link{border:1px solid var(--glass-border);background:#ffffff0d;border-radius:50%;justify-content:center;width:44px;height:44px;margin-bottom:.5rem;padding:0}.contact-back-link span{display:none}.contact-title{font-size:2.75rem}.contact-subtitle,.contact-info .contact-details{display:none}.contact-form-wrapper{order:2;width:100%;padding:2rem 1.25rem}.contact-form-row{grid-template-columns:1fr;gap:1.25rem}.contact-info-mobile{border-top:1px solid #ffffff1a;order:3;width:100%;margin-top:1rem;padding-top:2rem;display:block}.contact-info-mobile .contact-details{border-top:none;flex-direction:column;align-items:center;gap:1.75rem;margin-top:0;padding-top:0;display:flex}.contact-info-mobile .contact-item,.contact-info-mobile .contact-social{text-align:center;align-items:center}}@media (max-width:480px){.form-header{display:none}}.estado-personaje{justify-content:center;margin-bottom:-.5rem;display:flex}.estado-personaje img{filter:drop-shadow(0 1rem 1.5rem #00000080);width:12rem;height:auto}.contact-status-error{background-color:#e10e0714;border:1px solid #e10e0759;border-radius:.85rem;align-items:center;gap:.85rem;padding:.85rem 1rem;display:flex}.contact-status-error img{object-fit:cover;border-radius:.6rem;flex-shrink:0;width:3.5rem;height:3.5rem}.contact-status-error p{margin:0;font-size:.9rem;line-height:1.4}
