/** Shopify CDN: Minification failed

Line 429:3 Unexpected "/"

**/
:root{
  --primary-color: #009ABB;
  --secondary-color: #848FCC;
  --tertiary-color: #DF9355;

  /* Tonos claros (para fondos, hover o resaltes suaves) */
  --primary-light:   #78C4D7;
  --secondary-light: #B1B9E0;
  --tertiary-light:  #F1B67F;

  /* Tonos oscuros (para texto, acentos o contraste) */
  --primary-dark:   #2C7485;
  --secondary-dark: #5E67A3;
  --tertiary-dark:  #B76C31;

  /* Neutros complementarios */
  --neutral-light: #F5F7FA;
  --neutral:       #E1E5EC;
  --neutral-dark:  #353C46;

  /* Colores de acento (para llamadas a la acción o estados) */
  --success-color: #4CAF50;
  --warning-color: #FFC107;
  --error-color:   #E53935;
  --info-color:    #45A3BD; /* reutiliza el primario */
}

html,
body{
  box-sizing: border-box;
  overflow-x: hidden;
}

strong {
    color: var(--primary-dark);
}

.header-wrapper--border-bottom {
  border-bottom: none;
}

.header {
  background: var(--primary-color);
}
@media (min-width: 1072px) {
  .header {
    width: 100%;
    margin: 0;
    max-width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    box-shadow: 1px -8px 20px 0px black;
  }
}

.header svg path {
  fill: white;
}

.header__active-menu-item {
}
@media (min-width: 1072px){
  .header__active-menu-item{
    color: white;
    text-decoration: none;
    position: relative;
    text-decoration: underline;
  }
}

.list-menu--inline{
}
@media (min-width: 1072px){
  .list-menu--inline{
    gap: 20px
  }
}

.header__menu-item:hover {
}
@media (min-width: 1072px){
  .header__menu-item{
    font-weight: bold;
  }

  details[open]>.header__menu-item{
    background: white;
    color: var(--primary-dark);
    text-decoration: none;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }

  .header__menu-item:hover{
    background: white;
    color: var(--primary-dark);
    font-weight: bold;
    border-radius: 20px;
    text-decoration: none;
    transition: background .3s linear;
  }

  .header__menu-item:hover span{
    text-decoration: none;
    color: var(--primary-dark);
  }

  .header__menu-item:hover svg path{
    fill: var(--primary-dark);
  }
}

.list-menu__item {
}
@media (min-width: 1072px){
  .list-menu__item {
    color: white;
    font-size: 1.5rem;
  }
}


.menu-drawer__navigation {
  padding-top: 0 !important;
}

.menu-drawer__menu svg path{
  fill: var(--primary-dark);
}

.menu-drawer__menu-item {
  color: var(--primary-dark);
}

.menu-drawer__menu-item.menu-drawer__menu-item--active {
  background: none;
  color: var(--primary-dark);
}

.menu-drawer__menu-item:hover{
  background: none;
  text-decoration: underline;
}

.menu-drawer__close-button:focus,
.menu-drawer__close-button {
  background: var(--primary-light) !important;
  color: white !important;
}

.menu-drawer__close-button {
  margin: 0 !important;
}

.menu-drawer__menu-item:focus,
.menu-drawer__menu-item:hover{
  background: white !important;
  color: var(--primary-dark) !important;
}

.menu-drawer__close-button svg path{
  fill: white;
}

.header__submenu .header__menu-item,
details[open]>.header__submenu li span{
  color: var(--primary-dark);
}

details[open]>.header__submenu .header__submenu li a{
  color: white;
}

.header__heading-logo {
  filter: invert(1);
}

.header__submenu .header__menu-item:hover {
    text-decoration-line: underline;
    background: none;
}

.header__submenu svg path{
  fill: var(--primary-dark);
}

details[open]>.header__submenu .header__submenu {
  background: var(--secondary-color);
}

.main__banner {
  background: var(--primary-color);
  width: 100%;
  height: 400px;
  margin-bottom: 50px;
  position: relative;
}
@media (min-width: 1072px) {
  .main__banner {
    height: 600px;
    margin-bottom: 100px;
  }
}

.main__banner__circle {
  width: 300px;
  height: 300px;
  position: absolute;
  border-radius: 100%;
  top: 0;
  right: 0;
  background: #71b6c9;
}
@media (min-width: 1072px) {
  .main__banner__circle {
    width: 600px;
    height: 600px;
  }
}

.banner__circle__img {
  width: 100%;
  height: 100%;
}

.main__banner__text {
  position: absolute;
  bottom: 35px;
  z-index: 2;
  left: 0;
}

.main__banner__text img {
    display: none;
}
@media (min-width: 1072px){
  .main__banner__text img {
    width: 400px;
    height: 400px;
    display: block;
    position: relative;
    bottom: -170px;
  }
}

.main__banner__text h1 {
  margin: 0;
  color: var(--primary-dark);
  font-size: 3rem;
  background: #fff;
  padding: 10px 30px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  width: fit-content;
}
@media (min-width: 1072px) {
  .main__banner__text h1 {
    font-size: 8rem;
  }
}

.main__banner__articulo {
  width: 150px;
  height: 150px;
  position: absolute;
  bottom: 120px;
  left: 30px;
}
@media (min-width: 1072px) {
  .main__banner__articulo {
    width: 250px;
    height: 250px;
    bottom: 150px;
    left: 48%;
  }
}

.main__banner__articulo img {
  width: 100%;
  height: 100%;
}

.main__banner__paw {
  background: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 500 500"><defs><style> .cls-1 { fill: %23000; stroke-width: 0px; } </style></defs><path class="cls-1" d="M100.88,345.31c-31.14,10-66.31-12.78-78.53-50.88-15.88-49.46-5.23-103.03,25.92-113.03,31.14-10,72.14,30.97,86.86,76.83,12.22,38.1-3.1,77.08-34.25,87.08Z"/><path class="cls-1" d="M383.52,462.7c-45.63,7.7-66.83-9.24-96.09-4.31-29.27,4.94-43.72,27.9-89.35,35.6-59.73,10.07-116.56-56.6-70.67-114.77,57.04-72.28,63.26-152.14,119.4-161.61,56.14-9.47,88.22,63.92,165.81,113.49,62.44,39.89,30.62,121.52-29.1,131.59Z"/><path class="cls-1" d="M244.69,115.81c-3.93-48,18.29-101.53,50.89-104.2,32.61-2.67,62.93,42.77,67.16,94.53,3.26,39.88-20.51,74.37-53.11,77.04-32.6,2.67-61.67-27.49-64.94-67.37Z"/><path class="cls-1" d="M100.72,150.34c-12.97-50.29.76-103.16,32.44-111.33,31.67-8.17,70.22,35.1,82.25,81.73,10,38.74-7.57,76.77-39.24,84.94-31.67,8.17-65.45-16.61-75.45-55.35Z"/><path class="cls-1" d="M426.57,290.36c-32.7.77-59.98-31.03-60.92-71.03-1.14-48.14,24.16-100.3,56.86-101.06,32.7-.77,60.34,46.34,61.57,98.26.94,40-24.8,73.05-57.5,73.83Z"/></svg>');
  background-repeat: no-repeat;
  background-size: cover;
  width: 140px;
  height: 140px;
  position: absolute;
  bottom: -90px;
  right: 0;
  z-index: 2;
  text-align: center;
  animation: rotation 8s linear infinite;
}
@media (min-width: 1072px){
  .main__banner__paw{
    bottom: -230px;
    right: 250px;
  }
}

.main__banner__paw p {
  color: white;
  margin: 0;
  line-height: 20px;
  position: relative;
  bottom: -82px;
  left: 7px;
  transform: rotate(-5deg);
}

.custom-shape-divider-top-1762315473 {
  position: absolute;
  bottom: -20%;
  left: 0;
  width: 100%;
  overflow: visible;
  line-height: 0;
  z-index: 1;
}

.custom-shape-divider-top-1762315473 svg path {
  fill: --primary-color;
}
@media (min-width: 500px) {
  .custom-shape-divider-top-1762315473 {
    z-index: -1;
  }
} 

/****** Juguetes para perro ********/
.dog_toys__banner {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: url('/cdn/shop/files/park.png?v=1762839704');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 20px;
}

@media (min-width: 768px){
  .dog_toys__banner {
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 50px 20px;
  }
}
.dog_toys__image {
  width: 300px;
  height: 300px;
}
.dog_toys__image img {
  width: 100%;
  height: 100%;
}
.dog_toys__text h1 {
  color: white;
  text-align: center;
}
.dog_toys__text {
  padding: 20px;
  background: #009abb85;
  color: white;
  border-radius: 20px;
  width: 100%;
  text-align: center;
}
@media (min-width: 768px){
 .dog_toys__text  {
    width: 40%;
  }
}

/****** Cards *******/
.card-wrapper {
  border-radius: 20px;
  box-shadow: 0px 1px 5px 1px #ededed;
}

.card__heading {
    font-family: sans-serif;
    font-size: 14px;
    font-weight: 500px;
}

.card-information{
  text-align: center;
  display: flex;
  padding: 5px 10px;
  align-items: center;
  justify-content: flex-start;
  border-radius: 10px;
  margin-top: 10px;
  width: 100%;
}

.card-information>.price {
  margin-top: 0 !important;
}

.card--standard>.card__content .card__information {
  padding-left: 13px !important;
  padding-right: 13px !important;
  display: flex;
  flex-direction: column;
  text-align: left;
  justify-content: space-between;
}

.card--standard .card__media {

}

.price__regular .price-item--regular {
    color: var(--primary-dark);
    font-weight: 200;
} */

/****** Multicolumn *****/
.multicolumn-list__item:nth-child(1) h3::before{
  content: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --><svg width="25px" height="25px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.2998 5H22L20 12H8.37675M21 16H9L7 3H4M4 8H2M5 11H2M6 14H2M10 20C10 20.5523 9.55228 21 9 21C8.44772 21 8 20.5523 8 20C8 19.4477 8.44772 19 9 19C9.55228 19 10 19.4477 10 20ZM21 20C21 20.5523 20.5523 21 20 21C19.4477 21 19 20.5523 19 20C19 19.4477 19.4477 19 20 19C20.5523 19 21 19.4477 21 20Z" stroke="%23000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  position: absolute;
  left: 0;
  top: 0;
}

.multicolumn-list__item:nth-child(2) h3::before{
  content: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --><svg xmlns="http://www.w3.org/2000/svg" fill="%23000000" width="25px" height="25px" viewBox="0 0 24 24"><path d="M20 4H4c-1.11 0-1.99.89-1.99 2L2 18c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V6c0-1.11-.89-2-2-2zm0 14H4v-6h16v6zm0-10H4V6h16v2z"/></svg>');
  position: absolute;
  left: 0;
  top: 0;
}

.multicolumn-list__item:nth-child(3) h3::before{
  content: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --><svg width="25px" height="25px" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg"><g id="Layer_2" data-name="Layer 2"><g id="invisible_box" data-name="invisible box"><rect width="48" height="48" fill="none"/></g><g id="Health_Icons" data-name="Health Icons"><g><path d="M37.7,11.1A3,3,0,0,0,35.4,10H34.2l.3-1.7A3.1,3.1,0,0,0,33.9,6a3.2,3.2,0,0,0-2.2-1H7.8a2,2,0,0,0,0,4H30.3l-4,22.9a6.8,6.8,0,0,0-1,2.1H20.7A7,7,0,0,0,7.3,34H6.2l.5-2.9a2,2,0,0,0-1.6-2.3,2,2,0,0,0-2.3,1.6L2,34.7A2.8,2.8,0,0,0,2.7,37a2.8,2.8,0,0,0,2.1,1H7.3a7,7,0,0,0,13.4,0h4.6a7,7,0,0,0,13.4,0h2a3.2,3.2,0,0,0,3.1-2.7L46,22.5ZM14,39a3,3,0,0,1-3-3,3,3,0,0,1,6,0A3,3,0,0,1,14,39ZM33.5,14h1.3l5.9,8H32.1ZM32,39a3,3,0,0,1-3-3,3,3,0,0,1,6,0A3,3,0,0,1,32,39Zm8-5H38.7A7,7,0,0,0,32,29H30.9l.5-3.1h9.9Z"/><path d="M4,15H14a2,2,0,0,0,0-4H4a2,2,0,0,0,0,4Z"/><path d="M15,19a2,2,0,0,0-2-2H5a2,2,0,0,0,0,4h8A2,2,0,0,0,15,19Z"/><path d="M6,23a2,2,0,0,0,0,4h6a2,2,0,0,0,0-4Z"/></g></g></g></svg>');
  position: absolute;
  left: 0;
  top: 0;
}

/**** Submenu *****/
#menu-drawer {
  z-index: 999;
}

/**** Keyframes ****/
@keyframes rotation {
  0% {
    transform: rotate(-45deg);
  }
  50%{
    transform: rotate(45deg);
  }
  100% {
    transform: rotate(-45deg);
  }
}