.page-hero{position:relative;padding:3rem 0 2.5rem;overflow:hidden;background:linear-gradient(135deg,#a8e6cf,#e8f5f0,#f0f9f6)}.page-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 80% 50% at 20% 40%,rgba(62,180,137,.1) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 80% 20%,rgba(62,180,137,.08) 0%,transparent 50%);pointer-events:none}.page-hero:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(62,180,137,.3),transparent)}.page-hero__inner{position:relative;z-index:1;max-width:1350px;margin:0 auto;padding:0 1.5rem}.page-hero__badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#3eb48926;border:1px solid rgba(62,180,137,.3);border-radius:50px;font-size:.875rem;font-weight:600;color:#3eb489;margin-bottom:1.5rem;backdrop-filter:blur(8px)}.page-hero__badge-icon{width:20px;height:20px}.page-hero__title{font-size:clamp(2.25rem,4.5vw,3.5rem);font-weight:800;color:#1a2b3c;line-height:1.1;margin-bottom:1rem;letter-spacing:-.02em}.page-hero__title span{background:linear-gradient(135deg,#2d8a6a,#3eb489);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-hero__subtitle{font-size:1.25rem;color:#5a6b7c;max-width:600px;line-height:1.6;margin-bottom:2rem}.page-hero__stats{display:flex;gap:3rem;flex-wrap:wrap}.page-hero__stat{display:flex;flex-direction:column}.page-hero__stat-value{font-size:2.5rem;font-weight:800;color:#2d8a6a;line-height:1}.page-hero__stat-label{font-size:.875rem;color:#8896a6;margin-top:.25rem}.page-hero--coral{background:linear-gradient(135deg,#fee2e2,#fff5f5,#f0f9f6)}.page-hero--coral:before{background:radial-gradient(ellipse 80% 50% at 20% 40%,rgba(255,107,107,.08) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 80% 20%,rgba(255,107,107,.06) 0%,transparent 50%)}.page-hero--coral .page-hero__badge{background:#ff6b6b1f;border-color:#ff6b6b33;color:#e85555}.page-hero--coral .page-hero__stat-value{color:#e85555}.page-hero--coral:after{background:linear-gradient(90deg,transparent,rgba(255,107,107,.3),transparent)}.breadcrumb-new{padding:0 0 1rem;position:relative;z-index:1}.breadcrumb-new .container{max-width:1350px;margin:0 auto;padding:0 1.5rem;display:flex;align-items:center;gap:.5rem;font-size:.875rem}.breadcrumb-new a{color:#5a6b7c;text-decoration:none;transition:color .2s}.breadcrumb-new a:hover{color:#3eb489}.breadcrumb-new span{color:#8896a6}.breadcrumb-new strong{color:#1a2b3c;font-weight:600}.container{max-width:1350px;margin:0 auto;padding:0 1.5rem}.section{padding:3rem 0}.breed-toolbar{background:linear-gradient(135deg,#f0fdf9,#e6f7f1);border:1px solid rgba(45,212,168,.15);border-radius:20px;padding:1.25rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;margin-bottom:.5rem}.breed-toolbar--coral{background:linear-gradient(135deg,#fef7f0,#fdf0e6);border-color:#ff9f4326}.breed-toolbar__heading{flex:1;min-width:200px}.breed-toolbar__title{font-size:1.5rem;font-weight:800;color:#1a2b3c;margin:0;letter-spacing:-.01em}.breed-toolbar__subtitle{font-size:.875rem;color:#5a6b7c;margin:.25rem 0 0}.breed-toolbar__subtitle strong{color:#3eb489;font-weight:700}.breed-toolbar--coral .breed-toolbar__subtitle strong{color:#d97706}.breed-search{flex:0 1 320px;min-width:200px}.breed-search__field{display:flex;align-items:center;gap:.5rem;background:#fff;border:2px solid #E2EBE7;border-radius:14px;padding:.625rem 1rem;transition:border-color .3s,box-shadow .3s;cursor:text}.breed-search__field:focus-within{border-color:#3eb489;box-shadow:0 0 0 4px #3eb4891f}.breed-toolbar--coral .breed-search__field:focus-within{border-color:#ff9f43;box-shadow:0 0 0 4px #ff9f431f}.breed-search__icon{width:20px;height:20px;color:#8896a6;flex-shrink:0}.breed-search__input{flex:1;border:none;outline:none;font-size:.9375rem;color:#1a2b3c;background:transparent;font-family:inherit;min-width:0}.breed-search__input::-moz-placeholder{color:#8896a6}.breed-search__input::placeholder{color:#8896a6}.breed-search__input::-webkit-search-cancel-button,.breed-search__input::-webkit-search-decoration{-webkit-appearance:none}.breed-search__clear{display:none;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:#f0f5f3;border-radius:50%;cursor:pointer;color:#5a6b7c;transition:background .2s,color .2s;padding:0;flex-shrink:0}.breed-search__clear:hover{background:#e2ebe7;color:#1a2b3c}.breed-search.is-filled .breed-search__clear{display:flex}.breed-search__clear svg{width:14px;height:14px}.breed-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;padding:1.5rem 0}.breed-card{position:relative;display:flex;flex-direction:column;background:#fff;border-radius:32px;overflow:hidden;text-decoration:none;color:#1a2b3c;box-shadow:0 4px 20px #0000000f;transition:all .4s cubic-bezier(.25,.46,.45,.94);border:1px solid #F0F5F3}.breed-card:before{content:"";position:absolute;inset:0;border-radius:32px;padding:2px;background:linear-gradient(135deg,#3eb4898c,#a8e6cf8c);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s ease;z-index:1;pointer-events:none}.breed-card--cat:before{background:linear-gradient(135deg,#ffb77899,#ffd2aa80)}.breed-card:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 24px 48px #0000001f;color:#1a2b3c}.breed-card--cat:hover{box-shadow:0 24px 48px #ff9f432e}.breed-card:hover:before{opacity:1}.breed-card__image{position:relative;height:200px;background:linear-gradient(135deg,#f0fdf9,#e6f7f1);display:flex;align-items:center;justify-content:center;overflow:hidden}.breed-card--cat .breed-card__image{background:linear-gradient(135deg,#fef7f0,#fdf0e6)}.breed-card__image:after{content:"";position:absolute;bottom:0;left:0;right:0;height:80px;background:linear-gradient(to top,#fff,transparent);pointer-events:none}.breed-card__image img{width:auto;height:180px;max-width:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center bottom;object-position:center bottom;filter:drop-shadow(0 10px 20px rgba(0,0,0,.1));transition:all .5s cubic-bezier(.25,.46,.45,.94)}.breed-card:hover .breed-card__image img{transform:scale(1.1) translateY(-8px)}.breed-card__emoji{font-size:5rem;opacity:.3;transition:all .4s ease}.breed-card:hover .breed-card__emoji{transform:scale(1.15);opacity:.5}.breed-card__body{padding:1.5rem;display:flex;flex-direction:column;gap:.75rem;flex:1;position:relative;z-index:2;background:#fff}.breed-card__name{font-size:1.125rem;font-weight:700;color:#1a2b3c;line-height:1.3}.breed-card__meta{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.breed-card__tag{display:inline-flex;align-items:center;padding:.375rem .75rem;background:linear-gradient(135deg,#3eb4891a,#3eb4890d);color:#2d8a6a;border-radius:50px;font-size:.8125rem;font-weight:600}.breed-card--cat .breed-card__tag{background:linear-gradient(135deg,#ff9f431a,#ff9f430d);color:#d97706}.breed-card__lifespan{font-size:.8125rem;color:#5a6b7c;display:flex;align-items:center;gap:.25rem}.breed-card__arrow{position:absolute;bottom:1.5rem;right:1.5rem;width:36px;height:36px;background:#3eb489;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transform:translate(-10px);transition:all .3s ease}.breed-card__arrow svg{width:16px;height:16px;fill:#fff}.breed-card:hover .breed-card__arrow{opacity:1;transform:translate(0)}.breed-card.is-hidden{display:none}.breed-empty{display:none;grid-column:1 / -1;text-align:center;padding:3rem 1rem;color:#5a6b7c}.breed-empty.is-visible{display:block}.breed-empty__icon{width:48px;height:48px;margin:0 auto 1rem;color:#8896a6}.breed-empty__title{font-size:1.25rem;font-weight:700;color:#1a2b3c;margin-bottom:.5rem}.cta-banner{padding:4rem 0;background:linear-gradient(135deg,#1a2b3c,#2d4a5c);color:#fff;text-align:center}.cta-banner--coral{background:linear-gradient(135deg,#e85555,#ff6b6b)}.cta-banner__inner{max-width:700px;margin:0 auto}.cta-banner__title{font-size:clamp(1.5rem,3vw,2rem);font-weight:800;margin-bottom:1rem;color:#fff}.cta-banner__text{font-size:1.125rem;opacity:.9;line-height:1.6;margin-bottom:2rem;color:#fff}.cta-banner__buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.cta-banner .btn--white,.cta-banner .btn--primary{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 2rem;font-weight:700;border-radius:14px;font-size:1rem;text-decoration:none;transition:all .3s;background:#fff;color:#e85555}.cta-banner .btn--white:hover,.cta-banner .btn--primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.cta-banner .btn--whatsapp{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 2rem;font-weight:700;border-radius:14px;font-size:1rem;text-decoration:none;transition:all .3s;background:#25d366;color:#fff}.cta-banner .btn--whatsapp:hover{transform:translateY(-2px);box-shadow:0 8px 24px #25d36666}.cta-banner .btn--whatsapp svg{width:20px;height:20px;fill:currentColor}@media (max-width: 768px){.page-hero{padding:2rem 0 1.5rem}.page-hero__title{font-size:clamp(1.75rem,6vw,2.5rem)}.page-hero__subtitle{font-size:1rem}.page-hero__stats{gap:1.5rem}.page-hero__stat-value{font-size:1.75rem}.breed-toolbar{flex-direction:column;align-items:stretch;padding:1rem}.breed-toolbar__title{font-size:1.25rem}.breed-search{flex:1 1 100%}.breed-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}.breed-card__image{height:160px}.breed-card__emoji{font-size:3.5rem}.breed-card__body{padding:1rem}.cta-banner{padding:2.5rem 0}.cta-banner__buttons{flex-direction:column;align-items:center}.cta-banner__buttons .btn--white,.cta-banner__buttons .btn--primary,.cta-banner__buttons .btn--whatsapp{width:100%;max-width:320px;justify-content:center}}@media (max-width: 480px){.page-hero{padding:1.5rem 0 1rem}.page-hero__title{font-size:1.5rem}.page-hero__badge{font-size:.75rem;padding:.375rem .75rem}.breed-grid{grid-template-columns:1fr}.breed-card__image{height:140px}.breed-card__emoji{font-size:3rem}}