*{margin:0;padding:0;box-sizing:border-box}:root{--color-faso-gold: #D4A017;--color-faso-yellow: #FFD700;--color-faso-yellow-bright: #FFFF00;--color-faso-red: #FF0000;--color-faso-green: #00FF00;--color-whatsapp: #25D366;--color-black: #000000;--color-white: #FFFFFF}html{scroll-behavior:smooth}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;color:var(--color-black);background-color:var(--color-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;display:flex;flex-direction:column}.text-center{text-align:center}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.header{background-color:#fff;box-shadow:0 2px 8px #00000014;position:sticky;top:0;z-index:40;border-bottom:2px solid #D4A017}.header-container{max-width:1280px;margin:0 auto;padding:0 1.5rem}.header-content{display:flex;align-items:center;justify-content:space-between;height:5rem}.logo-link{display:flex;align-items:center;gap:.75rem;text-decoration:none;transition:transform .3s ease}.logo-link:hover{transform:scale(1.05)}.logo-image{height:3.5rem;width:3.5rem;object-fit:contain;border-radius:8px}.logo-text{font-size:1.75rem;font-weight:800;color:#d4a017;letter-spacing:1px}.nav-desktop{display:none;gap:2.5rem}.nav-link{font-size:.95rem;font-weight:600;color:#374151;text-decoration:none;transition:all .3s;padding-bottom:.25rem;border-bottom:2px solid transparent;position:relative}.nav-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background-color:#d4a017;transition:width .3s ease}.nav-link:hover:after{width:100%}.nav-link:hover{color:#d4a017}.nav-link.active{color:#d4a017;border-bottom-color:#d4a017}.nav-link.active:after{width:100%}.whatsapp-button{display:none;align-items:center;padding:.75rem 1.5rem;background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;border-radius:50px;text-decoration:none;font-weight:600;font-size:.95rem;transition:all .3s;box-shadow:0 4px 12px #25d3664d}.whatsapp-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #25d36666}.whatsapp-icon{width:1.25rem;height:1.25rem;margin-right:.5rem}.menu-button{display:block;padding:.5rem;background:none;border:none;cursor:pointer;color:#d4a017}.menu-icon{width:1.75rem;height:1.75rem}@media(min-width:768px){.nav-desktop{display:flex}.whatsapp-button{display:inline-flex}.menu-button{display:none}}.nav-mobile{position:fixed;left:0;right:0;top:5rem;background:#fff;z-index:60;transform:translateY(-8px) scaleY(.98);opacity:0;pointer-events:none;transition:transform .22s ease,opacity .22s ease;border-bottom:1px solid rgba(0,0,0,.04)}.nav-mobile.is-open{transform:translateY(0) scaleY(1);opacity:1;pointer-events:auto}.nav-mobile-inner{display:flex;flex-direction:column;gap:.5rem;padding:.75rem}.nav-mobile-link{padding:.75rem 1rem;text-decoration:none;color:#0f172a;font-weight:700;border-radius:10px;background:transparent}.nav-mobile-link.active{background:#d4a0171f;color:#d4a017}.nav-mobile-link:hover{background:#0000000a}.nav-backdrop{position:fixed;inset:0;z-index:50;background:#00000047}@media(prefers-reduced-motion:reduce){.nav-mobile,.nav-mobile.is-open{transition:none;transform:none;opacity:1}}.footer{background:linear-gradient(135deg,#1a1a1a,#000);color:#fff;margin-top:4rem;border-top:3px solid #D4A017}.footer-container{max-width:1280px;margin:0 auto;padding:3rem 1.5rem 2rem}.footer-grid{display:grid;grid-template-columns:1fr;gap:2.5rem}.footer-logo{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.footer-logo-image{height:3rem;width:3rem;object-fit:contain;border-radius:8px;border:2px solid #D4A017}.footer-column h3{color:#d4a017;font-weight:800;font-size:1.25rem;margin-bottom:1.25rem;letter-spacing:.5px}.footer-text{color:#d1d5db;font-size:.95rem;line-height:1.7}.footer-nav{list-style:none;padding:0;margin:0}.footer-nav li{margin-bottom:.75rem}.footer-link{color:#d1d5db;font-size:.95rem;text-decoration:none;transition:all .3s;display:inline-block;position:relative}.footer-link:before{content:"→";position:absolute;left:-20px;opacity:0;transition:all .3s;color:#d4a017}.footer-link:hover:before{opacity:1;left:-15px}.footer-link:hover{color:gold;transform:translate(5px)}.footer-contact{list-style:none;padding:0;margin:0}.footer-contact li{color:#d1d5db;font-size:.95rem;margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.footer-contact a{color:#d1d5db;text-decoration:none;transition:all .3s}.footer-contact a:hover{color:gold;transform:translate(3px)}.footer-bottom{border-top:1px solid #374151;margin-top:3rem;padding-top:2rem;text-align:center;font-size:.9rem;color:#9ca3af}@media(min-width:768px){.footer-grid{grid-template-columns:repeat(3,1fr)}}.whatsapp-float{position:fixed;right:1rem;bottom:1rem;z-index:50;background-color:#25d366;color:#fff;border-radius:50%;padding:1rem;box-shadow:0 4px 6px #0000001a;text-decoration:none;transition:opacity .2s}.whatsapp-float:hover{opacity:.95}.whatsapp-float svg{display:block;width:24px;height:24px}.reveal{opacity:0;transform:translateY(30px);transition:all .8s ease-out}.reveal.active{opacity:1;transform:translateY(0)}.reveal-delay-100{transition-delay:.1s}.reveal-delay-200{transition-delay:.2s}.reveal-delay-300{transition-delay:.3s}.hero-section{background:none;color:#fff;padding:clamp(1.25rem,4vw,4rem) 1rem 1.25rem 1rem;position:relative;overflow:hidden;min-height:clamp(340px,48vh,600px);display:flex;align-items:center;justify-content:center;text-align:center}.hero-bg{position:absolute;inset:0;z-index:0;overflow:hidden}.hero-bg-layer{position:absolute;inset:0;background-size:cover;background-position:center center;background-repeat:no-repeat;opacity:0;transition:opacity .9s ease-in-out;will-change:opacity}.hero-bg-layer.is-active{opacity:1}.hero-section:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#00000059,#0000000d);z-index:1}.hero-title{font-size:clamp(1.15rem,4.4vw,2.2rem);line-height:1.02;color:#fffffff5;font-weight:700;text-shadow:0 1px 0 rgba(0,0,0,.15)}.hero-subtitle{font-size:clamp(.9rem,2vw,1.05rem);color:#ffffffe6;margin-top:.4rem}.hero-values{display:flex;gap:.45rem;justify-content:center;align-items:center;margin-top:.45rem;margin-bottom:.85rem;color:#ffffffd1;font-weight:600;font-size:.95rem}.hero-values span{padding:0 .2rem}.hero-values span:nth-child(1),.hero-values span:nth-child(3),.hero-values span:nth-child(5){color:#d4a017;font-weight:700}.hero-values span:nth-child(2),.hero-values span:nth-child(4){color:#ffffffe6;font-weight:600}.hero-buttons{display:flex;flex-direction:column;gap:.6rem;align-items:center}@media(min-width:640px){.hero-buttons{flex-direction:row;gap:1rem}}@media(prefers-reduced-motion:reduce){.hero-bg-layer{transition:none}}.hero-container{max-width:1280px;margin:0 auto;text-align:center;position:relative;z-index:2}.hero-title{font-size:3.5rem;font-weight:900;margin-bottom:1.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.2);letter-spacing:2px}.hero-subtitle{font-size:1.75rem;margin-bottom:1rem;font-weight:500}.hero-values{font-size:1.35rem;margin-bottom:2.5rem;display:flex;align-items:center;justify-content:center;gap:1.5rem;font-weight:600}.hero-values span{font-size:2rem}.hero-buttons{display:flex;flex-direction:column;gap:1.25rem;justify-content:center;align-items:center}.btn-whatsapp{display:inline-flex;align-items:center;justify-content:center;padding:clamp(.9rem,2.6vw,1.15rem) 2.25rem;background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;border-radius:999px;font-weight:800;font-size:clamp(1rem,3.2vw,1.18rem);line-height:1.1;min-height:48px;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease;box-shadow:0 8px 24px #25d3662e}.btn-whatsapp:hover{transform:translateY(-2px);box-shadow:0 8px 20px #25d36624}.btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:clamp(.85rem,2.5vw,1.05rem) 2.25rem;background-color:#fff;color:#d4a017;border-radius:999px;font-weight:800;font-size:clamp(.98rem,3vw,1.12rem);line-height:1.1;min-height:48px;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease;box-shadow:0 6px 20px #00000014}.btn-primary:hover{background-color:#000;color:gold;transform:translateY(-3px);box-shadow:0 10px 30px #0000002e}.hero-buttons a{min-width:140px}@media(max-width:640px){.hero-buttons{width:100%;display:flex;flex-direction:column;gap:.6rem;align-items:center}.hero-buttons a{width:auto;max-width:320px;padding:.6rem;font-size:.96rem;border-radius:12px;box-shadow:none}.btn-whatsapp{font-size:.98rem;padding:.6rem 1rem;background:linear-gradient(135deg,#2bbf5a,#159265);box-shadow:none}.btn-primary{font-size:.92rem;padding:.55rem .9rem;background-color:#fffffff2;color:#b8860b}}.btn-call,.btn-dark,.btn-whatsapp-cta{padding:.95rem 1.5rem;font-size:1.02rem;min-height:46px}.section{padding:5rem 1.5rem}.section-white{background-color:#fff}.section-gray{background:linear-gradient(135deg,#f9fafb,#f3f4f6)}.container{max-width:1280px;margin:0 auto}.section-title{font-size:2.75rem;font-weight:900;color:#000;margin-bottom:2rem;text-align:center;position:relative;padding-bottom:1rem}.section-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:100px;height:4px;background:linear-gradient(90deg,#d4a017,gold);border-radius:2px}.section-text{font-size:1.15rem;color:#666;line-height:1.9;margin-bottom:1.5rem;max-width:56rem;margin-left:auto;margin-right:auto}.values-grid{display:flex;gap:1rem;align-items:stretch;overflow-x:auto;padding-bottom:.5rem;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;max-width:100%;margin:0 auto}.value-card{flex:0 0 300px;scroll-snap-align:center;min-width:220px;text-align:center;padding:1rem;background:#fff;border-radius:12px;transition:transform .22s ease,box-shadow .22s ease;box-shadow:0 6px 18px #0000000f}.value-card:hover{transform:translateY(-6px);box-shadow:0 12px 30px #00000014}@media(min-width:900px){.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.value-card{flex:none;min-width:auto;padding:1.25rem}}.values-grid::-webkit-scrollbar{height:6px}.values-grid::-webkit-scrollbar-thumb{background:#00000014;border-radius:999px}.values-grid{scrollbar-color:rgba(0,0,0,.08) transparent}@media(prefers-reduced-motion:reduce){.values-grid{scroll-behavior:auto}}.value-card:hover{transform:translateY(-10px);box-shadow:0 15px 40px #d4a01733}.value-icon{width:5rem;height:5rem;margin:0 auto 1.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px #00000026}.icon-green{background:linear-gradient(135deg,#16a34a,#10b981)}.icon-red{background:linear-gradient(135deg,#ef4444,#dc2626)}.value-title{font-size:1.5rem;font-weight:800;color:#000;margin-bottom:1rem}.value-description{color:#666;font-size:1.05rem;line-height:1.7}.ceo-message-section{padding:3rem 1rem;background:#fff}.ceo-container{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center}.ceo-image-wrapper{position:relative}.ceo-image{width:100%;height:auto;max-height:none;border-radius:12px;box-shadow:0 12px 30px #0000001f;object-fit:contain;background-color:#fff;padding:6px}.ceo-content{padding:1rem}@media(max-width:768px){.ceo-container{grid-template-columns:1fr;gap:1rem}.ceo-image{max-height:320px;border-radius:12px}.ceo-content{padding:0}.ceo-title{font-size:1.6rem}.ceo-text{font-size:1rem}}.ceo-title{font-size:2.25rem;font-weight:900;color:#000;margin-bottom:1.5rem;position:relative;padding-bottom:1rem}.ceo-title:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:4px;background:linear-gradient(90deg,#d4a017,gold);border-radius:2px}.ceo-text{font-size:1.1rem;color:#555;line-height:1.8;margin-bottom:2rem;font-style:italic}.ceo-signature{display:flex;flex-direction:column;gap:.5rem}.ceo-name{font-size:1.25rem;font-weight:800;color:#000}.ceo-role{font-size:1rem;color:#d4a017;font-weight:600}.section-gold{background:#fffef5;color:#0f172a;padding:5rem 1.5rem}.cta-section{max-width:56rem;margin:0 auto;text-align:center}.cta-title{font-size:2.75rem;font-weight:900;margin-bottom:1.5rem;color:#0f172a}.cta-text{font-size:1.25rem;margin-bottom:2.5rem;color:#555}.btn-call{display:inline-flex;align-items:center;justify-content:center;padding:1rem 2rem;background-color:#fff;color:#d4a017;border:2px solid #D4A017;border-radius:50px;font-weight:700;font-size:1.05rem;text-decoration:none;transition:all .3s}.btn-call:hover{background-color:#d4a017;color:#fff;transform:translateY(-3px)}.btn-dark{display:inline-flex;align-items:center;justify-content:center;padding:1rem 2rem;background-color:#000;color:#fff;border-radius:50px;font-weight:700;font-size:1.05rem;text-decoration:none;transition:all .3s;box-shadow:0 4px 15px #0000004d}.btn-dark:hover{background-color:#1f2937;transform:translateY(-3px);box-shadow:0 8px 25px #0006}@media(min-width:640px){.hero-buttons,.cta-buttons{flex-direction:row}}@media(min-width:768px){.hero-title{font-size:4rem}.section-title{font-size:3.25rem}.cta-title{font-size:3rem}}@media(max-width:768px){.ceo-container{grid-template-columns:1fr}}@media(max-width:480px){.hero-section{padding:1rem .75rem .5rem;min-height:300px}.hero-title{font-size:1.05rem;font-weight:700;margin-bottom:.2rem}.hero-subtitle{font-size:.88rem;margin-top:.2rem;margin-bottom:.6rem}.hero-values{font-size:.9rem;gap:.35rem;margin-bottom:.5rem}.hero-buttons{gap:.45rem}.hero-buttons a{max-width:300px;width:auto;padding:.55rem .75rem;font-size:.95rem}.values-grid{gap:.4rem}.value-card{padding:.6rem;min-width:160px;border-radius:10px;display:flex;flex-direction:column;align-items:center;text-align:center}.value-icon{width:2.8rem;height:2.8rem;margin-bottom:.45rem}.value-icon svg{width:.95rem;height:.95rem}.value-title{font-size:.95rem;margin-bottom:.2rem}.value-description{font-size:.88rem;line-height:1.35;margin:0}.value-card .value-description{max-width:18rem}@media(max-width:720px){.values-grid{display:flex;flex-direction:column;gap:.6rem}.value-card{width:100%;padding:.7rem .9rem}.value-title{font-size:.92rem}.value-description{font-size:.86rem}}}.ceo-content{padding:0}.ceo-title{font-size:1.75rem}.ceo-text{font-size:1rem}@media(max-width:900px){.values-grid{display:flex!important;flex-direction:column!important;gap:.75rem!important;padding:0 .5rem}.value-item,.value-card{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;width:100%!important;padding:.75rem!important;border-radius:12px!important}.value-icon{margin:0 0 .5rem!important;width:3.2rem!important;height:3.2rem!important;box-shadow:0 8px 20px #0000000f!important}.value-title{font-size:1rem!important;margin:.25rem 0!important}.value-description{font-size:.9rem!important;line-height:1.4!important}.mission-card,.vision-card{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;padding:.75rem!important}.mission-card .card-icon,.vision-card .card-icon{margin-bottom:.5rem!important;width:3.2rem!important;height:3.2rem!important}.mission-vision-grid{gap:1rem!important}}@media(prefers-reduced-motion:reduce){.values-grid,.mission-vision-grid{transition:none!important}}.about-page{max-width:1280px;margin:0 auto;padding:4rem 1.5rem}.about-header{text-align:center;margin-bottom:4rem}.about-title{font-size:3rem;font-weight:900;color:#000;margin-bottom:1.5rem;position:relative;padding-bottom:1rem}.about-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:100px;height:4px;background:linear-gradient(90deg,#d4a017,gold);border-radius:2px}.about-subtitle{font-size:1.35rem;color:#4b5563;max-width:48rem;margin:0 auto;font-weight:500}.about-section{margin-bottom:4rem;max-width:56rem;margin-left:auto;margin-right:auto;background-color:#fff;padding:2.5rem;border-radius:20px;box-shadow:0 10px 30px #00000014;transition:all .3s}.about-section:hover{transform:translateY(-5px);box-shadow:0 15px 40px #d4a01726}.section-title{font-size:1.875rem;font-weight:800;color:#d4a017;margin-bottom:1.5rem}.section-content{color:#374151;line-height:1.8;font-size:1.05rem}.section-content p{margin-bottom:1rem}.mission-vision-grid{display:grid;grid-template-columns:1fr;gap:2.5rem;max-width:80rem;margin:0 auto 4rem}.mission-card{background-color:#fff;padding:3rem;border-radius:20px;box-shadow:0 10px 30px #00000026;transition:all .3s;text-align:center}.mission-card:hover{transform:translateY(-8px);box-shadow:0 15px 40px #0003}.mission-card:nth-child(1){background:linear-gradient(135deg,#d4a017,gold);color:#fff}.mission-card:nth-child(2){background:linear-gradient(135deg,#1a1a1a,#000);color:#fff}.card-icon{width:4rem;height:4rem;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;box-shadow:0 8px 20px #0003}.card-icon svg{width:2rem;height:2rem;color:#fff}.icon-gold{background-color:#fff}.icon-gold svg{color:#d4a017}.icon-green{background-color:#fff}.icon-green svg{color:#0f0}.card-title{font-size:1.6rem;font-weight:800;margin-bottom:1.5rem}.card-description{line-height:1.8;font-size:1.05rem}.values-section{margin-bottom:4rem;max-width:80rem;margin-left:auto;margin-right:auto}.values-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.value-item{display:flex;align-items:center;gap:1.25rem;padding:1.5rem;border-radius:12px;background:#f9fafb;transition:all .3s}.value-item:hover{background:#fff;box-shadow:0 8px 20px #d4a01726;transform:translate(8px)}.value-icon{width:3.5rem;height:3.5rem;background:linear-gradient(135deg,#d4a017,gold);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 6px 15px #d4a0174d}.value-icon svg{width:1.75rem;height:1.75rem;color:#fff}.value-text{font-weight:600;color:#1f2937;font-size:1.05rem}.approach-section{margin-bottom:4rem;max-width:56rem;margin-left:auto;margin-right:auto;background-color:#fff;padding:2.5rem;border-radius:20px;box-shadow:0 10px 30px #00000014}.approach-list{list-style:none;padding:0;margin:0}.approach-item{display:flex;align-items:center;gap:1rem;padding:1.25rem 0;border-bottom:2px solid #E5E7EB;transition:all .3s}.approach-item:hover{padding-left:1rem;border-bottom-color:#d4a017}.approach-item:last-child{border-bottom:none}.check-icon{color:#d4a017;flex-shrink:0;width:1.75rem;height:1.75rem}.approach-text{color:#374151;line-height:1.6;font-size:1.05rem}.cta-section{text-align:center;background:linear-gradient(135deg,#d4a017,gold);color:#fff;padding:4rem 2rem;border-radius:20px;box-shadow:0 10px 30px #d4a0174d;max-width:56rem;margin:0 auto}.cta-title{font-size:2.25rem;font-weight:900;margin-bottom:2rem;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.btn-whatsapp{display:inline-flex;align-items:center;gap:.75rem;padding:1.25rem 2.5rem;background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;border-radius:50px;font-weight:700;font-size:1.1rem;text-decoration:none;transition:all .3s;box-shadow:0 6px 20px #25d36666}.btn-whatsapp:hover{transform:translateY(-3px);box-shadow:0 10px 30px #25d36680}.btn-whatsapp svg{width:1.5rem;height:1.5rem}@media(min-width:768px){.about-title{font-size:3.5rem}.mission-vision-grid,.values-grid{grid-template-columns:repeat(2,1fr)}}.dog-card{background-color:#fff;box-shadow:0 10px 30px #0000001a;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;transition:all .3s;border:2px solid transparent}.dog-card:hover{transform:translateY(-10px);box-shadow:0 15px 40px #d4a01733;border-color:#d4a017}.dog-card-image-container{position:relative;height:14rem;width:100%;overflow:hidden}.dog-card-image{object-fit:cover;width:100%;height:100%;transition:transform .3s}.dog-card:hover .dog-card-image{transform:scale(1.05)}.dog-card-status{position:absolute;top:1rem;left:1rem;font-size:.875rem;font-weight:700;color:#fff;padding:.5rem 1rem;border-radius:50px;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 10px #0003}.status-disponible{background:linear-gradient(135deg,#16a34a,#15803d)}.status-reserve,.status-vendu,.status-indisponible{background:linear-gradient(135deg,#6b7280,#4b5563)}.dog-card-content{padding:1.5rem;flex:1;display:flex;flex-direction:column}.dog-card-title{font-size:1.35rem;font-weight:800;color:#000;margin:0 0 .5rem}.dog-card-breed{font-size:1rem;color:#d4a017;font-weight:600;margin:0 0 1rem}.dog-card-description{font-size:.95rem;color:#374151;flex:1;margin:0 0 1.5rem;line-height:1.6}.dog-card-actions{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.dog-card-contact-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;font-weight:700;padding:.75rem 1.5rem;border-radius:50px;text-decoration:none;transition:all .3s;box-shadow:0 4px 12px #25d3664d;font-size:.95rem}.dog-card-contact-btn:hover{transform:translateY(-2px);box-shadow:0 6px 18px #25d36666}.dog-card-contact-btn svg{width:1.25rem;height:1.25rem}.dog-card-call-link{font-size:.9rem;color:#d4a017;font-weight:600;text-decoration:none;text-align:center;padding:.5rem;transition:all .3s;border-radius:8px}.dog-card-call-link:hover{background-color:#fff9e6;color:#000}@media(min-width:640px){.dog-card-actions{flex-direction:row;align-items:center}.dog-card-contact-btn{flex:1}}.dog-card--clickable{cursor:pointer}.dog-card--clickable:focus{outline:3px solid rgba(212,160,23,.25);outline-offset:4px}.dog-modal-backdrop{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .18s ease-out;padding:16px}.dog-modal{background:#fff;border-radius:10px;width:min(1000px,92%);max-height:90vh;overflow:auto;box-shadow:0 10px 30px #00000059;position:relative;transform-origin:center;animation:pop .2s ease-out}.dog-modal-close{position:absolute;right:12px;top:8px;border:none;background:#0000000f;font-size:24px;cursor:pointer;line-height:1;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;transition:background .12s ease,transform .12s ease}.dog-modal-close:hover{background:#0000001f;transform:scale(1.03)}.dog-modal-close:focus{outline:3px solid rgba(212,160,23,.25);outline-offset:4px}.dog-modal-content{display:grid;grid-template-columns:1fr 1fr;gap:18px;min-height:320px}.dog-modal-left{background:#f7f7f7;display:flex;align-items:center;justify-content:center;padding:18px}.dog-modal-image{max-width:100%;max-height:70vh;object-fit:cover;border-radius:8px}.dog-modal-right{padding:22px;display:flex;flex-direction:column;gap:12px}.dog-modal-name{margin:0;font-size:26px}.dog-modal-breed{margin:0;color:#666}.dog-modal-description{color:#222;line-height:1.5;white-space:pre-wrap}.dog-modal-actions{margin-top:auto;display:flex;gap:12px}.dog-modal-wa,.dog-modal-call{padding:10px 14px;border-radius:6px;text-decoration:none;color:#fff}.dog-modal-wa{background:#25d366}.dog-modal-call{background:#0b77d9}@media(max-width:720px){.dog-modal-content{grid-template-columns:1fr}.dog-modal-image{max-height:40vh}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{transform:scale(.98);opacity:0}to{transform:scale(1);opacity:1}}.nos-chiens-page{max-width:1280px;margin:0 auto;padding:4rem 1.5rem}.page-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:100px;height:4px;background:linear-gradient(90deg,#d4a017,gold);border-radius:2px}.dogs-grid{display:grid;grid-template-columns:1fr;gap:2.5rem}@media(min-width:640px){.dogs-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.page-title{font-size:3.5rem}}@media(min-width:1024px){.dogs-grid{grid-template-columns:repeat(3,1fr);gap:3rem}}.services-page{max-width:1280px;margin:0 auto;padding:4rem 1.5rem}.services-header{text-align:center;margin-bottom:4rem}.services-title{font-size:3rem;font-weight:900;color:#000;margin-bottom:1.5rem;position:relative;padding-bottom:1rem}.services-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:100px;height:4px;background:linear-gradient(90deg,#d4a017,gold);border-radius:2px}.services-subtitle{font-size:1.35rem;color:#4b5563;max-width:48rem;margin:0 auto;font-weight:500}.service-item{background-color:#fff;padding:3rem;border-radius:20px;box-shadow:0 10px 30px #00000014;border:2px solid transparent;margin-bottom:3rem;transition:all .3s}.service-item:hover{transform:translateY(-10px);box-shadow:0 15px 40px #d4a01733;border-color:#d4a017}.service-content{display:flex;align-items:flex-start;gap:2rem}.service-icon{width:5rem;height:5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 8px 20px #d4a0174d}.service-icon svg{width:2.5rem;height:2.5rem;color:#fff}.icon-gold{background:linear-gradient(135deg,#d4a017,gold)}.icon-green{background:linear-gradient(135deg,#0f0,#0c0)}.icon-yellow{background:linear-gradient(135deg,gold,orange)}.service-title{font-size:1.75rem;font-weight:800;color:#000;margin-bottom:1.5rem}.service-description{color:#4b5563;margin-bottom:1.5rem;line-height:1.8;font-size:1.05rem}.service-feature{display:flex;align-items:center;margin-bottom:.75rem;color:#374151;font-size:1.05rem;transition:all .3s}.service-feature:hover{padding-left:.5rem;color:#000}.check-icon{width:1.5rem;height:1.5rem;color:#0f0;margin-right:.75rem;flex-shrink:0}.quality-section{background:linear-gradient(135deg,#d4a017,gold);color:#fff;padding:4rem 2rem;border-radius:20px;text-align:center;box-shadow:0 10px 30px #d4a0174d;position:relative;overflow:hidden;max-width:80rem;margin:3rem auto 0}.quality-section:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="40" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="2"/></svg>');opacity:.3}.quality-title{font-size:2.5rem;font-weight:900;margin-bottom:1.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.1);position:relative;z-index:1}.quality-text{font-size:1.25rem;line-height:1.8;margin-bottom:2.5rem;max-width:48rem;margin-left:auto;margin-right:auto;position:relative;z-index:1}.quality-list{list-style:none;padding:0;margin:0 auto 2.5rem;max-width:32rem;text-align:left;position:relative;z-index:1}.quality-item{display:flex;align-items:center;gap:1rem;padding:1rem 0;font-size:1.2rem;font-weight:500}.star-icon{color:gold;flex-shrink:0;width:1.75rem;height:1.75rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.btn-contact{display:inline-flex;align-items:center;gap:.75rem;padding:1.25rem 2.5rem;background-color:#000;color:#fff;border-radius:50px;font-weight:700;font-size:1.1rem;text-decoration:none;transition:all .3s;box-shadow:0 6px 20px #0000004d;position:relative;z-index:1}.btn-contact:hover{background-color:#1f2937;transform:translateY(-3px);box-shadow:0 10px 30px #0006}.btn-contact svg{width:1.5rem;height:1.5rem}@media(min-width:768px){.services-title{font-size:3.5rem}.quality-title{font-size:3rem}}@media(max-width:900px){.services-list{padding:0 .75rem}.service-item{padding:.9rem;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:.75rem}.service-content{display:flex;gap:.75rem;flex-direction:column;align-items:center}.service-icon{width:64px;height:64px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-right:0;background:#00000008;box-shadow:0 8px 20px #1018280f}.service-icon .icon{width:1.25rem;height:1.25rem}.service-title{font-size:1.05rem;font-weight:700;margin:0}.service-description{font-size:.95rem;color:#475569;margin:0}.service-features{margin-top:.5rem}.feature-item{font-size:.92rem;margin-bottom:.45rem}.check-icon{width:1rem;height:1rem}.quality-section{padding:1rem}.cta-section{padding:1.25rem;border-radius:12px}.cta-buttons{gap:.75rem}.btn-whatsapp,.btn-call,.btn-white{width:100%;padding:.75rem;font-size:.96rem}}@media(prefers-reduced-motion:reduce){.service-item,.service-content{transition:none}}.services-page{max-width:1280px;margin:0 auto;padding:3rem 1rem}.services-header{text-align:center;margin-bottom:3rem}.services-title{font-size:2.5rem;font-weight:700;color:#000;margin-bottom:1rem}.services-subtitle{font-size:1.25rem;color:#666;max-width:48rem;margin:0 auto}.services-list{max-width:80rem;margin:0 auto}.service-item{background:#fff;padding:2rem;border-radius:.75rem;box-shadow:0 6px 20px #1018280d;border:1px solid #EEF2F6;margin-bottom:2rem;transform:translateY(12px);opacity:0;transition:transform .42s cubic-bezier(.2,.9,.2,1),opacity .42s ease}.service-item.animate-in{transform:translateY(0);opacity:1}.service-item:hover{transform:translateY(-6px);box-shadow:0 14px 40px #10182814}.service-content{display:flex;align-items:flex-start}.service-icon{width:3.25rem;height:3.25rem;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-right:1.5rem;flex-shrink:0}.service-icon.gold{background:linear-gradient(180deg,#ecd9a4,#e4c57a);color:#3a2b00}.service-icon.green{background:linear-gradient(180deg,#dff3e6,#c6e8cc);color:#075f2f}.service-icon.yellow{background:linear-gradient(180deg,#fff4d9,#ffe8a8);color:#6b4d00}.service-icon svg{width:1.75rem;height:1.75rem}.service-details{flex:1}.service-title{font-size:1.5rem;font-weight:700;color:#111;margin-bottom:.75rem}.service-description{color:#555;margin-bottom:1rem;line-height:1.6}.service-features{list-style:none;padding:0;margin:0}.feature-item{display:flex;align-items:center;margin-bottom:.75rem;color:#666;font-size:.98rem}.feature-item .check-icon{width:1.25rem;height:1.25rem;color:#16a34a;margin-right:.75rem;flex-shrink:0}.quality-section{margin-top:4rem;max-width:56rem;margin-left:auto;margin-right:auto;background:#fbfaf8;padding:2rem;border-radius:.75rem;border-left:4px solid #D4A017}.quality-section h2{font-size:1.875rem;font-weight:700;color:#111;margin-bottom:1.5rem;text-align:center}.quality-content{color:#555;line-height:1.7}.quality-content p{margin-bottom:1.25rem}.quality-emphasis{font-weight:600;color:#000;font-style:italic}.cta-section{margin-top:4rem;text-align:center;background:linear-gradient(135deg,#f7edd7,#f2e0a8);color:#0f172a;padding:3rem;border-radius:.75rem;box-shadow:0 10px 30px #1018280a}.cta-title{font-size:1.875rem;font-weight:700;margin-bottom:1rem;color:#0f172a}.cta-text{font-size:1.125rem;margin-bottom:1.5rem;color:#0f172a}.cta-buttons{display:flex;flex-direction:column;gap:1rem;justify-content:center}.btn-whatsapp{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;background-color:#25d366;color:#fff;border-radius:50px;text-decoration:none;font-weight:600;transition:all .2s ease;box-shadow:0 4px 12px #25d36633}.btn-whatsapp:hover{transform:translateY(-2px);box-shadow:0 8px 20px #25d36659}.btn-call{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;background-color:#e6c77d;color:#0f172a;border-radius:50px;text-decoration:none;font-weight:600;transition:all .2s ease;border:2px solid #E6C77D}.btn-call:hover{background-color:transparent;color:#0f172a}@media(min-width:640px){.cta-buttons{flex-direction:row;gap:1rem}.btn-whatsapp,.btn-call{flex:1}}@media(prefers-reduced-motion:reduce){.service-item,.service-item.animate-in{transition:none;transform:none;opacity:1}}.contact-page{max-width:1280px;margin:0 auto;padding:4rem 1.5rem}.page-header{text-align:center;margin-bottom:4rem}.page-title{font-size:3rem;font-weight:900;color:#000;margin-bottom:1rem;position:relative;padding-bottom:1rem}.page-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:100px;height:4px;background:linear-gradient(90deg,var(--faso-gold) 0%,var(--faso-yellow) 100%);border-radius:2px}.page-description{color:#4b5563;margin-top:1rem;font-size:1.25rem;max-width:48rem;margin-left:auto;margin-right:auto}.contact-grid{display:grid;grid-template-columns:1fr;gap:3rem}.contact-info-section,.quick-contact-section{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a}.section-title{font-size:1.5rem;font-weight:700;color:#000;margin-bottom:1.5rem}.contact-items{display:flex;flex-direction:column;gap:1.5rem}.contact-item{display:flex;align-items:center;gap:1rem}.contact-icon{font-size:1.25rem;color:var(--faso-gold);flex-shrink:0}.contact-details h3{font-size:1rem;font-weight:600;color:#000;margin-bottom:.25rem}.contact-details p{color:#6b7280;margin:0}.quick-contact-description{color:#4b5563;margin-bottom:2rem}.quick-contact-buttons{display:flex;flex-direction:column;gap:1rem}.quick-contact-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:600;transition:all .3s ease}.whatsapp-btn{background:#25d366;color:#fff}.whatsapp-btn:hover{background:#128c7e}.phone-btn{background:var(--faso-gold);color:#fff}.phone-btn:hover{background:#b8860b}.quick-contact-icon{font-size:1.25rem}@media(min-width:640px){.quick-contact-buttons{flex-direction:row}}@media(min-width:768px){.contact-grid{grid-template-columns:repeat(2,1fr)}.page-title{font-size:3.5rem}}.contact-map,.map-section{margin-top:2.5rem}.map-wrapper{border-radius:12px;overflow:hidden;border:1px solid #E6E7EA;box-shadow:0 6px 18px #1018280f;position:relative}.map-wrapper iframe{display:block;width:100%;height:320px;border:0}.map-pointer{position:absolute;left:50%;top:50%;transform:translate(-50%,-100%);pointer-events:none;display:flex;align-items:center;justify-content:center}.map-pointer .marker{width:44px;height:44px;background:linear-gradient(180deg,#ff4d4f,#c40000);border-radius:999px;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 6px 18px #0000002e;border:3px solid #fff}.map-pointer .marker img{width:30px;height:30px;object-fit:cover;border-radius:6px}.map-badge{display:flex;align-items:center;gap:1rem;margin-top:.75rem}.map-badge img{width:48px;height:48px;object-fit:cover;border-radius:8px}.map-badge span{color:#374151;font-weight:600}.map-address,.map-note{color:#374151;font-weight:600;margin-top:.6rem}@media(min-width:768px){.map-wrapper iframe{height:420px}}.admin-page{max-width:900px;margin:2rem auto;padding:1rem}.admin-login-section{display:flex;align-items:center;justify-content:center;min-height:60vh;padding:1rem}.admin-login{max-width:420px;width:100%;display:flex;flex-direction:column;gap:1rem}.admin-page input[type=text],.admin-page input[type=tel],.admin-page input[type=number],.admin-page textarea,.admin-page select{padding:.75rem .9rem;border:1px solid #ececec;border-radius:10px;transition:box-shadow .18s ease,border-color .18s ease,transform .08s ease;width:100%;box-sizing:border-box;background:#fff;color:#1f1f1f;-webkit-appearance:none;appearance:none;box-shadow:none}.admin-page input::placeholder,.admin-page textarea::placeholder{color:#bfbfbf}.admin-page input:focus,.admin-page textarea:focus,.admin-page select:focus,.admin-page input:focus-visible,.admin-page textarea:focus-visible,.admin-page select:focus-visible{outline:none;border-color:#d4a017;box-shadow:0 8px 24px #d4a0171a,0 0 0 4px #d4a0170f}.admin-page input:-moz-focusring{outline:none}.admin-page input:disabled,.admin-page textarea:disabled,.admin-page select:disabled{background:#fafafa;opacity:.95;cursor:not-allowed}.admin-page input[type=number]{max-width:100%}.btn-primary:focus,.btn-ghost:focus,.action-icon:focus{outline:none;box-shadow:0 8px 20px #d4a0171f}.admin-page textarea{min-height:120px}label{display:flex;flex-direction:column;gap:.35rem}.password-row{display:flex;gap:.5rem;align-items:center}.password-row input{flex:1 1 auto;min-width:0}.password-row .toggle-password{background:transparent;border:none;padding:.25rem;width:36px;height:36px;flex:0 0 36px;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.password-row .toggle-password svg{width:18px;height:18px;color:#444}.password-row .toggle-password:focus{outline:2px solid rgba(212,160,23,.15);border-radius:6px}.strength{display:none}.input-error{color:#8a1f1f;font-size:.9rem}.admin-login label{display:flex;flex-direction:column;gap:.25rem}.admin-list ul{list-style:none;padding:0}.admin-list li{display:flex;gap:1rem;align-items:center;padding:.5rem 0}.admin-form{margin-top:2rem}.admin-form form{display:flex;flex-direction:column;gap:.75rem}.btn-primary{background:linear-gradient(135deg,#d4a017,#b8860b);color:#fff;padding:.6rem 1rem;border-radius:8px;border:none}.btn-ghost{background:transparent;border:1px solid #ddd;padding:.45rem .8rem;border-radius:8px}.btn-danger{background:#d9534f;color:#fff;border:none;padding:.45rem .8rem;border-radius:6px}.btn-small{background:#eee;border:1px solid #ddd;padding:.3rem .5rem;border-radius:6px}.admin-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem}.alert{padding:.6rem 1rem;border-radius:6px;margin-bottom:1rem}.alert.success{background:#e6f7e9;color:#1f7a3a}.alert.error{background:#fdecea;color:#8a1f1f}.admin-controls .controls{display:flex;gap:.5rem;align-items:center;margin-bottom:1rem}.admin-controls input{padding:.5rem;border:1px solid #ddd;border-radius:6px;width:100%}.dog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.list-actions{display:flex;gap:.5rem}.table-wrap{overflow:auto;border:1px solid #f0f0f0;border-radius:8px}.dog-table{width:100%;border-collapse:collapse}.dog-table th,.dog-table td{padding:.6rem .75rem;text-align:left;border-bottom:1px solid #f6f6f6}.dog-table thead th{background:#fafafa;font-weight:600}.td-thumb .thumb,.dog-table .thumb{width:80px;height:60px;object-fit:cover;border-radius:6px}.actions-col{width:120px;text-align:right}.action-icon{background:transparent;border:none;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border-radius:6px}.action-icon:hover{background:#f5f5f5}.action-icon.danger{color:#d9534f}.admin-form{margin:.75rem 0 1rem}.admin-form form{display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr);align-items:start}.admin-form label{display:flex;flex-direction:column}.admin-form .full{grid-column:1 / -1}.admin-form .form-actions{grid-column:1 / -1;display:flex;gap:.5rem;margin-top:.25rem}.dog-card{display:flex;gap:.75rem;align-items:flex-start;padding:.75rem;border:1px solid #f0f0f0;border-radius:8px;background:#fff}.thumb{width:100px;height:80px;object-fit:cover;border-radius:6px}.dog-info{flex:1}.muted{color:#666;font-size:.95rem}.card-actions{margin-top:.5rem;display:flex;gap:.5rem}.status-badge{display:inline-block;padding:.25rem .5rem;border-radius:6px;font-size:.85rem;margin-top:.4rem}.status-badge.available{background:#e6f7e9;color:#0b7a3a}.status-badge.unavailable{background:#fdecea;color:#8a1f1f}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.form-grid label.full{grid-column:1 / -1}.image-preview{display:flex;align-items:center;justify-content:center;border:1px dashed #eee;padding:.5rem;border-radius:6px;height:80px}.image-preview img{max-height:70px;max-width:100%}.preview-empty{color:#999}.form-actions{grid-column:1 / -1;display:flex;gap:.5rem;margin-top:.75rem}@media(max-width:600px){.form-grid{grid-template-columns:1fr}.thumb{width:70px;height:60px}}.modal-backdrop{position:fixed;inset:0;display:flex;align-items:flex-start;justify-content:center;padding:3rem 1rem;background:#00000059;z-index:60}.modal{background:#fff;width:100%;max-width:860px;border-radius:10px;padding:1rem;box-shadow:0 12px 40px #00000026;box-sizing:border-box;max-height:calc(100vh - 4rem);overflow-y:auto;-webkit-overflow-scrolling:touch}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.modal-form{grid-template-columns:repeat(2,1fr);gap:1rem}.upload-area-wrapper{display:flex;justify-content:center;align-items:center}.uploader-area{width:100%;border:2px dashed #eee;border-radius:12px;padding:1.25rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;background:linear-gradient(180deg,#fff,#fbfbfb);min-height:160px}.uploader-area .uploader-area-label{display:flex;align-items:center;justify-content:center;width:100%;height:100%;cursor:pointer}.uploader-area .uploader-area-content{display:flex;flex-direction:column;align-items:center;gap:.35rem}.uploader-area .uploader-area-text{font-weight:600;color:#444}.uploader-area .uploader-area-sub{font-size:.9rem;color:#777}.uploader-area .uploader-preview img{max-height:220px;border-radius:8px}.uploader-error{color:#c0392b;margin-top:6px}.uploader-note{color:#666;font-size:.9rem}.modal .form-grid>label{background:#fff;padding:.6rem;border-radius:8px}.modal .form-grid .full{grid-column:1 / -1}.modal .form-actions.full{display:flex;gap:.6rem;justify-content:flex-end;position:sticky;bottom:0;background:linear-gradient(180deg,#fff0,#fffffffa);padding-top:.6rem;padding-bottom:.6rem}@media(max-width:700px){.modal{padding:.6rem}.modal-form{grid-template-columns:1fr}}.cloudinary-uploader{display:flex;align-items:center;gap:.5rem}.cloudinary-uploader .uploader-label{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:#d4a017;border-radius:6px;cursor:pointer;border:none}.cloudinary-uploader .uploader-label input{display:none}.cloudinary-uploader .uploader-label svg{color:#fff}.cloudinary-uploader .uploader-preview img{max-height:70px}.cloudinary-uploader .uploader-note{font-size:.85rem;color:#666;margin-top:.25rem}.app-container{min-height:100vh;display:flex;flex-direction:column}.content{flex:1}:is(.btn-whatsapp,.btn-primary,.btn-call,.btn-dark,.quick-contact-btn,.btn-secondary,.btn-contact-cta){font-size:clamp(.98rem,2.6vw,1.08rem);padding:.9rem 1.25rem;min-height:48px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center}@media(max-width:640px){:is(.btn-whatsapp,.btn-primary,.btn-call,.btn-dark,.quick-contact-btn,.btn-secondary,.btn-contact-cta){width:100%;max-width:none}}