@import "https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&family=Fraunces:ital,opsz,wght@0,9..144,100..900;1,9..144,100..900&family=Manrope:wght@200..800&display=swap";.intro-container{background-color:var(--petson-white);z-index:1000;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.intro-canvas{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.intro-audio-toggle{z-index:10;position:absolute;top:2rem;right:2rem}.intro-audio-toggle button{font-family:var(--font-body);color:var(--petson-gray);background:#fffc;border-radius:20px;align-items:center;gap:.5rem;padding:.5rem;font-size:.9rem;transition:all .3s;display:flex;box-shadow:0 2px 10px #0000000d}.intro-audio-toggle button:hover{color:var(--petson-blue);background:#fff;transform:translateY(-2px)}.intro-content{z-index:5;text-align:center;flex-direction:column;align-items:center;width:100%;max-width:800px;padding:2rem;display:flex;position:relative}.intro-logo-wrapper{justify-content:center;width:100%;max-width:450px;height:auto;margin-bottom:3.5rem;display:flex}.intro-logo-image{object-fit:contain;filter:drop-shadow(0 15px 30px #1e85e826);width:100%;height:auto}.intro-tagline{font-family:var(--font-display);color:var(--petson-blue-deep);max-width:600px;margin-bottom:3rem;font-size:clamp(1.1rem,2.5vw,1.6rem);font-style:italic;font-weight:500;line-height:1.4}.intro-tagline .word{will-change:transform, opacity;display:inline-block}.intro-cta-wrapper{flex-direction:column;align-items:center;gap:1rem;display:flex}.skip-link{font-size:.9rem}.intro-loading{color:var(--petson-gray);z-index:10;font-family:monospace;font-size:.8rem;position:absolute;bottom:2rem;right:2rem}.selector-container{background:radial-gradient(circle at top, var(--petson-sky) 0%, var(--petson-white) 70%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:4rem 2rem;display:flex}.selector-header{text-align:center;margin-bottom:4rem}.selector-title{color:var(--petson-blue-deep);margin-bottom:.5rem;font-size:clamp(2rem,4vw,3rem)}.selector-subtitle{font-family:var(--font-body);color:var(--petson-gray);font-size:clamp(1rem,1.5vw,1.25rem)}.cards-wrapper{flex-wrap:wrap;justify-content:center;gap:2rem;width:100%;max-width:1000px;display:flex}.companion-card{background:var(--petson-white);text-align:center;cursor:pointer;min-width:300px;max-width:450px;transform-style:preserve-3d;border:1px solid var(--petson-border);border-radius:24px;outline:none;flex:1;padding:2rem;transition:box-shadow .3s;position:relative;box-shadow:0 10px 30px #0000000d}.companion-card:hover,.companion-card:focus-visible{border-color:var(--accent);box-shadow:0 20px 40px #1e85e826}.companion-card:focus-visible{outline:3px solid var(--accent)}.card-image-wrapper{margin-bottom:2rem;transform:translateZ(30px)}.card-image{object-fit:contain;width:200px;height:200px;margin:0 auto;transition:transform .3s;display:block}.companion-card:hover .card-image{transform:scale(1.05)}.card-content{transform:translateZ(20px)}.card-name{color:var(--petson-blue-deep);margin-bottom:.25rem;font-size:2.5rem}.card-title{color:var(--accent);margin-bottom:1.5rem;font-size:1.5rem}.card-description{color:var(--petson-gray);min-height:80px;margin-bottom:2rem;line-height:1.6}.card-cta{justify-content:center;width:100%}.companion-card:hover .card-cta .arrow{transform:translate(6px)}@media (width<=768px){.cards-wrapper{flex-direction:column;align-items:center}.companion-card{width:100%}}.section-hero{background:radial-gradient(circle at top left, var(--petson-sky) 0%, var(--petson-cream) 60%);justify-content:space-between;align-items:center;gap:4rem;min-height:100vh;padding:6rem 10% 4rem;display:flex}.hero-content{z-index:10;flex:1.2;max-width:650px;padding-right:2vw}.hero-title{color:var(--petson-blue-deep);letter-spacing:-.02em;margin-bottom:1.5rem;font-size:clamp(2rem,6vw,4.2rem);line-height:1.2;position:relative}.highlight-wrapper{white-space:nowrap;display:inline-block;position:relative}.underline-svg{z-index:-1;width:100%;height:16px;position:absolute;bottom:0;left:0}.about-content{flex-direction:row;justify-content:space-between;align-items:center;gap:5rem;display:flex}.about-text{flex:1.2}.about-text p{color:var(--petson-ink);opacity:.9;margin-bottom:1.5rem;font-size:1.1rem;line-height:1.8}.about-gallery{aspect-ratio:4/5;flex:1;width:100%;max-width:500px;position:relative}.gallery-img{object-fit:cover;border-radius:20px;transition:transform .4s cubic-bezier(.175,.885,.32,1.275);position:absolute;box-shadow:0 15px 35px #0a162826}.gallery-img:hover{z-index:10;transform:scale(1.03)translateY(-5px)}.img-main{z-index:2;border:6px solid var(--petson-white);width:75%;height:80%;top:0;right:0}.img-accent{z-index:3;border:6px solid var(--petson-white);width:60%;height:45%;bottom:0;left:0}.gallery-decoration{background:radial-gradient(circle, var(--petson-yellow) 0%, transparent 70%);opacity:.5;z-index:1;width:150px;height:150px;position:absolute;top:-20px;left:30px}.hero-subtitle{color:var(--petson-ink);opacity:.85;max-width:90%;margin-bottom:2.5rem;font-size:clamp(1.05rem,1.4vw,1.25rem);line-height:1.7}.hero-actions{flex-wrap:wrap;gap:1rem;display:flex}.hero-image-wrapper{z-index:5;flex:1;justify-content:center;align-items:center;max-width:550px;display:flex;position:relative}.hero-logo-float{object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(0 20px 30px #1e85e814);width:100%;height:auto;animation:6s ease-in-out infinite alternate gentle-float}@keyframes gentle-float{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-15px)rotate(1.5deg)}to{transform:translateY(5px)rotate(-1deg)}}.mv-section{background-color:var(--petson-cream);position:relative}.mv-container{align-items:stretch;gap:4rem;display:flex}.mv-image-wrapper{border-radius:30px;flex:1;position:relative;overflow:hidden;box-shadow:0 20px 40px #0a16281a}.mv-image{object-fit:cover;border-radius:30px;width:100%;height:100%;transition:transform .6s}.mv-image-wrapper:hover .mv-image{transform:scale(1.05)}.mv-grid{flex-direction:column;flex:1.2;justify-content:center;gap:2rem;display:flex}.mv-card{background:var(--petson-white);border-radius:20px;gap:1.5rem;padding:2.5rem;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .4s;display:flex;box-shadow:0 10px 30px #0a16280d}.mv-card:hover{transform:translateY(-8px);box-shadow:0 15px 35px #0a16281f}.mv-icon-wrapper{background:var(--petson-sky);width:70px;height:70px;color:var(--petson-blue);border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:inset 0 -4px #0000000d}.mv-text-content{flex:1}.mv-title{color:var(--petson-blue-deep);letter-spacing:-.01em;margin-bottom:.8rem;font-size:2rem}.mv-desc{color:var(--petson-ink);opacity:.85;font-size:1.05rem;line-height:1.7}.bg-noise{background-color:var(--petson-cream)}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2.5rem;margin-top:3rem;margin-bottom:5rem;display:grid}.project-card{background:var(--petson-white);border-radius:20px;flex-direction:column;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .4s;display:flex;overflow:hidden;box-shadow:0 10px 30px #0a16280d}.project-card:hover{transform:translateY(-8px);box-shadow:0 15px 40px #0a16281f}.project-image-wrapper{background-color:var(--petson-gray);width:100%;height:220px;position:relative;overflow:hidden}.project-image{object-fit:cover;width:100%;height:100%;transition:transform .6s}.project-card:hover .project-image{transform:scale(1.05)}.project-icon-float{background-color:var(--petson-blue);width:54px;height:54px;color:var(--petson-white);z-index:10;border-radius:14px;justify-content:center;align-items:center;display:flex;position:absolute;bottom:-20px;right:20px;box-shadow:0 10px 20px #1e85e84d}.project-content{flex-direction:column;flex:1;padding:3rem 1.5rem 2rem;display:flex}.project-title{color:var(--petson-blue-deep);margin-bottom:.8rem;font-size:1.4rem;font-weight:700}.project-desc{color:var(--petson-ink);opacity:.85;font-size:1rem;line-height:1.6}.help-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem;margin-top:3.5rem;display:grid}.help-card{background:var(--petson-white);text-align:center;border-radius:20px;flex-direction:column;align-items:center;padding:3rem 2rem;transition:transform .4s,box-shadow .4s;display:flex;box-shadow:0 10px 30px #0a16280d}.help-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0a16281a}.help-icon{color:var(--petson-blue);background:var(--petson-sky);border-radius:50%;width:80px;height:80px;margin-bottom:1.8rem;padding:1.2rem}.help-card h3{color:var(--petson-blue-deep);margin-bottom:1rem;font-size:1.6rem}.help-card p{color:var(--petson-ink);opacity:.85;flex:1;margin-bottom:2.5rem;line-height:1.6}.help-card .btn-primary,.help-card .btn-secondary{border-radius:30px;width:100%;padding:1rem 1.5rem;font-weight:600;text-decoration:none;transition:transform .2s,opacity .2s;display:inline-block}.help-card .btn-primary{background-color:var(--petson-blue);color:var(--petson-white)}.help-card .btn-secondary{background-color:var(--petson-yellow);color:var(--petson-white);cursor:pointer;border:none}.help-card a:hover,.help-card button:hover{opacity:.9;transform:scale(1.05)}.testimonial-feature{align-items:center;gap:5rem;max-width:1200px;margin:0 auto;display:flex}.tf-reverse{flex-direction:row-reverse}.tf-reverse .tf-content{text-align:right}.tf-reverse .tf-quote-icon{margin-left:auto;margin-right:0}.tf-image-wrapper{border-radius:30px;flex:1;justify-content:center;display:flex;position:relative}.tf-image{z-index:2;border-radius:20px;width:100%;max-width:500px;transition:transform .5s;position:relative;box-shadow:0 20px 40px #0a162826}.testimonial-feature:hover .tf-image{transform:scale(1.02)rotate(1deg)}.tf-decoration{background-color:var(--petson-yellow);z-index:1;opacity:.5;border-radius:50%;width:120px;height:120px;position:absolute;top:-20px;left:0}.tf-content{flex:1.2}.tf-quote-icon{color:var(--petson-sky);opacity:.8;margin-bottom:2rem}.tf-author-info h4{color:var(--petson-blue-deep);margin-bottom:.3rem;font-size:1.2rem;font-weight:700}.tf-quote{color:var(--petson-ink);opacity:.9;margin-bottom:2.5rem;font-size:1.35rem;font-style:italic;line-height:1.8}.tf-author-info p{color:var(--petson-gray);font-size:.95rem}.section-impact{background:linear-gradient(135deg, var(--petson-blue) 0%, var(--petson-blue-deep) 100%);color:var(--petson-white);padding:5rem 10%}.impact-grid{text-align:center;grid-template-columns:repeat(4,1fr);gap:2rem;display:grid}.impact-number{margin-bottom:.5rem;font-size:clamp(3rem,5vw,4.5rem)}.impact-desc{font-family:var(--font-body);opacity:.9;max-width:200px;margin:0 auto;font-size:1rem;line-height:1.4}@media (width<=1024px){.section-hero,.about-content,.mv-container,.testimonial-feature{text-align:center;flex-direction:column;gap:4rem}.tf-decoration{left:10%}.tf-quote-icon{margin:0 auto 1.5rem}.mv-card{text-align:center;flex-direction:column;align-items:center}.mv-image-wrapper{min-height:400px}.section-hero{padding-top:8rem}.hero-content{max-width:100%;padding-right:0}.hero-actions{justify-content:center}.impact-grid{grid-template-columns:repeat(2,1fr)}.highlight-wrapper{white-space:normal}.underline-svg{opacity:.5}}@media (width<=768px){.section-hero{gap:2rem;padding:7rem 5% 3rem}.hero-title{font-size:2.2rem}.about-gallery{aspect-ratio:1;margin:0 auto}.mv-image-wrapper{min-height:250px}.mv-card{padding:1.5rem}.tf-content{text-align:center!important}.tf-reverse .tf-quote-icon,.tf-quote-icon{margin:0 auto 1rem}}@media (width<=600px){.impact-grid{grid-template-columns:1fr}}.section-standard{padding:6rem 10%}@media (width<=768px){.section-standard{padding:4rem 5%}}.section-title{color:var(--petson-blue-deep);margin-bottom:1rem;font-size:clamp(1.8rem,4vw,3rem)}.section-subtitle{color:var(--petson-gray);margin-bottom:3rem;font-size:clamp(1rem,1.5vw,1.3rem)}.adopciones-page{background:var(--petson-cream);min-height:100vh;padding-top:80px}.adopciones-hero{text-align:center;background:radial-gradient(circle at top center, var(--petson-sky) 0%, transparent 80%);padding:6rem 2rem 4rem}.adopciones-hero h1{color:var(--petson-blue-deep);margin-bottom:1rem;font-size:clamp(2.5rem,5vw,4rem)}.adopciones-hero p{color:var(--petson-gray);max-width:600px;margin:0 auto;font-size:clamp(1.1rem,1.5vw,1.4rem)}.adopciones-content{max-width:1400px;margin:0 auto;padding:0 2rem 6rem}.filters-wrapper{justify-content:center;gap:1rem;margin-bottom:4rem;display:flex}.chip{background:var(--petson-white);border:1px solid var(--petson-border);color:var(--petson-gray);border-radius:30px;padding:.6rem 1.5rem;font-weight:600;transition:all .3s}.chip:hover{border-color:var(--petson-blue);color:var(--petson-blue)}.chip.active{background:var(--petson-blue);color:var(--petson-white);border-color:var(--petson-blue)}.adopciones-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;display:grid}.pet-card{background:var(--petson-white);border:1px solid var(--petson-border);border-radius:20px;transition:transform .3s,box-shadow .3s;overflow:hidden;box-shadow:0 10px 30px #0000000d}.pet-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #1e85e81a}.pet-img-wrapper{height:250px;overflow:hidden}.pet-img-wrapper img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.pet-card:hover .pet-img-wrapper img{transform:scale(1.05)}.pet-info{flex-direction:column;padding:1.5rem;display:flex}.pet-info h2{font-family:var(--font-display);color:var(--petson-ink);margin-bottom:.5rem;font-size:1.8rem}.pet-badges{gap:.5rem;margin-bottom:1rem;display:flex}.badge{background:var(--petson-sky);color:var(--petson-blue-deep);text-transform:capitalize;border-radius:12px;padding:.25rem .6rem;font-size:.8rem;font-weight:600}.pet-info p{color:var(--petson-gray);min-height:3em;margin-bottom:1.5rem;line-height:1.5}.card-btn{justify-content:center;width:100%;margin-top:auto}.adopciones-cta{background:linear-gradient(135deg, var(--petson-blue) 0%, var(--petson-blue-deep) 100%);text-align:center;color:var(--petson-white);padding:4rem 2rem}.adopciones-cta h2{margin-bottom:1rem;font-size:2.5rem}.adopciones-cta p{opacity:.9;margin-bottom:2rem;font-size:1.2rem}.companion-dock-wrapper{flex-direction:column;align-items:flex-start;gap:.5rem;display:flex}.dock-bubble{background:var(--petson-white);font-family:var(--font-body);color:var(--petson-blue-deep);border:1px solid var(--petson-border);transform-origin:0 100%;border-radius:12px 12px 12px 0;max-width:200px;padding:.75rem 1rem;font-size:.9rem;box-shadow:0 4px 15px #0000001a}.dock-container{align-items:center;gap:.5rem;display:flex}.dock-avatar{border:2px solid var(--petson-blue);background:var(--petson-white);cursor:pointer;will-change:transform;border-radius:50%;width:80px;height:80px;overflow:hidden;box-shadow:0 4px 15px #1e85e833}.dock-avatar img{object-fit:cover;width:100%;height:100%}.dock-avatar.is-milo{border-color:var(--petson-blue-deep);box-shadow:0 4px 15px #0f5fb833}.dock-controls{background:var(--petson-cream);border:1px solid var(--petson-border);border-radius:20px;align-items:center;gap:.5rem;padding:.25rem .5rem;display:flex;box-shadow:0 2px 5px #0000000d}.dock-badge{font-family:var(--font-display);color:var(--petson-ink);font-size:.9rem;font-weight:600}.dock-change-btn{color:var(--petson-gray);border-radius:50%;justify-content:center;align-items:center;padding:.25rem;transition:all .2s;display:flex}.dock-change-btn:hover{background:var(--petson-border);color:var(--petson-blue)}@media (width<=768px){.companion-dock-wrapper{bottom:16px!important;left:16px!important}.dock-avatar{width:56px;height:56px}}:root{--petson-blue:#1e85e8;--petson-blue-deep:#0f5fb8;--petson-blue-soft:#5ba8f0;--petson-sky:#bfe0ff;--petson-cream:#fff9f2;--petson-ink:#0a1628;--petson-warm:#f5a623;--petson-white:#fff;--petson-gray:#6b7280;--petson-border:#e5e7eb;--font-display:"Fraunces", serif;--font-body:"Manrope", sans-serif;--font-accent:"Caveat", cursive}.main-header{-webkit-backdrop-filter:blur(10px);z-index:100;border-bottom:1px solid var(--petson-border);background:#fff9f2e6;padding:1rem 10%;transition:all .3s;position:fixed;top:0;left:0;right:0}.header-container{justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;display:flex}.header-logo{align-items:center;transition:transform .3s;display:flex}.header-logo:hover{transform:scale(1.05)}.header-nav{align-items:center;gap:2rem;display:flex}.header-nav a{font-family:var(--font-body);color:var(--petson-ink);font-weight:500;transition:color .3s,transform .3s}.header-nav a:hover{color:var(--petson-blue);transform:translateY(-2px)}.btn-primary-small{background:var(--petson-blue);border-radius:9999px;padding:.6rem 1.2rem;font-weight:600;color:var(--petson-white)!important}.btn-primary-small:hover{background:var(--petson-blue-deep);color:var(--petson-white)!important}.main-footer{background:var(--petson-blue-deep);color:var(--petson-white);padding:4rem 10% 2rem}.footer-top{flex-wrap:wrap;grid-template-columns:repeat(3,1fr);gap:4rem;max-width:1400px;margin:0 auto 3rem;display:flex}.footer-col.brand{flex:2;min-width:300px}.footer-col.brand p{opacity:.8;max-width:300px;line-height:1.6}.footer-col{flex:1;min-width:200px}.footer-col h4{font-family:var(--font-display);margin-bottom:1.5rem;font-size:1.2rem}.footer-col a{opacity:.8;margin-bottom:.8rem;transition:opacity .3s;display:block}.footer-col a:hover{opacity:1}.social-icons{gap:1rem;display:flex}.footer-bottom{opacity:.6;border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;gap:1rem;padding-top:2rem;font-size:.9rem;display:flex}.pulse{animation:3s infinite hb;display:inline-block}@keyframes hb{0%,to{transform:scale(1)}5%{transform:scale(1.2)}10%{transform:scale(1)}15%{transform:scale(1.2)}20%{transform:scale(1)}}@media (width<=768px){.header-nav{display:none}.main-header{padding:1rem 5%}.footer-top{flex-direction:column;gap:2rem}.footer-col{min-width:100%}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);color:var(--petson-ink);background-color:var(--petson-cream);-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display)}.font-accent{font-family:var(--font-accent)}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit}.bg-noise{position:relative}.bg-noise:before{content:"";pointer-events:none;opacity:.04;z-index:-1;background-image:url("data:image/svg+xml,%3Csvg viewBox=\"0 0 200 200\" xmlns=\"http://www.w3.org/2000/svg\"%3E%3Cfilter id=\"noiseFilter\"%3E%3CfeTurbulence type=\"fractalNoise\" baseFrequency=\"0.65\" numOctaves=\"3\" stitchTiles=\"stitch\"/%3E%3C/filter%3E%3Crect width=\"100%25\" height=\"100%25\" filter=\"url(%23noiseFilter)\"/%3E%3C/svg%3E");width:100%;height:100%;position:absolute;top:0;left:0}.btn-primary{background-color:var(--petson-blue);color:var(--petson-white);font-family:var(--font-display);border-radius:9999px;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1.1rem;font-weight:600;transition:all .3s;display:inline-flex}.btn-primary:hover{background-color:var(--petson-blue-deep);transform:translateY(-2px);box-shadow:0 10px 20px #1e85e833}.btn-primary:focus-visible{outline:2px solid var(--petson-blue);outline-offset:2px}.btn-secondary{background-color:var(--petson-warm);color:var(--petson-white);font-family:var(--font-display);border-radius:9999px;padding:1rem 2rem;font-size:1.1rem;font-weight:600;transition:all .3s}.btn-secondary:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 10px 20px #f5a62333}.btn-link{color:var(--petson-gray);font-family:var(--font-body);transition:color .3s}.btn-link:hover{color:var(--petson-blue)}.whatsapp-float{color:#fff;z-index:9999;cursor:pointer;background-color:#25d366;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:transform .3s,box-shadow .3s,background-color .3s;animation:3s ease-in-out infinite float-wp;display:flex;position:fixed;bottom:30px;right:30px;box-shadow:0 10px 20px #25d36666}.whatsapp-float:hover{background-color:#128c7e;transform:scale(1.1);box-shadow:0 15px 25px #25d36699}@keyframes float-wp{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@media (width<=1024px){.whatsapp-float{width:50px;height:50px;bottom:20px;right:20px}.whatsapp-float svg{width:28px;height:28px}}