@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&family=Lato:wght@300;400;600&display=swap";@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&family=Lato:wght@300;400;600&display=swap";@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&family=Lato:wght@300;400;600&display=swap";.header{z-index:100;background-color:#2c3e50;justify-content:space-between;align-items:center;padding:18px 40px;display:flex;position:sticky;top:0;box-shadow:0 2px 8px #00000026}.header img{object-fit:cover;border-radius:50%;width:70px}.header .nav{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.header .nav a{color:#f5ede3;letter-spacing:.5px;border-radius:20px;padding:6px 14px;font-size:.95rem;font-weight:700;text-decoration:none;transition:background-color .2s,color .2s}.header .nav a:hover{color:#5c3d2e;background-color:#f5ede3}@media (width<=768px){.header{padding:14px 60px}.header img{width:55px}.header .nav a{padding:5px 6px;font-size:.88rem}}@media (width<=480px){.header{flex-direction:column;align-items:flex-start;gap:10px;padding:12px 16px}.header img{display:none}.header .nav{justify-content:center;width:100%}.header .nav a{padding:5px 10px;font-size:.8rem}}.hero{background-image:url(/heroBackground.png);background-position:50%;background-size:cover;width:100vw;height:calc(100vh - 106px);position:relative}.hero:before{content:"";background:linear-gradient(270deg,#00000073,#0000);position:absolute;inset:0}.hero-content{color:#fff;text-shadow:0 1px 4px #0006;max-width:480px;position:absolute;top:50%;right:200px;transform:translateY(-50%)}.hero-content h1{margin-bottom:16px;font-size:2.5rem;line-height:1.2}.hero-content p{opacity:.92;margin-bottom:28px;font-size:1.05rem;line-height:1.6}.btn{color:#333;letter-spacing:.5px;background-color:#cebfaf;border-radius:30px;padding:12px 28px;font-weight:700;text-decoration:none;transition:background-color .2s,transform .2s;display:inline-block}.btn:hover{background-color:#b8a898;transform:translateY(-2px)}@media (width<=768px){.hero{height:calc(80vh - 106px)}.hero-content{max-width:400px;right:60px}.hero-content h1{font-size:2rem}.hero-content p{margin-bottom:22px;font-size:1rem}.btn{padding:10px 24px}}@media (width<=480px){.hero{background-image:url(/adotpImg.png);height:calc(70vh - 106px)}.hero:before{background:linear-gradient(#00000026,#0000008c)}.hero-content{text-align:center;width:320px;max-width:90%;inset:auto auto 30px 50%;transform:translate(-50%)}.hero-content h1{margin-bottom:10px;font-size:1.6rem}.hero-content p{margin-bottom:18px;font-size:.9rem}.btn{padding:10px 22px;font-size:.9rem}}.pet-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:28px;width:100%;max-width:1100px;display:grid}.pet-card{background:var(--card-bg);box-shadow:var(--shadow);border-radius:16px;flex-direction:column;transition:transform .25s,box-shadow .25s;display:flex;overflow:hidden}.pet-card:hover{transform:translateY(-6px);box-shadow:0 12px 32px #6b3f2a2e}.pet-card img{object-fit:cover;width:100%;height:200px}.pet-card-body{flex-direction:column;flex:1;padding:18px 20px 22px;display:flex}.pet-card-body h2{color:var(--warm-brown);text-align:center;margin:0 0 8px;font-family:Playfair Display,serif;font-size:1.3rem}.pet-badge{letter-spacing:.03em;border-radius:20px;align-self:center;margin:0 0 12px;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-block}.badge-lost{color:#7a5400;background-color:#fff3cd}.badge-adoption{color:#1a5c2a;background-color:#d4edda}.pet-meta{grid-template-columns:repeat(2,1fr);gap:6px 10px;margin-bottom:12px;display:grid}.pet-meta span{background:var(--accent);color:#fff;letter-spacing:.3px;text-align:center;white-space:nowrap;text-overflow:ellipsis;border-radius:8px;padding:4px 8px;font-size:.7rem;font-weight:600;overflow:hidden}.pet-card-body p{color:#6b4f3a;flex:1;margin:0 0 14px;font-size:.9rem;line-height:1.6}.pet-contact{border-top:1px solid var(--accent);margin-top:auto;padding-top:12px}.pet-contact h3{color:var(--warm-brown);margin:0 0 6px;font-size:.85rem}.pet-contact span{color:#6b4f3a;font-size:.85rem;line-height:1.5;display:block}.pet-contact a{color:var(--warm-brown);text-decoration:none}.pet-contact a:hover{text-decoration:underline}.adoptionContent{max-width:1200px;margin:0 auto;padding:60px 40px}.adoptionContent h1{color:#5c3d2e;text-align:center;letter-spacing:.5px;margin-bottom:40px;font-size:2rem}:root{--cream:#fdf6ee;--warm-brown:#6b3f2a;--accent:#e07b39;--soft-gray:#5c4a3a;--card-bg:#fff8f2;--shadow:0 4px 20px #6b3f2a1a}.perdidos{background-color:var(--cream);flex-direction:column;align-items:center;min-height:100vh;padding:60px 20px;font-family:Lato,sans-serif;display:flex}.perdidos h1{color:var(--warm-brown);letter-spacing:1px;margin-bottom:16px;font-family:Playfair Display,serif;font-size:3rem}.perdidos__container{text-align:center;max-width:620px;margin-bottom:48px}.perdidos__text{font-size:1.2rem;font-weight:300;line-height:1.8}.addLostBtn{background-color:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:25px;padding:10px 20px;font-size:.9rem;font-weight:600;transition:background-color .3s,transform .2s}:root{--cream:#fdf6ee;--warm-brown:#6b3f2a;--accent:#e07b39;--card-bg:#fff8f2;--soft-gray:#5c4a3a;--shadow:0 4px 20px #6b3f2a1a}.adopta{background-color:var(--cream);flex-direction:column;align-items:center;min-height:100vh;padding:60px 20px;font-family:Lato,sans-serif;display:flex}.adopta h1{color:var(--warm-brown);letter-spacing:1px;margin-bottom:16px;font-family:Playfair Display,serif;font-size:3rem}.adopta__container{text-align:center;max-width:620px;margin-bottom:48px}.adopta__text{font-size:1.2rem;font-weight:300;line-height:1.8}.addAdoptaBtn{background-color:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:25px;padding:10px 20px;font-size:.9rem;font-weight:600;transition:background-color .3s,transform .2s}.addAdoptaBtn:hover{background-color:var(--warm-brown);transform:scale(1.03)}:root{--cream:#fdf6ee;--warm-brown:#6b3f2a;--accent:#e07b39;--soft-gray:#9e9e9e;--card-bg:#fff8f2;--border:#e8ddd5;--shadow:0 4px 20px #6b3f2a1a}.close-btn{background:var(--border);cursor:pointer;width:36px;height:36px;color:var(--warm-brown);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;transition:background .2s,transform .2s;display:flex;position:absolute;top:1.2rem;right:1.2rem}.close-btn:hover{background:var(--accent);color:#fff;transform:scale(1.1)}.popup h1,.add-animal h1{color:var(--warm-brown);letter-spacing:.5px;margin:0 0 1.5rem;padding-right:2rem;font-family:Playfair Display,serif;font-size:2rem}.animal-form{flex-direction:column;gap:24px;width:100%;font-family:Lato,sans-serif;display:flex}.animal-form section{background:var(--card-bg);box-shadow:var(--shadow);border-radius:14px;flex-direction:column;gap:16px;padding:24px 28px;display:flex}.animal-form section h2{color:var(--warm-brown);border-bottom:1px solid var(--border);margin:0 0 4px;padding-bottom:10px;font-family:Playfair Display,serif;font-size:1.1rem}.row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.field{flex-direction:column;gap:6px;display:flex}.field label{color:var(--warm-brown);text-transform:uppercase;letter-spacing:.5px;font-size:.82rem;font-weight:600}.field input,.field select,.field textarea{border:1.5px solid var(--border);color:#333;background:#fff;border-radius:10px;outline:none;padding:10px 14px;font-family:Lato,sans-serif;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #e07b3926}.field input::placeholder,.field textarea::placeholder{color:var(--soft-gray)}.field textarea{resize:vertical;min-height:100px}.field input[type=file]{background:var(--cream);cursor:pointer;padding:8px}.submit-btn{background:var(--accent);color:#fff;cursor:pointer;letter-spacing:.5px;border:none;border-radius:12px;padding:13px;font-family:Lato,sans-serif;font-size:1rem;font-weight:600;transition:background .2s,transform .1s}.submit-btn:hover{background:var(--warm-brown);transform:translateY(-1px)}.submit-btn:active{transform:translateY(0)}.toggle-group{border:1.5px solid var(--border);background:var(--card-bg);border-radius:30px;align-self:flex-start;margin-bottom:24px;display:flex;overflow:hidden}.toggle-group button{color:var(--soft-gray);cursor:pointer;background:0 0;border:none;padding:9px 28px;font-family:Lato,sans-serif;font-size:.9rem;font-weight:600;transition:background .2s,color .2s}.toggle-group button.active{background:var(--accent);color:#fff;border-radius:30px}@media (width<=520px){.row{grid-template-columns:1fr}.popup{padding:1.5rem}}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0000008c;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-box{background:#fff;border-radius:16px;width:100%;max-width:420px;padding:2.5rem 2rem;animation:.25s slideUp;position:relative;box-shadow:0 20px 60px #0003}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.modal-close{cursor:pointer;color:#888;background:0 0;border:none;border-radius:6px;padding:.25rem .5rem;font-size:1.1rem;line-height:1;transition:background .15s;position:absolute;top:1rem;right:1rem}.modal-close:hover{color:#333;background:#f0f0f0}.modal-box h2{color:#1a1a1a;margin:0 0 .25rem;font-size:1.6rem}.modal-subtitle{color:#777;margin:0 0 1.5rem;font-size:.9rem}.modal-box form{flex-direction:column;gap:.4rem;display:flex}.modal-box label{color:#444;margin-top:.6rem;font-size:.85rem;font-weight:600}.modal-box input{border:1.5px solid #ddd;border-radius:8px;outline:none;padding:.65rem .9rem;font-size:.95rem;transition:border-color .2s}.modal-box input:focus{border-color:#4f7dff}.modal-error{color:#e03e3e;margin:.25rem 0 0;font-size:.85rem}.modal-submit{color:#fff;cursor:pointer;background:#4f7dff;border:none;border-radius:8px;margin-top:1.2rem;padding:.75rem;font-size:1rem;font-weight:600;transition:background .2s,transform .1s}.modal-submit:hover:not(:disabled){background:#3a66e0}.modal-submit:active:not(:disabled){transform:scale(.98)}.modal-submit:disabled{opacity:.6;cursor:not-allowed}.modal-toggle{text-align:center;color:#666;margin-top:1.2rem;font-size:.88rem}.modal-toggle span{color:#4f7dff;cursor:pointer;font-weight:600}.modal-toggle span:hover{text-decoration:underline}.modal-google{color:#333;cursor:pointer;background:#fff;border:1.5px solid #ddd;border-radius:8px;justify-content:center;align-items:center;gap:.6rem;width:100%;margin-top:.25rem;padding:.7rem;font-size:.95rem;font-weight:500;transition:background .15s,border-color .15s,box-shadow .15s;display:flex}.modal-google:hover:not(:disabled){background:#f8f8f8;border-color:#bbb;box-shadow:0 1px 4px #00000014}.modal-google:disabled{opacity:.6;cursor:not-allowed}.modal-divider{color:#bbb;align-items:center;gap:.75rem;margin:1.2rem 0 .5rem;font-size:.82rem;display:flex}.modal-divider:before,.modal-divider:after{content:"";background:#eee;flex:1;height:1px}.publicar{box-sizing:border-box;min-height:100vh;padding:2rem 1rem}.publicar-content{width:100%;max-width:800px;margin:0 auto}.publicar-header{justify-content:flex-end;align-items:center;gap:.6rem;margin-bottom:1rem;display:flex}.publicar-welcome{color:#888;text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-size:.82rem;overflow:hidden}.publicar-logout{cursor:pointer;color:#555;white-space:nowrap;background:0 0;border:1.5px solid #ddd;border-radius:999px;padding:.3rem .9rem;font-size:.8rem;transition:all .2s}.publicar-logout:hover{color:#e03e3e;background:#fff5f5;border-color:#e03e3e}.publicar-form-wrapper .overlay{background:0 0!important;padding:0!important;position:static!important}.publicar-form-wrapper .popup{box-sizing:border-box;border-radius:16px;padding:2rem;box-shadow:0 4px 24px #6b3f2a1a;width:100%!important;max-width:100%!important;max-height:none!important;position:static!important;overflow:visible!important}.publicar-form-wrapper .close-btn{display:none}.publicar-gate{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:60vh;display:flex}.publicar-gate h2{color:#1a1a1a;margin:0;font-size:1.8rem}.publicar-gate p{color:#666;margin:0;font-size:1rem}.publicar-login-btn{color:#fff;cursor:pointer;background:#4f7dff;border:none;border-radius:8px;padding:.75rem 2rem;font-size:1rem;font-weight:600;transition:background .2s}.publicar-login-btn:hover{background:#3a66e0}.publicar-tabs{gap:.5rem;margin-bottom:1.5rem;display:flex}.publicar-tab{cursor:pointer;color:#555;background:0 0;border:1.5px solid #ddd;border-radius:999px;padding:.5rem 1.5rem;font-size:.9rem;transition:all .2s}.publicar-tab.active{color:#fff;background:#4f7dff;border-color:#4f7dff;font-weight:600}.publicar-list{flex-direction:column;gap:.75rem;margin-bottom:2rem;display:flex}.publicar-animal-card{background:#fff;border:1px solid #eee;border-radius:12px;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.publicar-animal-img{object-fit:cover;background:#f5f5f5;border-radius:8px;width:56px;height:56px}.publicar-animal-info{color:#555;flex-direction:column;flex:1;gap:.2rem;font-size:.9rem;display:flex}.publicar-animal-info strong{color:#1a1a1a;font-size:1rem}.publicar-delete-btn{color:#e03e3e;cursor:pointer;white-space:nowrap;background:0 0;border:1.5px solid #e03e3e;border-radius:999px;padding:.35rem .9rem;font-size:.8rem;transition:all .2s}.publicar-delete-btn:hover{background:#fff5f5}.publicar-empty{text-align:center;color:#aaa;padding:1rem 0;font-size:.9rem}.success-overlay{z-index:1000;background:#5c3d2e73;justify-content:center;align-items:center;animation:.2s overlayFadeIn;display:flex;position:fixed;inset:0}.success-popup{text-align:center;background:#f5ede3;border-radius:16px;width:90%;max-width:360px;padding:32px 28px;animation:.25s popupRise;box-shadow:0 12px 32px #0003}.success-icon{color:#1a5c2a;background:#d4edda;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto 14px;font-size:1.6rem;font-weight:700;display:flex}.success-popup h3{color:#5c3d2e;margin:0 0 8px;font-size:1.15rem}.success-popup p{color:#8c6a56;margin:0 0 20px;font-size:.9rem}.success-close-btn{color:#f5ede3;cursor:pointer;background:#5c3d2e;border:none;border-radius:24px;padding:10px 28px;font-size:.9rem;font-weight:600;transition:background .2s}.success-close-btn:hover{background:#8c6a56}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes popupRise{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.fundaciones{max-width:1100px;margin:0 auto;padding:3rem 2rem}.fundaciones-intro{text-align:center;margin-bottom:2.5rem}.fundaciones-intro h1{color:#5c3d2e;margin-bottom:.4rem;font-size:2rem}.fundaciones-subtitle{color:#8c6a56;font-size:1rem}.fundaciones-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));justify-items:center;gap:1.5rem;display:grid}.fundacion-card{background:#fff;border:1px solid #e8ddd8;border-radius:12px;width:100%;max-width:340px;transition:transform .2s,box-shadow .2s;overflow:hidden}.fundacion-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #5c3d2e1f}.fundacion-card img{object-fit:cover;width:100%;height:200px;display:block}.fundacion-card-body{padding:1rem 1.25rem}.fundacion-card-body h2{color:#5c3d2e;text-align:center;margin-bottom:.5rem;font-size:1.1rem}.fundacion-card-body p{color:#6b5a53;margin-bottom:1rem;font-size:.9rem;line-height:1.6}.fundacion-card-meta{color:#8c6a56;border-top:1px solid #f0e8e4;flex-direction:column;gap:4px;padding-top:.75rem;font-size:.85rem;display:flex}.fundacion-card-links{flex-wrap:wrap;gap:12px;margin-top:8px;display:flex}.social-link{align-items:center;gap:4px;font-size:.85rem;text-decoration:none;display:inline-flex}.fb-link{color:#1877f2}.tiktok-link{color:#000}.yt-link{color:red}.footer{color:#ccc;background-color:#1e2a3a;padding:48px 24px 24px;font-family:inherit}.footer-inner{flex-wrap:wrap;justify-content:space-between;gap:40px;max-width:1000px;margin:0 auto 32px;display:flex}.footer-brand{flex:120px}.footer-logo{color:#fff;font-size:1.2rem;font-weight:700}.footer-logo:before{content:"🐾";filter:brightness(0)invert()}.footer-tagline{color:#aaa;margin-top:8px;font-size:.875rem;line-height:1.5}.footer-links,.footer-contact{flex-direction:column;flex:140px;gap:8px;display:flex}.footer-links h4,.footer-contact h4{color:#fff;text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px;font-size:.8rem}.footer-links a,.footer-contact a{color:#aaa;font-size:.9rem;text-decoration:none;transition:color .2s}.footer-links a:hover,.footer-contact a:hover{color:#fff}.footer-bottom{color:#777;border-top:1px solid #333;flex-wrap:wrap;justify-content:space-between;gap:8px;max-width:1000px;margin:0 auto;padding-top:20px;font-size:.8rem;display:flex}@media (width<=600px){.footer-inner{flex-direction:column;gap:28px}.footer-bottom{text-align:center;flex-direction:column}}:root{--heaeder-height:106px}body{margin:0;padding:0}html,body,#root{height:100%}#root{flex-direction:column;min-height:100vh;display:flex}main{flex:1}