.co-especie-page { max-width: 1200px; margin: 0 auto; padding: 0 20px; }

.co-breadcrumb { font-size: 13px; color: #4A5B61; padding: 16px 0; }
.co-breadcrumb a { color: #4A5B61; text-decoration: none; }
.co-breadcrumb a:hover { color: #308e95; }
.co-breadcrumb span { margin: 0 6px; }
.co-breadcrumb .current { color: #273B42; font-weight: 600; }

.co-especie-hero {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-bottom: 8px;
}
.co-especie-hero__inner {
  max-width: 1200px;
  margin: 0 auto;
  display: flex; align-items: flex-end; justify-content: space-between;
  gap: 32px; padding: 40px 20px 44px; flex-wrap: wrap;
}
.co-especie-hero__content { flex: 1 1 420px; }
.co-especie-hero__eyebrow {
  display: inline-block; font-size: 13px; font-weight: 700;
  color: #308e95; text-transform: uppercase; letter-spacing: .04em; margin-bottom: 8px;
}
.co-especie-hero__title { font-size: clamp(26px, 4vw, 38px); line-height: 1.15; color: #273B42; margin: 0 0 12px; }
.co-especie-hero__desc { font-size: 16px; line-height: 1.55; color: #4A5B61; max-width: 540px; }
.co-especie-hero__claim {
  font-size: 14px; line-height: 1.5; color: #273B42;
  font-weight: 600; margin: 14px 0 0; max-width: 500px;
  padding-left: 12px; border-left: 3px solid #308e95;
}
.co-especie-hero__image {
  flex: 0 0 300px; max-width: 340px;
  margin-bottom: -44px;
}
.co-especie-hero__image img {
  width: 100%; height: auto;
  display: block;
}

#co-especie-page-gatos  .co-especie-hero { background: #FBE4E2; }
#co-especie-page-perros .co-especie-hero { background: #DFF0EE; }

#co-especie-page-gatos .co-especie-hero__image img { transform: scaleX(-1); }

.co-especie-section__title { font-size: 22px; color: #273B42; margin: 0 0 20px; }
.co-especie-categorias, .co-especie-marcas, .co-especie-vendidos { padding: 32px 0; }

.co-especie-categorias__grid {
  display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px;
}
@media (min-width: 640px) { .co-especie-categorias__grid { grid-template-columns: repeat(4, 1fr); } }
@media (min-width: 900px) { .co-especie-categorias__grid { grid-template-columns: repeat(6, 1fr); } }

.co-especie-cat-item { display: flex; flex-direction: column; align-items: center; text-decoration: none; gap: 8px; }
.co-especie-cat-item__img-wrap {
  width: 100%; aspect-ratio: 1/1; border-radius: 12px; overflow: hidden;
  background: #e8f5f6; display: flex; align-items: center; justify-content: center;
}
.co-especie-cat-item__img-wrap img { width: 100%; height: 100%; object-fit: cover; }
.co-especie-cat-item span {
  font-size: 15px;
  font-weight: 600;
  color: #273B42;
  text-align: left;
  width: 100%;
  line-height: 1.35;
  min-height: 2.7em;
}
.co-especie-cat-item:hover span { color: #308e95; }

.co-especie-marcas__grid {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; align-items: center;
}
@media (min-width: 640px) { .co-especie-marcas__grid { grid-template-columns: repeat(5, 1fr); } }
@media (min-width: 900px) { .co-especie-marcas__grid { grid-template-columns: repeat(6, 1fr); } }

.co-especie-marca-item {
  display: flex; align-items: center; justify-content: center; height: 64px;
  border: 1px solid #eee; border-radius: 10px; padding: 8px; background: #fff;
  transition: box-shadow .15s ease;
}
.co-especie-marca-item:hover { box-shadow: 0 2px 10px rgba(0,0,0,.08); }
.co-especie-marca-item img { max-width: 100%; max-height: 100%; object-fit: contain; }
.co-especie-marca-item__label { font-size: 12px; font-weight: 700; color: #273B42; text-align: center; }

.co-especie-vendidos-wrap { position: relative; }

.co-especie-vendidos__track.co-product-grid ul.products {
  display: flex !important;
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
  scroll-snap-type: x proximity;
  -webkit-overflow-scrolling: touch;
  padding: 4px 2px 14px !important;
  gap: 16px !important;
}
.co-especie-vendidos__track.co-product-grid ul.products::-webkit-scrollbar { height: 6px; }
.co-especie-vendidos__track.co-product-grid ul.products::-webkit-scrollbar-thumb { background: #ddd; border-radius: 10px; }

.co-especie-vendidos__track.co-product-grid ul.products li.product {
  flex: 0 0 200px !important;
  width: 200px !important;
  scroll-snap-align: start;
}
@media (min-width: 640px) {
  .co-especie-vendidos__track.co-product-grid ul.products li.product {
    flex: 0 0 220px !important;
    width: 220px !important;
  }
}

.co-especie-vendidos__nav { display: flex; justify-content: flex-end; gap: 8px; margin-top: 2px; }
.co-especie-vendidos__btn {
  width: 36px; height: 36px; border-radius: 50%; border: 1px solid #ddd; background: #fff;
  font-size: 18px; cursor: pointer; color: #273B42;
}
.co-especie-vendidos__btn:hover { background: #e8f5f6; border-color: #308e95; }

.co-especie-why { padding: 40px 0; border-top: 1px solid #eee; }
.co-especie-why__grid {
  display: grid; grid-template-columns: 1fr; gap: 24px; text-align: center;
}
@media (min-width: 768px) { .co-especie-why__grid { grid-template-columns: repeat(3, 1fr); } }
.co-especie-why__item img { width: 40px; height: 40px; margin-bottom: 8px; }
.co-especie-why__item h3 { font-size: 15px; color: #273B42; margin: 0 0 6px; }
.co-especie-why__item p { font-size: 13px; color: #4A5B61; line-height: 1.4; }
.co-especie-why__item a { color: #308e95; }

.co-especie-seo-text { padding: 24px 0; border-top: 1px solid #eee; }
.co-especie-seo-text__inner p { font-size: 14px; line-height: 1.65; color: #4A5B61; margin: 0 0 10px; }
.co-especie-seo-text__inner a { color: #308e95; }

.co-especie-seo-links { padding: 24px 0 48px; }
.co-especie-seo-links__inner { display: grid; grid-template-columns: 1fr; gap: 24px; }
@media (min-width: 640px) { .co-especie-seo-links__inner { grid-template-columns: repeat(2, 1fr); } }
.co-especie-seo-links__title { font-weight: 700; color: #273B42; margin: 0 0 8px; font-size: 14px; }
.co-especie-seo-links ul { list-style: none; margin: 0; padding: 0; columns: 2; }
.co-especie-seo-links li { margin-bottom: 6px; }
.co-especie-seo-links a { font-size: 13px; color: #4A5B61; text-decoration: none; }
.co-especie-seo-links a:hover { color: #308e95; }

@media (max-width: 767px) {
  .co-especie-hero__inner {
    flex-direction: column;
    align-items: center;
    padding: 24px 20px 0;
    gap: 12px;
  }
  .co-especie-hero__content {
    flex: 0 0 auto;
    text-align: left;
    width: 100%;
  }
  .co-especie-hero__image {
    flex: 0 0 auto;
    max-width: 180px;
    width: 100%;
    margin-bottom: 0;
    align-self: center;
  }
  .co-especie-hero__title { font-size: 24px; }
  .co-especie-hero__desc  { font-size: 14px; }
  .co-especie-hero__claim { font-size: 13px; }
  .co-especie-cat-item span { font-size: 14px; min-height: 2.6em; }
}