@charset "UTF-8";.login-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center;min-height:100vh;background:linear-gradient(135deg,#fdf7f5,#eddcd9)}.form_area{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background-color:#eddcd9;padding:40px 50px;border:3px solid #264143;border-radius:30px;-webkit-box-shadow:0 20px 60px rgba(0,0,0,.15);box-shadow:0 20px 60px #00000026;max-width:440px;width:100%;position:relative}.form_area:before{content:"";display:block;width:80px;height:80px;background:#ffb700;border-radius:50%;margin:0 auto 15px;-webkit-box-shadow:0 8px 20px rgba(255,187,1,.3);box-shadow:0 8px 20px #ffbb014d;background-image:url(https://tindk9.com/images/pup.png);background-size:50px;background-position:center;background-repeat:no-repeat}.title{color:#264143;font-weight:900;font-size:2em;margin-bottom:5px;letter-spacing:1px}.title:before{content:"TindK9";display:block;font-size:1.6em;color:#264143;margin-bottom:10px}.title:after{content:"";display:block;width:60px;height:3px;background:linear-gradient(135deg,#de5499,#e99f4c);margin:15px auto;border-radius:2px}.sub_title{font-weight:700;color:#264143;margin-bottom:8px;font-size:14px;display:block;text-align:left}.form_group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;margin-bottom:20px;width:100%}.form_style{outline:none;border:2px solid #264143;width:100%;padding:14px 16px;border-radius:12px;font-size:15px;font-weight:500;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .3s ease;transition:all .3s ease;background-color:#fdf7f5}.form_style:focus{border-color:#de5499;-webkit-box-shadow:0 0 0 3px rgba(222,84,153,.1);box-shadow:0 0 0 3px #de54991a;background-color:#fff}.form_style::-webkit-input-placeholder{color:#999}.form_style::-moz-placeholder{color:#999}.form_style:-ms-input-placeholder{color:#999}.form_style::-ms-input-placeholder{color:#999}.form_style::placeholder{color:#999}.btn{padding:16px;margin:25px 0 15px;width:100%;font-size:16px;background:linear-gradient(135deg,#de5499,#e99f4c);border-radius:12px;font-weight:800;-webkit-box-shadow:0 8px 20px rgba(222,84,153,.3);box-shadow:0 8px 20px #de54994d;cursor:pointer;border:none;color:#fff;text-transform:uppercase;letter-spacing:1px;-webkit-transition:all .3s ease;transition:all .3s ease}.btn:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 12px 25px rgba(222,84,153,.4);box-shadow:0 12px 25px #de549966}.btn:active{-webkit-transform:translateY(0);transform:translateY(0)}.btn:disabled{background:#ccc;cursor:not-allowed;-webkit-box-shadow:none;box-shadow:none}.btn:before{content:"🐾 "}.link{font-weight:800;color:#de5499;text-decoration:none;-webkit-transition:all .2s ease;transition:all .2s ease}.link:hover{text-decoration:underline;color:#c4487d}.validation-error{color:#c41e3a;font-size:12px;margin-top:5px;display:block;text-align:left}.form_area p[style*="color: red"]{color:#c41e3a!important;font-weight:600!important;margin-bottom:20px!important;padding:12px 15px!important;background-color:#ffe6e6!important;border-radius:12px!important;border:2px solid #ffb3b3!important;font-size:14px!important}.form_area p[style*="color: green"]{color:#2d7a2d!important;font-weight:600!important;margin-bottom:20px!important;padding:12px 15px!important;background-color:#e6ffe6!important;border-radius:12px!important;border:2px solid #b3ffb3!important;font-size:14px!important}*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.new-landing{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;color:#264143;overflow-x:hidden}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:1.5rem 0;-webkit-transition:all .3s ease;transition:all .3s ease;background:transparent}.navbar-scrolled{background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-box-shadow:0 2px 20px rgba(0,0,0,.05);box-shadow:0 2px 20px #0000000d;padding:1rem 0}.navbar-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.navbar-logo{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:900;color:#264143}.navbar-menu{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:2rem}.logo-icon{font-size:2rem}.nav-link{color:#666;text-decoration:none;font-weight:500;-webkit-transition:all .3s ease;transition:all .3s ease}.nav-link:hover{color:#de5499}.nav-cta{padding:.75rem 1.5rem;background:linear-gradient(135deg,#de5499,#e99f4c);color:#fff;border:none;border-radius:50px;font-weight:600;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-box-shadow:0 5px 15px rgba(222,84,153,.3);box-shadow:0 5px 15px #de54994d}.nav-cta:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 8px 20px rgba(222,84,153,.4);box-shadow:0 8px 20px #de549966}.hero{padding:10rem 2rem 6rem;background:linear-gradient(135deg,#fff5f9,#fff9e5);position:relative;overflow:hidden}.hero-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.hero-content{-webkit-animation:fadeInUp .8s ease;animation:fadeInUp .8s ease}.hero-badge{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;border-radius:50px;color:#de5499;font-weight:600;font-size:.9rem;margin-bottom:2rem;-webkit-box-shadow:0 5px 15px rgba(222,84,153,.1);box-shadow:0 5px 15px #de54991a}.hero-title{font-size:3.5rem;font-weight:900;line-height:1.1;color:#264143;margin-bottom:1.5rem}.hero-subtitle{font-size:1.25rem;color:#666;line-height:1.7;margin-bottom:2.5rem}.hero-cta{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1rem;margin-bottom:3rem}.hero-stats{display:-webkit-box;display:-ms-flexbox;display:flex;gap:3rem}.hero-visual{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-animation:fadeInRight 1s ease;animation:fadeInRight 1s ease}.hero-wave{position:absolute;bottom:-1px;left:0;right:0;width:100%}.hero-wave svg{width:100%;height:auto;display:block}.badge-icon{font-size:1.2rem}.btn-primary{padding:1.25rem 2.5rem;background:linear-gradient(135deg,#de5499,#e99f4c);color:#fff;border:none;border-radius:50px;font-size:1.1rem;font-weight:700;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.5rem;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-box-shadow:0 10px 30px rgba(222,84,153,.3);box-shadow:0 10px 30px #de54994d}.btn-primary:hover{-webkit-transform:translateY(-3px);transform:translateY(-3px);-webkit-box-shadow:0 15px 40px rgba(222,84,153,.4);box-shadow:0 15px 40px #de549966}.btn-primary:hover .btn-icon{-webkit-transform:translateX(5px);transform:translate(5px)}.btn-primary .btn-icon{-webkit-transition:all .3s ease;transition:all .3s ease}.btn-secondary{padding:1.25rem 2.5rem;background:#fff;color:#264143;border:2px solid #264143;border-radius:50px;font-size:1.1rem;font-weight:600;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.5rem;-webkit-transition:all .3s ease;transition:all .3s ease}.btn-secondary:hover{background:#264143;color:#fff}.play-icon{font-size:.8rem}.stat-item{text-align:left}.stat-number{font-size:2.5rem;font-weight:900;background:linear-gradient(135deg,#de5499,#e99f4c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:.9rem;color:#666;font-weight:600}.phone-mockup{position:relative;z-index:2}.phone-frame{width:300px;height:600px;background:#264143;border-radius:40px;padding:12px;-webkit-box-shadow:0 30px 80px rgba(0,0,0,.3);box-shadow:0 30px 80px #0000004d;position:relative}.phone-notch{position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%);width:120px;height:25px;background:#264143;border-radius:0 0 20px 20px;z-index:10}.phone-screen{width:100%;height:100%;border-radius:32px;overflow:hidden;position:relative;background:#fff}.phone-screen img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.screen-overlay{position:absolute;bottom:0;left:0;right:0;padding:2rem;background:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.7)),to(transparent));background:linear-gradient(to top,rgba(0,0,0,.7),transparent)}.swipe-buttons-demo{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:2rem}.swipe-btn-demo{width:60px;height:60px;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-box-shadow:0 5px 20px rgba(0,0,0,.3);box-shadow:0 5px 20px #0000004d;-webkit-animation:pulse 2s ease-in-out infinite;animation:pulse 2s ease-in-out infinite}.swipe-btn-demo.like{background:#4caf50e6}.swipe-btn-demo.dislike{background:#f44336e6}.floating-card{position:absolute;background:#fff;border-radius:12px;padding:1rem;-webkit-box-shadow:0 20px 60px rgba(0,0,0,.15);box-shadow:0 20px 60px #00000026;-webkit-animation:float 3s ease-in-out infinite;animation:float 3s ease-in-out infinite}.floating-card.card-1{top:10%;right:-20%;-webkit-animation-delay:0s;animation-delay:0s}.floating-card.card-2{bottom:15%;left:-15%;-webkit-animation-delay:1.5s;animation-delay:1.5s}.mini-profile{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.75rem}.mini-profile img{width:50px;height:50px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.mini-name{font-weight:700;color:#264143;font-size:.9rem}.mini-badge{font-size:.75rem;color:#666}.features{padding:6rem 2rem;background:#fffaf8}.features-container{max-width:1200px;margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.section-header{text-align:center;margin-bottom:4rem}.section-badge{display:inline-block;padding:.5rem 1rem;background:#de54991a;color:#de5499;border-radius:50px;font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:1rem}.section-title{font-size:2.5rem;font-weight:900;color:#264143;margin-bottom:1rem}.section-description{font-size:1.1rem;color:#666;max-width:600px;margin:0 auto;line-height:1.7}.feature-card{background:#fff;border-radius:20px;padding:2rem;-webkit-transition:all .3s ease;transition:all .3s ease;border:1px solid transparent}.feature-card:hover{-webkit-transform:translateY(-10px);transform:translateY(-10px);-webkit-box-shadow:0 20px 60px rgba(0,0,0,.15);box-shadow:0 20px 60px #00000026;border-color:#de5499}.feature-icon{margin-bottom:1.5rem}.icon-wrapper{width:70px;height:70px;border-radius:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:2rem}.gradient-1{background:linear-gradient(135deg,#ff6b9d,#ffa5c3)}.gradient-2{background:linear-gradient(135deg,#4facfe,#00f2fe)}.gradient-3{background:linear-gradient(135deg,#43e97b,#38f9d7)}.gradient-4{background:linear-gradient(135deg,#fa709a,#fee140)}.gradient-5{background:linear-gradient(135deg,#a8edea,#fed6e3)}.gradient-6{background:linear-gradient(135deg,#ffd3a5,#fd6585)}.feature-title{font-size:1.3rem;font-weight:700;color:#264143;margin-bottom:.75rem}.feature-description{color:#666;line-height:1.6}.how-it-works{padding:6rem 2rem;background:#fff}.how-container{max-width:1200px;margin:0 auto}.steps-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:4rem;margin-top:4rem}.step{display:grid;grid-template-columns:auto 1fr 1fr;gap:2rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}.step-reverse{grid-template-columns:auto 1fr 1fr}.step-reverse .step-visual{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.step-number{font-size:5rem;font-weight:900;background:linear-gradient(135deg,#de5499,#e99f4c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:.3}.step-content{padding:2rem}.step-title{font-size:2rem;font-weight:800;color:#264143;margin-bottom:1rem}.step-description{font-size:1.1rem;color:#666;line-height:1.7}.step-visual{position:relative}.step-image{border-radius:20px;overflow:hidden;-webkit-box-shadow:0 20px 60px rgba(0,0,0,.15);box-shadow:0 20px 60px #00000026;-webkit-transition:all .3s ease;transition:all .3s ease}.step-image:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.step-image img{width:100%;height:300px;-o-object-fit:cover;object-fit:cover;display:block}.testimonials{padding:6rem 2rem;background:#fffaf8}.testimonials-container{max-width:1200px;margin:0 auto}.testimonials-slider{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:4rem}.testimonial-card{background:#fff;border-radius:20px;padding:2rem;-webkit-box-shadow:0 10px 30px rgba(0,0,0,.1);box-shadow:0 10px 30px #0000001a;-webkit-transition:all .3s ease;transition:all .3s ease;opacity:.7}.testimonial-card.active{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05);-webkit-box-shadow:0 20px 60px rgba(0,0,0,.15);box-shadow:0 20px 60px #00000026}.testimonial-rating{font-size:1.2rem;margin-bottom:1rem}.testimonial-text{font-size:1rem;color:#666;line-height:1.7;margin-bottom:1.5rem;font-style:italic}.testimonial-author{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1rem}.testimonial-author img{width:50px;height:50px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.author-name{font-weight:700;color:#264143}.author-location{font-size:.9rem;color:#666}.slider-dots{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:.5rem;margin-top:2rem}.dot{width:10px;height:10px;border-radius:50%;background:#f5f5f5;border:none;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease}.dot.active{background:#de5499;width:30px;border-radius:5px}.cta-section{padding:6rem 2rem;background:linear-gradient(135deg,#264143,#1a2f31)}.cta-container{max-width:800px;margin:0 auto}.cta-content{text-align:center;color:#fff}.cta-title{font-size:3rem;font-weight:900;margin-bottom:1rem}.cta-description{font-size:1.2rem;opacity:.9;margin-bottom:2rem;line-height:1.7}.btn-cta{padding:1.5rem 3rem;background:linear-gradient(135deg,#de5499,#e99f4c);color:#fff;border:none;border-radius:50px;font-size:1.2rem;font-weight:700;cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1rem;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-box-shadow:0 15px 40px rgba(222,84,153,.4);box-shadow:0 15px 40px #de549966;margin-bottom:2rem}.btn-cta:hover{-webkit-transform:translateY(-3px);transform:translateY(-3px);-webkit-box-shadow:0 20px 50px rgba(222,84,153,.5);box-shadow:0 20px 50px #de549980}.cta-benefits{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:2rem;-ms-flex-wrap:wrap;flex-wrap:wrap;color:#fff}.beneficios{color:#fff}.benefit{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.5rem;font-weight:600}.check{color:#4caf50;font-size:1.2rem}.footer{background:#1a2f31;color:#fff;padding:4rem 2rem 2rem}.footer-container{max-width:1200px;margin:0 auto}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;margin-bottom:3rem}.footer-brand{max-width:300px}.footer-logo{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:900;margin-bottom:1rem}.footer-tagline{color:#ffffffb3;line-height:1.6;margin-bottom:1.5rem}.footer-column h4{margin-bottom:1rem;font-size:1rem;font-weight:700}.footer-column a{display:block;color:#ffffffb3;text-decoration:none;margin-bottom:.75rem;-webkit-transition:all .3s ease;transition:all .3s ease}.footer-column a:hover{color:#fff;-webkit-transform:translateX(5px);transform:translate(5px)}.footer-bottom{padding-top:2rem;border-top:1px solid rgba(255,255,255,.1);text-align:center;color:#ffffff80}.social-links{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1rem}.social-link{color:#ffffffb3;text-decoration:none;-webkit-transition:all .3s ease;transition:all .3s ease}.social-link:hover{color:#fff}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(30px);transform:translate(30px)}to{opacity:1;-webkit-transform:translateX(0);transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(30px);transform:translate(30px)}to{opacity:1;-webkit-transform:translateX(0);transform:translate(0)}}@-webkit-keyframes float{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}@-webkit-keyframes pulse{0%,to{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes pulse{0%,to{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}}@media(max-width:1024px){.hero-container{grid-template-columns:1fr;text-align:center}.hero-cta,.hero-stats{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.hero-visual{margin-top:3rem}.floating-card{display:none}.step{grid-template-columns:1fr;text-align:center}.step-reverse .step-visual{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.step-number{margin:0 auto}.testimonials-slider{grid-template-columns:1fr}.footer-content{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1;max-width:100%;text-align:center}}@media(max-width:768px){.navbar-menu{gap:1rem}.nav-link{display:none}.hero{padding:8rem 1rem 4rem}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.hero-cta{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.hero-stats{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1.5rem}.btn-primary,.btn-secondary{width:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.section-title{font-size:2rem}.features-grid{grid-template-columns:1fr}.phone-frame{width:250px;height:500px}.cta-title{font-size:2rem}.cta-benefits{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1rem}.footer-content{grid-template-columns:1fr;text-align:center}.social-links{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.footer-column a:hover{-webkit-transform:none;transform:none}}.home-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-height:100vh;background:linear-gradient(135deg,#fff5f9,#fff9e5);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}.home-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:1.5rem 2rem;background:linear-gradient(135deg,#de5499,#e99f4c);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:none;-webkit-box-shadow:0 4px 20px rgba(222,84,153,.3);box-shadow:0 4px 20px #de54994d;position:sticky;top:0;z-index:100}.home-header:after{content:"";position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%);width:80%;height:2px;background:#ffffff4d;border-radius:10px}.header-logo-section{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.75rem}.logo-icon-img{-webkit-transition:all .3s ease;transition:all .3s ease;border:3px solid #FFFFFF;-webkit-box-shadow:0 4px 15px rgba(0,0,0,.2);box-shadow:0 4px 15px #0003}.logo-icon-img:hover{-webkit-transform:scale(1.1) rotate(5deg);transform:scale(1.1) rotate(5deg)}.home-title{font-size:1.8rem;font-weight:900;color:#fff;letter-spacing:-.5px;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.profile{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.75rem;background:transparent;padding:0;border-radius:0}.profile button{padding:.75rem 1.5rem;cursor:pointer;border:2px solid transparent;border-radius:50px;font-weight:700;font-size:.95rem;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-box-shadow:0 4px 15px rgba(0,0,0,.1);box-shadow:0 4px 15px #0000001a;position:relative;overflow:hidden}.profile button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(rgba(255,255,255,.3)),to(transparent));background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);-webkit-transition:left .5s;transition:left .5s}.profile button:hover:before{left:100%}.profile button:first-child{background:linear-gradient(135deg,#de5499,#e99f4c);color:#fff;border-color:transparent}.profile button:first-child:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 6px 20px rgba(222,84,153,.4);box-shadow:0 6px 20px #de549966}.profile button:last-child{background:#fff;color:#ff6b6b;border-color:#ff6b6b}.profile button:last-child:hover{background:#ff6b6b;color:#fff;-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 6px 20px rgba(255,107,107,.4);box-shadow:0 6px 20px #ff6b6b66}main{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:auto;padding:2rem;-webkit-animation:fadeIn .5s ease;animation:fadeIn .5s ease}main::-webkit-scrollbar{width:8px}main::-webkit-scrollbar-track{background:#f5f5f5;border-radius:10px}main::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#de5499,#e99f4c);border-radius:10px}main::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#e99f4c,#de5499)}.home-content{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:3rem 2rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;max-width:1200px;margin:0 auto}.welcome-text{font-size:2rem;font-weight:700;color:#264143;margin-bottom:1rem;-webkit-animation:slideInUp .6s ease;animation:slideInUp .6s ease}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes slideInUp{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@media(max-width:768px){.home-header{padding:1rem 1.5rem;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:1rem}.home-title{font-size:1.5rem}.profile{width:100%;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.profile button{padding:.6rem 1.2rem;font-size:.85rem}main{padding:1.5rem}.home-content{padding:2rem 1rem}.welcome-text{font-size:1.5rem}}@media(max-width:480px){.home-header{padding:1rem}.home-title{font-size:1.3rem}.profile button{padding:.5rem 1rem;font-size:.8rem}.logo-icon-img{width:35px!important;height:35px!important}}.menu{padding:.5rem;background-color:#eddcd9;position:fixed;bottom:0;left:0;right:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:15px 15px 0 0;-webkit-box-shadow:0 -2px 10px rgba(0,0,0,.1);box-shadow:0 -2px 10px #0000001a;z-index:100;border-top:2px solid #264143}.link{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:70px;height:50px;border-radius:8px;position:relative;z-index:1;overflow:hidden;-webkit-transform-origin:center left;transform-origin:center left;-webkit-transition:width .2s ease-in;transition:width .2s ease-in;text-decoration:none;color:inherit}.link:before{position:absolute;z-index:-1;content:"";display:block;border-radius:8px;width:100%;height:100%;top:0;-webkit-transform:translateX(100%);transform:translate(100%);-webkit-transition:-webkit-transform .2s ease-in;transition:-webkit-transform .2s ease-in;transition:transform .2s ease-in;transition:transform .2s ease-in,-webkit-transform .2s ease-in;-webkit-transform-origin:center right;transform-origin:center right;background-color:#eee}.link:hover,.link:focus,.link.active{outline:0;width:130px}.link:hover:before,.link:focus:before,.link.active:before{-webkit-transform:translateX(0);transform:translate(0);opacity:1}.link:hover .link-title,.link:focus .link-title,.link.active .link-title{-webkit-transform:translateX(0);transform:translate(0);opacity:1}.link.active{background-color:#de5499;color:#fff}.link.active:before{background-color:#de5499}.link-icon{width:28px;height:28px;display:block;-ms-flex-negative:0;flex-shrink:0;left:18px;position:absolute}.link-icon svg{width:28px;height:28px}.link-title{-webkit-transform:translateX(100%);transform:translate(100%);-webkit-transition:-webkit-transform .2s ease-in;transition:-webkit-transform .2s ease-in;transition:transform .2s ease-in;transition:transform .2s ease-in,-webkit-transform .2s ease-in;-webkit-transform-origin:center right;transform-origin:center right;display:block;text-align:center;text-indent:28px;width:100%;font-weight:700}.home-loading{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:60vh;font-size:1.2rem;color:#666}.home-empty{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;min-height:60vh;padding:2rem;text-align:center}.home-empty h2{color:#264143;margin-bottom:.5rem}.home-empty p{color:#666;margin-bottom:.5rem}@-webkit-keyframes bounce{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}}.empty-subtitle{font-size:.9rem;color:#999}.btn-add-first{margin-top:2rem;padding:1rem 2rem;background:#de5499;color:#fff;border:2px solid #264143;border-radius:10px;font-weight:700;font-size:1.1rem;cursor:pointer;-webkit-box-shadow:3px 3px 0px 0px #E99F4C;box-shadow:3px 3px #e99f4c;-webkit-transition:all .2s ease;transition:all .2s ease}.btn-add-first:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:5px 5px 0px 0px #E99F4C;box-shadow:5px 5px #e99f4c}.home-content-new{padding:1rem;padding-bottom:100px;max-width:1200px;margin:0 auto}.perro-destacado{margin-bottom:2rem}.perro-viewer{background:#fff;border:2px solid #264143;border-radius:15px;overflow:hidden;-webkit-box-shadow:5px 5px 0px 0px #E99F4C;box-shadow:5px 5px #e99f4c}.foto-container{position:relative;width:100%;height:400px;background:#f0f0f0;overflow:hidden}.foto-principal{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.foto-nav.foto-prev{left:10px}.foto-nav.foto-next{right:10px}.foto-indicators{position:absolute;bottom:15px;left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%);display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;z-index:10}.indicator{width:8px;height:8px;border-radius:50%;background:#ffffff80;border:1px solid #264143;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease}.indicator.active{background:#de5499;width:24px;border-radius:4px}.perro-info-card{padding:1.5rem;background:#eddcd9}.perro-header-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin-bottom:1rem}.perro-header-info h2{color:#264143;margin:0 0 .25rem;font-size:1.8rem}.perro-raza{color:#666;margin:0;font-size:1.1rem}.perro-badge{background:#de5499;color:#fff;padding:.5rem 1rem;border-radius:20px;font-weight:700;border:2px solid #264143;text-transform:capitalize}.perro-edad{color:#666;margin-bottom:1rem;font-size:1.1rem}.perro-actions-main{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1rem;margin-top:1rem}.btn-edit-main,.btn-delete-main{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:.75rem;border:2px solid #264143;border-radius:10px;font-weight:700;cursor:pointer;font-size:1rem;-webkit-transition:all .2s ease;transition:all .2s ease}.btn-edit-main:hover,.btn-delete-main:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:2px 2px 0px 0px #264143;box-shadow:2px 2px #264143}.btn-edit-main{background:#e99f4c;color:#264143}.btn-delete-main{background:#ff6b6b;color:#fff}.mis-perros-section{background:#eddcd9;border:2px solid #264143;border-radius:15px;padding:1.5rem;-webkit-box-shadow:3px 3px 0px 0px #E99F4C;box-shadow:3px 3px #e99f4c}.section-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:1rem}.section-header h3{color:#264143;margin:0}.btn-add-small{background:#de5499;color:#fff;border:2px solid #264143;padding:.5rem 1rem;border-radius:8px;font-weight:700;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease}.btn-add-small:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px)}.perros-list-horizontal{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1rem;overflow-x:auto;padding:.5rem 0}.perro-thumbnail{min-width:100px;width:100px;cursor:pointer;border:2px solid #264143;border-radius:10px;overflow:hidden;-webkit-transition:all .2s ease;transition:all .2s ease;background:#fff}.perro-thumbnail.active{border-color:#de5499;border-width:3px;-webkit-box-shadow:0 0 0 2px #E99F4C;box-shadow:0 0 0 2px #e99f4c}.perro-thumbnail:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px);-webkit-box-shadow:2px 2px 5px rgba(0,0,0,.2);box-shadow:2px 2px 5px #0003}.perro-thumbnail img{width:100%;height:100px;-o-object-fit:cover;object-fit:cover}.perro-thumbnail p{padding:.5rem;text-align:center;margin:0;font-weight:700;color:#264143;font-size:.9rem}.add-placeholder{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:#f5f5f5;border-style:dashed;min-height:140px}.add-icon{font-size:2rem;color:#de5499;margin-bottom:.5rem}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:2000;padding:1rem}.modal-limite{background:#eddcd9;border:3px solid #264143;border-radius:20px;padding:2rem;max-width:400px;width:100%;text-align:center;position:relative;-webkit-box-shadow:5px 5px 0px 0px #E99F4C;box-shadow:5px 5px #e99f4c}.modal-limite h2{color:#264143;margin-bottom:1rem}.modal-limite p{color:#666;margin-bottom:.5rem}.modal-close{position:absolute;top:10px;right:10px;background:#ff6b6b;color:#fff;border:2px solid #264143;width:30px;height:30px;border-radius:50%;font-size:1.2rem;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.modal-icon{font-size:4rem;margin-bottom:1rem}.modal-subtitle{font-size:1.1rem;margin-bottom:1.5rem}.modal-benefits{background:#fff;border:2px solid #264143;border-radius:10px;padding:1rem;margin-bottom:1.5rem}.benefit{padding:.5rem;color:#264143;font-weight:700}.btn-premium{width:100%;padding:1rem;background:linear-gradient(135deg,gold,orange);color:#264143;border:2px solid #264143;border-radius:10px;font-weight:700;font-size:1.1rem;cursor:pointer;margin-bottom:.5rem;-webkit-box-shadow:3px 3px 0px 0px #E99F4C;box-shadow:3px 3px #e99f4c;-webkit-transition:all .2s ease;transition:all .2s ease}.btn-premium:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:5px 5px 0px 0px #E99F4C;box-shadow:5px 5px #e99f4c}.btn-cancel-modal{width:100%;padding:.75rem;background:transparent;color:#666;border:none;font-size:.9rem;cursor:pointer;text-decoration:underline}.premium-badge-small{display:inline-block;background:linear-gradient(135deg,gold,orange);color:#264143;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:900;margin-left:.5rem;border:2px solid #264143;vertical-align:middle}.upgrade-message{margin-top:1.5rem;padding:1rem;background:linear-gradient(135deg,#fff5f9,#fff9e5);border:2px solid #264143;border-radius:10px;text-align:center}.upgrade-message p{margin:0;color:#264143;font-weight:600}.btn-upgrade-inline{background:linear-gradient(135deg,gold,orange);color:#264143;border:2px solid #264143;padding:.5rem 1rem;border-radius:8px;font-weight:900;cursor:pointer;margin-left:.5rem;-webkit-transition:all .2s ease;transition:all .2s ease;-webkit-box-shadow:2px 2px 0px 0px #264143;box-shadow:2px 2px #264143}.btn-upgrade-inline:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:3px 3px 0px 0px #264143;box-shadow:3px 3px #264143}.btn-upgrade-inline:active{-webkit-transform:translateY(0);transform:translateY(0);-webkit-box-shadow:1px 1px 0px 0px #264143;box-shadow:1px 1px #264143}@media(max-width:768px){.foto-container{height:300px}.perro-header-info h2{font-size:1.5rem}}.perfil-container{padding:1rem;max-width:1200px;margin:0 auto;padding-bottom:80px}.perfil-header{text-align:center;margin-bottom:2rem}.perfil-header h2{font-size:1.8rem;color:#264143}.perfil-info{background:#eddcd9;padding:1.5rem;border-radius:15px;margin-bottom:2rem;-webkit-box-shadow:0 4px 10px rgba(0,0,0,.1);box-shadow:0 4px 10px #0000001a;border:2px solid #264143}.perfil-info-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1.5rem;position:relative}.perfil-avatar{width:100px;height:100px;border-radius:50%;overflow:hidden;border:3px solid #264143;-ms-flex-negative:0;flex-shrink:0;-webkit-box-shadow:3px 3px 0px 0px #E99F4C;box-shadow:3px 3px #e99f4c}.perfil-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.avatar-placeholder{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:#eddcd9;font-size:3rem;color:#666}.perfil-datos{-webkit-box-flex:1;-ms-flex:1;flex:1}.perfil-datos h3{color:#264143;margin:0 0 .5rem;font-size:1.5rem}.perfil-email{color:#666;margin:.25rem 0;font-size:1rem}.perfil-provincia{color:#666;margin:.25rem 0;font-size:.95rem}.btn-editar-perfil{position:absolute;top:0;right:0;background:#e99f4c;color:#264143;border:2px solid #264143;width:45px;height:45px;border-radius:50%;font-size:1.2rem;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:all .2s ease;transition:all .2s ease;-webkit-box-shadow:2px 2px 0px 0px #DE5499;box-shadow:2px 2px #de5499}.btn-editar-perfil:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:3px 3px 0px 0px #DE5499;box-shadow:3px 3px #de5499}.btn-editar-perfil:active{-webkit-transform:translateY(0);transform:translateY(0);-webkit-box-shadow:1px 1px 0px 0px #DE5499;box-shadow:1px 1px #de5499}.perros-section{background:#eddcd9;padding:1.5rem;border-radius:15px;-webkit-box-shadow:0 4px 10px rgba(0,0,0,.1);box-shadow:0 4px 10px #0000001a;border:2px solid #264143}.perros-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:1.5rem}.perros-header h3{color:#264143;margin:0}.btn-add{background:#de5499;color:#fff;border:2px solid #264143;padding:.5rem 1rem;border-radius:8px;font-weight:700;cursor:pointer;-webkit-box-shadow:2px 2px 0px 0px #E99F4C;box-shadow:2px 2px #e99f4c;-webkit-transition:all .2s ease;transition:all .2s ease}.btn-add:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:3px 3px 0px 0px #E99F4C;box-shadow:3px 3px #e99f4c}.empty-state{text-align:center;padding:3rem 1rem}.empty-state p{color:#666;margin-bottom:1rem;font-size:1.1rem}.btn-primary{background:#de5499;color:#fff;border:2px solid #264143;padding:.75rem 1.5rem;border-radius:8px;font-weight:700;cursor:pointer;-webkit-box-shadow:2px 2px 0px 0px #E99F4C;box-shadow:2px 2px #e99f4c;-webkit-transition:all .2s ease;transition:all .2s ease}.btn-primary:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:3px 3px 0px 0px #E99F4C;box-shadow:3px 3px #e99f4c}.perros-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.perro-card{background:#eddcd9;border:2px solid #264143;border-radius:10px;overflow:hidden;-webkit-box-shadow:3px 3px 0px 0px #E99F4C;box-shadow:3px 3px #e99f4c;-webkit-transition:all .2s ease;transition:all .2s ease}.perro-card:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px);-webkit-box-shadow:5px 5px 0px 0px #E99F4C;box-shadow:5px 5px #e99f4c}.perro-foto{width:100%;height:200px;overflow:hidden;background:#ddd}.perro-foto img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.perro-card:hover .perro-foto img{-webkit-transform:scale(1.1);transform:scale(1.1)}.no-foto{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100%;color:#666;font-size:1.2rem}.perro-info{padding:1rem}.perro-info h4{color:#264143;margin-bottom:.5rem;font-size:1.2rem}.perro-info p{color:#666;margin:.25rem 0}.perro-size{text-transform:capitalize;font-weight:700;color:#de5499}.perro-actions{display:-webkit-box;display:-ms-flexbox;display:flex;gap:.5rem;padding:1rem;border-top:2px solid #264143}.btn-edit,.btn-delete{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:.5rem;border:2px solid #264143;border-radius:5px;font-weight:700;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease}.btn-edit:hover,.btn-delete:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:2px 2px 0px 0px #264143;box-shadow:2px 2px #264143}.btn-edit{background:#e99f4c;color:#264143}.btn-delete{background:#ff6b6b;color:#fff}.error{color:#d32f2f;background:#ffe6e6;padding:1rem;border-radius:5px;margin-bottom:1rem;border:2px solid #ff6b6b}@media(max-width:768px){.perfil-info-header{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center}.btn-editar-perfil{position:static;margin-top:1rem}.perros-grid{grid-template-columns:1fr}}.swipe-view-container{padding:1rem;padding-bottom:100px;max-width:500px;margin:0 auto}.swipe-loading,.swipe-empty{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;min-height:70vh;padding:2rem;text-align:center}.swipe-loading h2,.swipe-empty h2{color:#264143;margin-bottom:.5rem;font-size:1.5rem}.swipe-loading p,.swipe-empty p{color:#666;margin-bottom:.5rem;font-size:1rem}.empty-icon{font-size:5rem;margin-bottom:1rem;-webkit-animation:bounce 2s infinite;animation:bounce 2s infinite}@keyframes bounce{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}}.btn-quitar-filtro{margin-top:1.5rem;padding:.75rem 1.5rem;background:#de5499;color:#fff;border:2px solid #264143;border-radius:10px;font-weight:700;cursor:pointer;-webkit-box-shadow:3px 3px 0px 0px #E99F4C;box-shadow:3px 3px #e99f4c;-webkit-transition:all .2s ease;transition:all .2s ease;font-size:1rem}.btn-quitar-filtro:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:5px 5px 0px 0px #E99F4C;box-shadow:5px 5px #e99f4c}.btn-quitar-filtro:active{-webkit-transform:translateY(0);transform:translateY(0);-webkit-box-shadow:2px 2px 0px 0px #E99F4C;box-shadow:2px 2px #e99f4c}.swipe-header{margin-bottom:1rem}.swipe-stats-box{background:#fff;border:2px solid #264143;border-radius:10px;padding:.75rem 1rem;margin-bottom:.75rem;text-align:center;-webkit-box-shadow:2px 2px 0px 0px #E99F4C;box-shadow:2px 2px #e99f4c}.swipe-stats-box span{font-weight:700;color:#264143;font-size:1rem}.filtros-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.75rem}.perro-selector{background:#eddcd9;border:2px solid #264143;border-radius:10px;padding:.75rem 1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.75rem;-webkit-box-shadow:2px 2px 0px 0px #E99F4C;box-shadow:2px 2px #e99f4c;-webkit-transition:all .2s ease;transition:all .2s ease}.perro-selector:hover{-webkit-box-shadow:3px 3px 0px 0px #E99F4C;box-shadow:3px 3px #e99f4c}.perro-selector label{font-weight:700;color:#264143;font-size:.9rem;white-space:nowrap}.perro-selector select{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:.5rem .75rem;border:2px solid #264143;border-radius:8px;background:#fff;font-weight:600;color:#264143;cursor:pointer;min-width:0;font-size:.95rem;-webkit-transition:all .2s ease;transition:all .2s ease}.perro-selector select:hover{border-color:#de5499}.perro-selector select:focus{outline:none;-webkit-box-shadow:2px 2px 0px 0px #E99F4C;box-shadow:2px 2px #e99f4c;border-color:#de5499}.provincia-selector{background:linear-gradient(135deg,#fff,#fff5f9);border:2px solid #DE5499;border-radius:10px;padding:.75rem 1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.75rem;-webkit-box-shadow:2px 2px 0px 0px #E99F4C;box-shadow:2px 2px #e99f4c;-webkit-transition:all .2s ease;transition:all .2s ease;position:relative}.provincia-selector:hover{-webkit-box-shadow:3px 3px 0px 0px #E99F4C;box-shadow:3px 3px #e99f4c}.provincia-selector label{font-weight:700;color:#de5499;font-size:.9rem;white-space:nowrap}.provincia-selector select{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:.5rem .75rem;border:2px solid #DE5499;border-radius:8px;background:#fff;font-weight:600;color:#264143;cursor:pointer;min-width:0;font-size:.95rem;-webkit-transition:all .2s ease;transition:all .2s ease}.provincia-selector select:hover{border-color:#264143}.provincia-selector select:focus{outline:none;-webkit-box-shadow:2px 2px 0px 0px #264143;box-shadow:2px 2px #264143;border-color:#264143}.provincia-selector select:disabled{opacity:.6;cursor:not-allowed}.btn-limpiar-filtro{background:#ff6b6b;color:#fff;border:2px solid #264143;width:32px;height:32px;border-radius:50%;font-size:1rem;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:all .2s ease;transition:all .2s ease;-ms-flex-negative:0;flex-shrink:0}.btn-limpiar-filtro:hover{-webkit-transform:scale(1.1) rotate(90deg);transform:scale(1.1) rotate(90deg);background:#ff5252}.btn-limpiar-filtro:active{-webkit-transform:scale(.95);transform:scale(.95)}.swipe-card-wrapper{-webkit-perspective:1000px;perspective:1000px;margin-bottom:1.5rem;position:relative}.swipe-card{background:#fff;border:3px solid #264143;border-radius:20px;overflow:hidden;-webkit-box-shadow:0 10px 30px rgba(0,0,0,.2);box-shadow:0 10px 30px #0003;position:relative;-webkit-transition:opacity .4s ease,-webkit-transform .4s cubic-bezier(.68,-.55,.265,1.55);transition:opacity .4s ease,-webkit-transform .4s cubic-bezier(.68,-.55,.265,1.55);transition:transform .4s cubic-bezier(.68,-.55,.265,1.55),opacity .4s ease;transition:transform .4s cubic-bezier(.68,-.55,.265,1.55),opacity .4s ease,-webkit-transform .4s cubic-bezier(.68,-.55,.265,1.55)}.swipe-card.swiping-right{-webkit-animation:swipeRight .4s cubic-bezier(.68,-.55,.265,1.55) forwards;animation:swipeRight .4s cubic-bezier(.68,-.55,.265,1.55) forwards}.swipe-card.swiping-left{-webkit-animation:swipeLeft .4s cubic-bezier(.68,-.55,.265,1.55) forwards;animation:swipeLeft .4s cubic-bezier(.68,-.55,.265,1.55) forwards}@-webkit-keyframes swipeRight{0%{-webkit-transform:translateX(0) rotate(0) scale(1);transform:translate(0) rotate(0) scale(1);opacity:1}to{-webkit-transform:translateX(500px) rotate(30deg) scale(.8);transform:translate(500px) rotate(30deg) scale(.8);opacity:0}}@keyframes swipeRight{0%{-webkit-transform:translateX(0) rotate(0) scale(1);transform:translate(0) rotate(0) scale(1);opacity:1}to{-webkit-transform:translateX(500px) rotate(30deg) scale(.8);transform:translate(500px) rotate(30deg) scale(.8);opacity:0}}@-webkit-keyframes swipeLeft{0%{-webkit-transform:translateX(0) rotate(0) scale(1);transform:translate(0) rotate(0) scale(1);opacity:1}to{-webkit-transform:translateX(-500px) rotate(-30deg) scale(.8);transform:translate(-500px) rotate(-30deg) scale(.8);opacity:0}}@keyframes swipeLeft{0%{-webkit-transform:translateX(0) rotate(0) scale(1);transform:translate(0) rotate(0) scale(1);opacity:1}to{-webkit-transform:translateX(-500px) rotate(-30deg) scale(.8);transform:translate(-500px) rotate(-30deg) scale(.8);opacity:0}}.swipe-overlay{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0);font-size:6rem;z-index:20;pointer-events:none;text-shadow:0 0 20px rgba(0,0,0,.3);-webkit-animation:popOverlay .4s ease forwards;animation:popOverlay .4s ease forwards}@-webkit-keyframes popOverlay{0%{-webkit-transform:translate(-50%,-50%) scale(0) rotate(-20deg);transform:translate(-50%,-50%) scale(0) rotate(-20deg);opacity:0}50%{-webkit-transform:translate(-50%,-50%) scale(1.3) rotate(10deg);transform:translate(-50%,-50%) scale(1.3) rotate(10deg);opacity:1}to{-webkit-transform:translate(-50%,-50%) scale(1) rotate(0deg);transform:translate(-50%,-50%) scale(1) rotate(0);opacity:1}}@keyframes popOverlay{0%{-webkit-transform:translate(-50%,-50%) scale(0) rotate(-20deg);transform:translate(-50%,-50%) scale(0) rotate(-20deg);opacity:0}50%{-webkit-transform:translate(-50%,-50%) scale(1.3) rotate(10deg);transform:translate(-50%,-50%) scale(1.3) rotate(10deg);opacity:1}to{-webkit-transform:translate(-50%,-50%) scale(1) rotate(0deg);transform:translate(-50%,-50%) scale(1) rotate(0);opacity:1}}.card-foto{position:relative;width:100%;height:450px;background:#f0f0f0;overflow:hidden}.card-foto img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.card-foto:hover img{-webkit-transform:scale(1.05);transform:scale(1.05)}.foto-nav{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);background:#ffffffe6;border:2px solid #264143;width:40px;height:40px;border-radius:50%;font-size:1.5rem;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:10;-webkit-transition:all .2s ease;transition:all .2s ease}.foto-nav:hover{background:#fff;-webkit-transform:translateY(-50%) scale(1.1);transform:translateY(-50%) scale(1.1)}.foto-nav.prev{left:10px}.foto-nav.next{right:10px}.foto-indicators{position:absolute;top:10px;left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%);display:-webkit-box;display:-ms-flexbox;display:flex;gap:5px;z-index:10}.foto-indicator{height:8px;border-radius:4px;background:#ffffff80;border:1px solid #264143;cursor:pointer;-webkit-transition:all .3s cubic-bezier(.68,-.55,.265,1.55);transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}.foto-indicator.active{background:#de5499;width:24px}.foto-indicator:not(.active){width:8px;border-radius:50%}.foto-indicator:not(.active):hover{background:#fffc;-webkit-transform:scale(1.2);transform:scale(1.2)}.card-info{padding:1.5rem;background:#eddcd9}.card-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin-bottom:.5rem}.card-header h2{color:#264143;margin:0;font-size:1.8rem;-webkit-animation:fadeInUp .5s ease;animation:fadeInUp .5s ease}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.card-edad{color:#666;margin:.25rem 0 0;font-size:1rem}.badge-tamano{background:#de5499;color:#fff;padding:.5rem 1rem;border-radius:20px;font-weight:700;border:2px solid #264143;text-transform:capitalize;font-size:.9rem;-webkit-animation:fadeInDown .5s ease;animation:fadeInDown .5s ease}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.card-detail{color:#666;margin:.5rem 0;font-size:1.1rem}.swipe-buttons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:2rem;margin-bottom:1rem}.btn-swipe{width:70px;height:70px;border-radius:50%;border:3px solid #264143;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:all .3s cubic-bezier(.68,-.55,.265,1.55);transition:all .3s cubic-bezier(.68,-.55,.265,1.55);-webkit-box-shadow:0 5px 15px rgba(0,0,0,.2);box-shadow:0 5px 15px #0003;position:relative}.btn-swipe:disabled{opacity:.5;cursor:not-allowed;-webkit-transform:scale(1)!important;transform:scale(1)!important}.btn-swipe:not(:disabled):hover{-webkit-transform:scale(1.15);transform:scale(1.15);-webkit-box-shadow:0 10px 25px rgba(0,0,0,.3);box-shadow:0 10px 25px #0000004d}.btn-swipe:not(:disabled):active{-webkit-transform:scale(.95);transform:scale(.95);-webkit-box-shadow:0 3px 10px rgba(0,0,0,.2);box-shadow:0 3px 10px #0003}.btn-swipe:not(:disabled):active:before{width:300px;height:300px}.btn-swipe.dislike{background:linear-gradient(135deg,#ff6b6b,#ee5a52)}.btn-swipe.like{background:linear-gradient(135deg,#4caf50,#45a049)}.btn-swipe .icon{font-size:2rem;color:#fff;-webkit-filter:drop-shadow(2px 2px 4px rgba(0,0,0,.3));filter:drop-shadow(2px 2px 4px rgba(0,0,0,.3))}.btn-swipe:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff80;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:width .6s,height .6s;transition:width .6s,height .6s}.perros-counter{text-align:center;color:#666;font-size:.9rem;-webkit-animation:fadeIn .5s ease;animation:fadeIn .5s ease}.filtro-activo{color:#de5499;font-weight:700}.modal-match{background:#eddcd9;border:3px solid #264143;border-radius:20px;padding:2rem;max-width:400px;width:100%;text-align:center;position:relative;-webkit-box-shadow:5px 5px 0px 0px #E99F4C;box-shadow:5px 5px #e99f4c;-webkit-animation:modalPop .5s cubic-bezier(.68,-.55,.265,1.55);animation:modalPop .5s cubic-bezier(.68,-.55,.265,1.55)}.modal-match h2{color:#de5499;margin-bottom:1rem;font-size:1.8rem;-webkit-animation:fadeInUp .5s ease .2s backwards;animation:fadeInUp .5s ease .2s backwards}.modal-match p{color:#264143;font-size:1rem;-webkit-animation:fadeInUp .5s ease .3s backwards;animation:fadeInUp .5s ease .3s backwards}@-webkit-keyframes modalPop{0%{-webkit-transform:scale(0) rotate(-10deg);transform:scale(0) rotate(-10deg);opacity:0}70%{-webkit-transform:scale(1.1) rotate(5deg);transform:scale(1.1) rotate(5deg)}to{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0);opacity:1}}@keyframes modalPop{0%{-webkit-transform:scale(0) rotate(-10deg);transform:scale(0) rotate(-10deg);opacity:0}70%{-webkit-transform:scale(1.1) rotate(5deg);transform:scale(1.1) rotate(5deg)}to{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0);opacity:1}}.modal-close{position:absolute;top:10px;right:10px;background:#ff6b6b;color:#fff;border:2px solid #264143;width:30px;height:30px;border-radius:50%;font-size:1.2rem;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:all .2s ease;transition:all .2s ease}.match-icon{font-size:5rem;margin-bottom:1rem;-webkit-animation:heartbeat 1s infinite;animation:heartbeat 1s infinite}@-webkit-keyframes heartbeat{0%,to{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(1.1);transform:scale(1.1)}50%{-webkit-transform:scale(1);transform:scale(1)}75%{-webkit-transform:scale(1.15);transform:scale(1.15)}}@keyframes heartbeat{0%,to{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(1.1);transform:scale(1.1)}50%{-webkit-transform:scale(1);transform:scale(1)}75%{-webkit-transform:scale(1.15);transform:scale(1.15)}}.match-perros{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:1rem;margin:2rem 0}.match-perro{text-align:center;-webkit-animation:fadeInUp .5s ease .4s backwards;animation:fadeInUp .5s ease .4s backwards}.match-perro img{width:100px;height:100px;border-radius:50%;border:3px solid #264143;-o-object-fit:cover;object-fit:cover;-webkit-box-shadow:0 5px 15px rgba(0,0,0,.2);box-shadow:0 5px 15px #0003;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.match-perro:hover img{-webkit-transform:scale(1.1) rotate(5deg);transform:scale(1.1) rotate(5deg)}.match-perro p{margin-top:.5rem;font-weight:700;color:#264143;font-size:.95rem}.match-heart{font-size:2rem;-webkit-animation:pulse 1s infinite;animation:pulse 1s infinite}@keyframes pulse{0%,to{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.3);transform:scale(1.3)}}.btn-match-ok{width:100%;padding:1rem;background:#de5499;color:#fff;border:2px solid #264143;border-radius:10px;font-weight:700;font-size:1.1rem;cursor:pointer;-webkit-box-shadow:3px 3px 0px 0px #E99F4C;box-shadow:3px 3px #e99f4c;-webkit-transition:all .2s ease;transition:all .2s ease;-webkit-animation:fadeInUp .5s ease .5s backwards;animation:fadeInUp .5s ease .5s backwards}.btn-match-ok:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:5px 5px 0px 0px #E99F4C;box-shadow:5px 5px #e99f4c}.btn-match-ok:active{-webkit-transform:translateY(0);transform:translateY(0);-webkit-box-shadow:2px 2px 0px 0px #E99F4C;box-shadow:2px 2px #e99f4c}@media(max-width:768px){.card-foto{height:400px}.btn-swipe{width:60px;height:60px}.btn-swipe .icon{font-size:1.5rem}.match-perro img{width:80px;height:80px}.filtros-container{gap:.75rem}.perro-selector,.provincia-selector{-ms-flex-wrap:wrap;flex-wrap:wrap}.perro-selector label,.provincia-selector label{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;text-align:center}.perro-selector select,.provincia-selector select{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:150px}.btn-limpiar-filtro{-ms-flex-negative:0;flex-shrink:0}.card-header h2{font-size:1.5rem}.modal-match{padding:1.5rem}.modal-match h2{font-size:1.5rem}.match-icon{font-size:4rem}}@media(max-width:480px){.swipe-view-container{padding:.5rem;padding-bottom:100px}.card-foto{height:350px}.swipe-buttons{gap:1.5rem}.btn-swipe{width:55px;height:55px}.btn-swipe .icon{font-size:1.3rem}}:root{--primary: #DE5499;--secondary: #E99F4C;--dark: #264143;--light: #FFFAF8;--white: #FFFFFF;--gray: #666666;--gray-light: #F5F5F5;--shadow: 0 10px 30px rgba(0, 0, 0, .1);--shadow-lg: 0 20px 60px rgba(0, 0, 0, .15);--radius: 12px;--radius-lg: 20px;--transition: all .3s ease}.chat-container{display:-webkit-box;display:-ms-flexbox;display:flex;height:calc(100vh - 180px);max-width:1200px;margin:0 auto;background:#fff;border:2px solid #264143;border-radius:15px;overflow:hidden;-webkit-box-shadow:0 10px 30px rgba(0,0,0,.1);box-shadow:0 10px 30px #0000001a}.chats-list{width:300px;border-right:2px solid #264143;overflow-y:auto;background:#eddcd9;-webkit-transition:all .3s ease;transition:all .3s ease}.chats-list.full-width{width:100%;border-right:none}.chats-header{padding:1rem;border-bottom:2px solid #264143;background:linear-gradient(135deg,#de5499,#e99f4c);color:#fff;font-weight:700;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:sticky;top:0;z-index:10}.back-button{background:transparent;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:0 .5rem;-webkit-transition:all .3s ease;transition:all .3s ease;display:none}.back-button:hover{-webkit-transform:translateX(-3px);transform:translate(-3px)}.chat-item{padding:1rem;border-bottom:1px solid #264143;cursor:pointer;background:transparent;-webkit-transition:all .3s ease;transition:all .3s ease;position:relative}.chat-item:hover{background:#fff}.chat-item.active{background:#fff;border-left:4px solid #DE5499}.chat-item-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1rem}.chat-avatar{width:50px;height:50px;border-radius:50%;border:2px solid #264143;-o-object-fit:cover;object-fit:cover;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);box-shadow:0 2px 8px #0000001a}.chat-info{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden}.chat-name{font-weight:700;color:#264143;margin-bottom:.25rem}.chat-dogs{font-size:.85rem;color:#666;margin-bottom:.25rem}.chat-last-message{font-size:.8rem;color:#999;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-area{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:#fff}.chat-active-header{padding:1rem;border-bottom:2px solid #264143;background:#eddcd9;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1rem;position:sticky;top:0;z-index:10}.chat-active-avatar{width:40px;height:40px;border-radius:50%;border:2px solid #264143;-o-object-fit:cover;object-fit:cover}.chat-active-info{-webkit-box-flex:1;-ms-flex:1;flex:1}.chat-active-name{font-weight:700;color:#264143;margin-bottom:.25rem}.chat-active-dogs{font-size:.85rem;color:#666}.messages-container{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto;padding:1rem;background:#f5f5f5;scroll-behavior:smooth}.messages-container::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track{background:#f5f5f5}.messages-container::-webkit-scrollbar-thumb{background:#de5499;border-radius:10px}.empty-chat{text-align:center;color:#999;margin-top:2rem}.empty-chat-icon{font-size:3rem;margin-bottom:1rem}.message-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:1rem;-webkit-animation:fadeInMessage .3s ease;animation:fadeInMessage .3s ease}.message-wrapper.mine{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.message-wrapper.theirs{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.message-bubble{max-width:70%;padding:.75rem 1rem;border-radius:15px;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.1);box-shadow:0 2px 5px #0000001a;word-wrap:break-word}.message-bubble.mine{background:linear-gradient(135deg,#de5499,#e99f4c);color:#fff;border-bottom-right-radius:5px}.message-bubble.theirs{background:#fff;color:#264143;border:2px solid #264143;border-bottom-left-radius:5px}.message-content{margin-bottom:.25rem}.message-time{font-size:.75rem;opacity:.7;text-align:right}.message-form{padding:1rem;border-top:2px solid #264143;background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;gap:.5rem}.message-input{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:.75rem;border:2px solid #264143;border-radius:10px;font-size:1rem;outline:none;-webkit-transition:all .3s ease;transition:all .3s ease}.message-input:focus{border-color:#de5499;-webkit-box-shadow:0 0 0 3px rgba(222,84,153,.1);box-shadow:0 0 0 3px #de54991a}.message-input:disabled{background:#f5f5f5;cursor:not-allowed}.send-button{padding:.75rem 1.5rem;background:linear-gradient(135deg,#de5499,#e99f4c);color:#fff;border:2px solid #264143;border-radius:10px;font-weight:700;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-box-shadow:2px 2px 0px 0px #E99F4C;box-shadow:2px 2px #e99f4c}.send-button:hover:not(:disabled){-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:3px 3px 0px 0px #E99F4C;box-shadow:3px 3px #e99f4c}.send-button:active:not(:disabled){-webkit-transform:translateY(0);transform:translateY(0);-webkit-box-shadow:1px 1px 0px 0px #E99F4C;box-shadow:1px 1px #e99f4c}.send-button:disabled{opacity:.5;cursor:not-allowed}.loading-state,.empty-state{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;min-height:70vh;padding:2rem;text-align:center}.empty-icon{font-size:5rem;margin-bottom:1rem}.empty-title{color:#264143;margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.empty-text{color:#666;font-size:1rem}@-webkit-keyframes fadeInMessage{0%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInMessage{0%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@media(max-width:768px){.chat-container{height:70vh;border-radius:0;border-left:none;border-right:none}.chats-list{width:100%;border-right:none}.chats-list.hidden-mobile,.chat-area.hidden-mobile{display:none}.back-button.show-mobile{display:block}.message-bubble{max-width:85%}.chat-active-header,.message-form{padding:.75rem}.send-button{padding:.75rem 1rem}}@media(max-width:480px){.message-bubble{max-width:90%;font-size:.9rem}.chat-item{padding:.75rem}.chat-avatar{width:45px;height:45px}.send-button{padding:.75rem;font-size:.9rem}}.form-overlay{position:fixed;inset:0;background:#000000b3;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:1000;padding:1rem;-webkit-animation:fadeIn .3s ease;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.form-container{background:#eddcd9;border:2px solid #264143;border-radius:15px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;-webkit-box-shadow:5px 5px 0px 0px #E99F4C;box-shadow:5px 5px #e99f4c;-webkit-animation:slideUp .3s ease;animation:slideUp .3s ease}@-webkit-keyframes slideUp{0%{-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes slideUp{0%{-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.form-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:1.5rem;border-bottom:2px solid #264143;background:#eddcd9;position:sticky;top:0;z-index:10}.form-header h2{color:#264143;margin:0;font-size:1.5rem}.btn-close{background:#ff6b6b;color:#fff;border:2px solid #264143;width:35px;height:35px;border-radius:50%;font-size:1.5rem;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:all .2s ease;transition:all .2s ease}.btn-close:hover{-webkit-transform:rotate(90deg);transform:rotate(90deg);background:#ff5252}.tabs{display:-webkit-box;display:-ms-flexbox;display:flex;background:#fff;border-bottom:2px solid #264143}.tab{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:1rem;background:transparent;border:none;border-bottom:3px solid transparent;font-weight:700;color:#666;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease;font-size:1rem}.tab:hover{background:#de54991a;color:#264143}.tab.active{color:#de5499;border-bottom-color:#de5499;background:#de54991a}.form-content{padding:1.5rem}.form-group input,.form-group select{width:100%;padding:.75rem;border:2px solid #264143;border-radius:8px;font-size:1rem;background:#fff;-webkit-transition:all .2s ease;transition:all .2s ease}.form-group input:focus,.form-group select:focus{outline:none;-webkit-box-shadow:2px 2px 0px 0px #E99F4C;box-shadow:2px 2px #e99f4c;border-color:#de5499}.foto-perfil-group{margin-bottom:2rem}.foto-perfil-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1.5rem;background:#fff;padding:1rem;border-radius:10px;border:2px solid #264143}.foto-preview{width:100px;height:100px;border-radius:50%;overflow:hidden;border:3px solid #264143;-ms-flex-negative:0;flex-shrink:0}.foto-preview img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.no-foto{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:#f0f0f0;font-size:3rem;color:#999}.foto-actions{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.5rem;-webkit-box-flex:1;-ms-flex:1;flex:1}.foto-actions input[type=file]{display:none}.btn-cambiar-foto,.btn-eliminar-foto{padding:.5rem 1rem;border:2px solid #264143;border-radius:8px;font-weight:700;cursor:pointer;text-align:center;-webkit-transition:all .2s ease;transition:all .2s ease;font-size:.9rem}.btn-cambiar-foto:hover,.btn-eliminar-foto:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:2px 2px 0px 0px #264143;box-shadow:2px 2px #264143}.btn-cambiar-foto{background:#e99f4c;color:#264143}.btn-eliminar-foto{background:#fff;color:#ff6b6b;border-color:#ff6b6b}.password-info{background:#fff3cd;border:2px solid #ffc107;border-radius:8px;padding:1rem;margin-bottom:1.5rem}.password-info p{margin:0;color:#856404;font-size:.9rem}.form-actions{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1rem;margin-top:2rem;padding-top:1rem;border-top:2px solid #264143}.btn-cancel,.btn-submit{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:.75rem;border:2px solid #264143;border-radius:8px;font-weight:700;font-size:1rem;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease}.btn-cancel:disabled,.btn-submit:disabled{opacity:.5;cursor:not-allowed;-webkit-transform:none!important;transform:none!important}.btn-cancel:hover{background:#f5f5f5}.btn-submit:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:3px 3px 0px 0px #E99F4C;box-shadow:3px 3px #e99f4c}.error,.success{padding:1rem;border-radius:8px;margin-bottom:1rem;font-weight:700;-webkit-animation:slideDown .3s ease;animation:slideDown .3s ease}@-webkit-keyframes slideDown{0%{-webkit-transform:translateY(-10px);transform:translateY(-10px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes slideDown{0%{-webkit-transform:translateY(-10px);transform:translateY(-10px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.error{background:#ffe6e6;color:#d32f2f;border:2px solid #ff6b6b}.success{background:#e6ffe6;color:#2e7d32;border:2px solid #4caf50}@media(max-width:768px){.foto-perfil-container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center}.foto-actions{width:100%}}.form-overlay{position:fixed;inset:0;background:#000000b3;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:1000;padding:1rem}.form-container{background:#eddcd9;border:2px solid #264143;border-radius:15px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;-webkit-box-shadow:5px 5px 0px 0px #E99F4C;box-shadow:5px 5px #e99f4c}.form-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:1.5rem;border-bottom:2px solid #264143}.form-header h2{color:#264143;margin:0}.btn-close{background:#ff6b6b;color:#fff;border:2px solid #264143;width:35px;height:35px;border-radius:50%;font-size:1.5rem;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.btn-close:hover{opacity:.9}form{padding:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;color:#264143;font-weight:700;margin-bottom:.5rem}.form-group input,.form-group select{width:100%;padding:.75rem;border:2px solid #264143;border-radius:5px;font-size:1rem;background:#fff}.form-group input:focus,.form-group select:focus{outline:none;-webkit-box-shadow:2px 2px 0px 0px #E99F4C;box-shadow:2px 2px #e99f4c}.fotos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:1rem;margin-top:.5rem}.foto-upload input[type=file]{display:none}.foto-label{display:block;width:100%;height:100px;border:2px dashed #264143;border-radius:8px;cursor:pointer;overflow:hidden}.foto-label:hover{border-color:#de5499}.foto-label img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.foto-placeholder{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100%;color:#666;font-size:.9rem}.foto-placeholder span:first-child{font-size:2rem;color:#de5499}.form-actions{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1rem;margin-top:2rem}.btn-cancel,.btn-submit{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:.75rem;border:2px solid #264143;border-radius:8px;font-weight:700;font-size:1rem;cursor:pointer}.btn-cancel:hover,.btn-submit:hover{opacity:.9}.btn-cancel:disabled,.btn-submit:disabled{opacity:.5;cursor:not-allowed}.btn-cancel{background:#fff;color:#264143}.btn-submit{background:#de5499;color:#fff;-webkit-box-shadow:2px 2px 0px 0px #E99F4C;box-shadow:2px 2px #e99f4c}.error{color:red;background:#ffe6e6;padding:1rem;border-radius:5px;margin-bottom:1rem;border:2px solid #ff6b6b}.modal-overlay{position:fixed;inset:0;background:#000c;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:2000;padding:1rem;-webkit-animation:fadeIn .3s ease;animation:fadeIn .3s ease}.modal-premium{background:linear-gradient(135deg,#fff5f9,#fff9e5);border:3px solid #264143;border-radius:20px;padding:2rem;max-width:500px;width:100%;text-align:center;position:relative;-webkit-box-shadow:5px 5px 0px 0px #E99F4C;box-shadow:5px 5px #e99f4c;-webkit-animation:modalPop .5s cubic-bezier(.68,-.55,.265,1.55);animation:modalPop .5s cubic-bezier(.68,-.55,.265,1.55);max-height:90vh;overflow-y:auto}@keyframes modalPop{0%{-webkit-transform:scale(0) rotate(-10deg);transform:scale(0) rotate(-10deg);opacity:0}70%{-webkit-transform:scale(1.05) rotate(3deg);transform:scale(1.05) rotate(3deg)}to{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0);opacity:1}}.modal-close{position:absolute;top:15px;right:15px;background:#ff6b6b;color:#fff;border:2px solid #264143;width:35px;height:35px;border-radius:50%;font-size:1.3rem;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:all .2s ease;transition:all .2s ease;z-index:10}.modal-close:hover{-webkit-transform:rotate(90deg) scale(1.1);transform:rotate(90deg) scale(1.1);background:#ff5252}.premium-header{margin-bottom:2rem}.premium-header h2{color:#264143;margin-bottom:.5rem;font-size:2rem;font-weight:900}.premium-icon{font-size:5rem;margin-bottom:1rem;-webkit-animation:float 3s ease-in-out infinite;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}.premium-price{color:#de5499;font-size:2rem;font-weight:900;margin:0}.premium-benefits{background:#fff;border:2px solid #264143;border-radius:15px;padding:1.5rem;margin-bottom:2rem;text-align:left}.benefit-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1rem;padding:1rem 0;border-bottom:1px solid #EDDCD9}.benefit-item:last-child{border-bottom:none}.benefit-item h4{color:#264143;margin:0 0 .25rem;font-size:1.1rem}.benefit-item p{color:#666;margin:0;font-size:.9rem}.benefit-icon{font-size:2rem;-ms-flex-negative:0;flex-shrink:0}.premium-actions{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1rem}.btn-premium-upgrade{width:100%;padding:1.25rem;background:linear-gradient(135deg,gold,orange);color:#264143;border:2px solid #264143;border-radius:12px;font-weight:900;font-size:1.2rem;cursor:pointer;-webkit-box-shadow:3px 3px 0px 0px #E99F4C;box-shadow:3px 3px #e99f4c;-webkit-transition:all .2s ease;transition:all .2s ease}.btn-premium-upgrade:hover:not(:disabled){-webkit-transform:translateY(-3px);transform:translateY(-3px);-webkit-box-shadow:5px 5px 0px 0px #E99F4C;box-shadow:5px 5px #e99f4c}.btn-premium-upgrade:active:not(:disabled){-webkit-transform:translateY(0);transform:translateY(0);-webkit-box-shadow:2px 2px 0px 0px #E99F4C;box-shadow:2px 2px #e99f4c}.btn-premium-upgrade:disabled{opacity:.6;cursor:not-allowed}.btn-cancel-premium{width:100%;padding:.75rem;background:transparent;color:#666;border:none;font-size:.95rem;cursor:pointer;text-decoration:underline;-webkit-transition:all .2s ease;transition:all .2s ease}.btn-cancel-premium:hover:not(:disabled){color:#264143}.btn-cancel-premium:disabled{opacity:.6;cursor:not-allowed}.premium-note{font-size:.85rem;color:#666;margin-top:1rem;margin-bottom:0}.error{background:#ffe6e6;color:#d32f2f;padding:1rem;border-radius:8px;margin-bottom:1rem;border:2px solid #ff6b6b;font-weight:600}@media(max-width:768px){.modal-premium{padding:1.5rem;margin:.5rem}.premium-icon{font-size:4rem}.premium-header h2,.premium-price,.benefit-icon{font-size:1.75rem}.btn-premium-upgrade{font-size:1.1rem;padding:1rem}}.payment-result-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#fff5f9,#fff9e5);padding:2rem}.payment-result-card{background:#fff;border:3px solid #264143;border-radius:20px;padding:3rem 2rem;max-width:500px;width:100%;text-align:center;-webkit-box-shadow:5px 5px 0px 0px #E99F4C;box-shadow:5px 5px #e99f4c;-webkit-animation:slideIn .5s ease;animation:slideIn .5s ease}.payment-result-card h2{color:#264143;margin-bottom:1rem;font-size:2rem}.payment-result-card p{color:#666;font-size:1.1rem;margin-bottom:1rem}@-webkit-keyframes slideIn{0%{-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes slideIn{0%{-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.spinner{width:60px;height:60px;margin:0 auto 2rem;border:5px solid #EDDCD9;border-top-color:#de5499;border-radius:50%;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}@-webkit-keyframes spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.success-icon,.error-icon,.cancel-icon{font-size:5rem;margin-bottom:1rem;-webkit-animation:scaleIn .5s ease;animation:scaleIn .5s ease}@-webkit-keyframes scaleIn{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes scaleIn{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.premium-badge{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.75rem;background:linear-gradient(135deg,gold,orange);color:#264143;padding:1rem 2rem;border-radius:50px;border:2px solid #264143;font-weight:900;font-size:1.2rem;margin:1.5rem 0;-webkit-box-shadow:3px 3px 0px 0px #E99F4C;box-shadow:3px 3px #e99f4c;-webkit-animation:pulse 2s ease-in-out infinite;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.05);transform:scale(1.05)}}.crown{font-size:1.5rem;-webkit-animation:rotate 3s ease-in-out infinite;animation:rotate 3s ease-in-out infinite}@-webkit-keyframes rotate{0%,to{-webkit-transform:rotate(0deg);transform:rotate(0)}25%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}75%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}}@keyframes rotate{0%,to{-webkit-transform:rotate(0deg);transform:rotate(0)}25%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}75%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}}.redirect-text{color:#999;font-size:.9rem;margin-top:1rem;-webkit-animation:blink 1.5s ease-in-out infinite;animation:blink 1.5s ease-in-out infinite}@-webkit-keyframes blink{0%,to{opacity:1}50%{opacity:.5}}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}.btn-retry{margin-top:2rem;padding:1rem 2rem;background:#de5499;color:#fff;border:2px solid #264143;border-radius:10px;font-weight:700;font-size:1rem;cursor:pointer;-webkit-box-shadow:3px 3px 0px 0px #E99F4C;box-shadow:3px 3px #e99f4c;-webkit-transition:all .2s ease;transition:all .2s ease}.btn-retry:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:5px 5px 0px 0px #E99F4C;box-shadow:5px 5px #e99f4c}.btn-retry:active{-webkit-transform:translateY(0);transform:translateY(0);-webkit-box-shadow:2px 2px 0px 0px #E99F4C;box-shadow:2px 2px #e99f4c}@media(max-width:768px){.payment-result-card{padding:2rem 1.5rem}.payment-result-card h2{font-size:1.75rem}.success-icon,.error-icon,.cancel-icon{font-size:4rem}.premium-badge{font-size:1rem;padding:.75rem 1.5rem}}