@charset "UTF-8";
/* Fredoka Regular */
@font-face {
  font-family: "Fredoka";
  src: url("./fonts/Fredoka/Fredoka-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
/* Fredoka Light */
@font-face {
  font-family: "Fredoka";
  src: url("./fonts/Fredoka/Fredoka-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
/* Fredoka Medium */
@font-face {
  font-family: "Fredoka";
  src: url("./fonts/Fredoka/Fredoka-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
/* Fredoka SemiBold */
@font-face {
  font-family: "Fredoka";
  src: url("./fonts/Fredoka/Fredoka-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
/* Fredoka Bold */
@font-face {
  font-family: "Fredoka";
  src: url("./fonts/Fredoka/Fredoka-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
/* Condensed Light */
@font-face {
  font-family: "Fredoka Condensed";
  src: url("./fonts/Fredoka/Fredoka_Condensed-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
/* Condensed Regular */
@font-face {
  font-family: "Fredoka Condensed";
  src: url("./fonts/Fredoka/Fredoka_Condensed-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
/* Condensed Medium */
@font-face {
  font-family: "Fredoka Condensed";
  src: url("./fonts/Fredoka/Fredoka_Condensed-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
/* Condensed SemiBold */
@font-face {
  font-family: "Fredoka Condensed";
  src: url("./fonts/Fredoka/Fredoka_Condensed-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
/* Condensed Bold */
@font-face {
  font-family: "Fredoka Condensed";
  src: url("./fonts/Fredoka/Fredoka_Condensed-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
/* Expanded Light */
@font-face {
  font-family: "Fredoka Expanded";
  src: url("./fonts/Fredoka/Fredoka_Expanded-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
/* Expanded Regular */
@font-face {
  font-family: "Fredoka Expanded";
  src: url("./fonts/Fredoka/Fredoka_Expanded-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
/* Expanded Medium */
@font-face {
  font-family: "Fredoka Expanded";
  src: url("./fonts/Fredoka/Fredoka_Expanded-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
/* Expanded SemiBold */
@font-face {
  font-family: "Fredoka Expanded";
  src: url("./fonts/Fredoka/Fredoka_Expanded-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
/* Expanded Bold */
@font-face {
  font-family: "Fredoka Expanded";
  src: url("./fonts/Fredoka/Fredoka_Expanded-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
/* SemiCondensed Light */
@font-face {
  font-family: "Fredoka SemiCondensed";
  src: url("./fonts/Fredoka/Fredoka_SemiCondensed-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
/* SemiCondensed Regular */
@font-face {
  font-family: "Fredoka SemiCondensed";
  src: url("./fonts/Fredoka/Fredoka_SemiCondensed-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
/* SemiCondensed Medium */
@font-face {
  font-family: "Fredoka SemiCondensed";
  src: url("./fonts/Fredoka/Fredoka_SemiCondensed-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
/* SemiCondensed SemiBold */
@font-face {
  font-family: "Fredoka SemiCondensed";
  src: url("./fonts/Fredoka/Fredoka_SemiCondensed-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
/* SemiCondensed Bold */
@font-face {
  font-family: "Fredoka SemiCondensed";
  src: url("./fonts/Fredoka/Fredoka_SemiCondensed-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
/* SemiExpanded Light */
@font-face {
  font-family: "Fredoka SemiExpanded";
  src: url("./fonts/Fredoka/Fredoka_SemiExpanded-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
/* SemiExpanded Regular */
@font-face {
  font-family: "Fredoka SemiExpanded";
  src: url("./fonts/Fredoka/Fredoka_SemiExpanded-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
/* SemiExpanded Medium */
@font-face {
  font-family: "Fredoka SemiExpanded";
  src: url("./fonts/Fredoka/Fredoka_SemiExpanded-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
/* SemiExpanded SemiBold */
@font-face {
  font-family: "Fredoka SemiExpanded";
  src: url("./fonts/Fredoka/Fredoka_SemiExpanded-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
/* SemiExpanded Bold */
@font-face {
  font-family: "Fredoka SemiExpanded";
  src: url("./fonts/Fredoka/Fredoka_SemiExpanded-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
/* Regular */
@font-face {
  font-family: "Lato";
  src: url("./fonts/Lato/Lato-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
/* Italic */
@font-face {
  font-family: "Lato";
  src: url("./fonts/Lato/Lato-Italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
/* Light */
@font-face {
  font-family: "Lato";
  src: url("./fonts/Lato/Lato-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
/* Light Italic */
@font-face {
  font-family: "Lato";
  src: url("./fonts/Lato/Lato-LightItalic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
/* Thin */
@font-face {
  font-family: "Lato";
  src: url("./fonts/Lato/Lato-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
/* Thin Italic */
@font-face {
  font-family: "Lato";
  src: url("./fonts/Lato/Lato-ThinItalic.woff") format("woff");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
/* Bold */
@font-face {
  font-family: "Lato";
  src: url("./fonts/Lato/Lato-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
/* Bold Italic */
@font-face {
  font-family: "Lato";
  src: url("./fonts/Lato/Lato-BoldItalic.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
/* Black */
@font-face {
  font-family: "Lato";
  src: url("./fonts/Lato/Lato-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
/* Black Italic */
@font-face {
  font-family: "Lato";
  src: url("./fonts/Lato/Lato-BlackItalic.woff") format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
:root {
  --bg-color-green: #2BD6BA;
  --bg-color-blue: #4988DE;
  --bg-color-blueblack: #242F40;
  --bg-color-white: #fff;
  --bg-color-gradient-green-blue: linear-gradient(180deg, #2BD6BA 0%, #4988DE 100%);
  --bg-color-gradient-blueblack-blue: linear-gradient(180deg, #000 0%, #4988DE 100%);
  --bg-color-gradient-blueblack-green: linear-gradient(180deg, #242F40 0%, #2BD6BA 100%);
  --header-height: 100px;
}
@media (max-width: 1050px) {
  :root {
    --header-height: 68px;
  }
}

*,
html {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  text-decoration: none;
  font-family: "Satoshi", sans-serif;
}

li {
  list-style: none;
}

.fixed {
  position: fixed;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.color-white {
  color: white;
}

.shadow {
  box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.3);
}
.shadow-1 {
  box-shadow: 0px 4.492px 4.492px 0px rgba(0, 0, 0, 0.1);
}


img{
    height: auto;
}

.w-100 {
  width: 100%;
}
.w-full {
  width: 100vw;
}
.wh-100 {
  width: 100%;
  height: 100%;
}
.wh-full {
  width: 100vw;
  height: calc(100vh - 140px);
}

.h-100 {
  height: 100%;
}
.h-full {
  height: calc(100vh - 140px);
}

button {
  cursor: pointer;
  background-color: transparent;
  border: none;
  outline: none;
}

.flex {
  display: flex;
}
.flex.col {
  flex-direction: column;
}
.flex.row {
  flex-direction: row;
}
.flex.around {
  justify-content: space-around;
}
.flex.between {
  justify-content: space-between;
}
.flex.evenly {
  justify-content: space-evenly;
}
.flex-1 {
  flex: 1;
}
.flex.wrap {
  flex-wrap: wrap;
}

.grid {
  display: grid;
}

.gap {
  gap: 0.5rem;
}
.gap-1 {
  gap: 1rem;
}
.gap-2 {
  gap: 2rem;
}
.gap-3 {
  gap: 3rem;
}
.gap-5 {
  gap: 5rem;
}

.center {
  justify-content: center;
  align-items: center;
}
.center-x {
  justify-content: center;
}
.center-y {
  align-items: center;
}

.start {
  justify-content: flex-start;
  align-items: flex-start;
}
.start-x {
  justify-content: flex-start;
}
.start-y {
  align-items: flex-start;
}

.end {
  justify-content: flex-end;
  align-items: flex-end;
}
.end-x {
  justify-content: flex-end;
}
.end-y {
  align-items: flex-end;
}

#overlay {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: black;
  opacity: 0.3;
  z-index: -1;
  opacity: 0;
  transition: all 0.5s ease;
}
#overlay.active {
  opacity: 0.3;
}

.hidden {
  display: none !important;
}

.contenedor {
  width: 1920px;
  max-width: 95%;
  margin: 0 auto;
}

section {
  width: 100%;
  padding: 2.5rem 0;
}

header {
  top: 0;
}

body {
  background: var(--FONDO, #FBFDFF);
}

.site-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99999;
  background: #fff;
  transition: all 0.3s ease;
}
.site-header.header-oculto {
  /* Mueve el header hacia arriba, fuera de la vista */
  top: -120px; /* Asegúrate de que este valor sea igual o mayor que la altura del header */
}
.site-header .top {
  padding: 5px 0;
  transition: all 0.3s ease;
}
.site-header .top .contenedor {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.site-header .top .contenedor .cont-left {
  display: flex;
  width: 65%;
  justify-content: space-between;
  align-items: center;
  margin: 0 40px 0 0;
  gap: 30px;
}
.site-header .top .contenedor .cont-left .left {
  display: flex;
  align-items: center;
  justify-content: center;
}
.site-header .top .contenedor .cont-left .left .burger-left {
  margin-right: 22px;
  max-width: 200px;
  opacity: 1;
  cursor: pointer;
  transition: all 0.3s ease;
}
.site-header .top .contenedor .cont-left .left .logo {
  width: 82.857px;
  height: 74.506px;
  flex-shrink: 0;
  aspect-ratio: 82.86/74.51;
}
.site-header .top .contenedor .cont-left .left .logo a img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.site-header .top .contenedor .cont-left search {
  width: 100%;
  max-width: 700px;
}
.site-header .top .contenedor .cont-left search form {
  position: relative;
}
.site-header .top .contenedor .cont-left search form input {
  border-radius: 10px;
  background: var(--ab, #e7e8f9);
  display: flex;
  width: 100%;
  height: 42px;
  padding-left: 20px;
  justify-content: space-between;
  align-items: center;
  border: none;
}
.site-header .top .contenedor .cont-left search form button {
  border-radius: 10px;
  background: var(--2, #de222a);
  display: flex;
  width: 42px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  align-self: stretch;
  aspect-ratio: 1/1;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.site-header .top .contenedor ul {
  display: flex;
  align-items: center;
  gap: 40px;
  justify-content: end;
}
.site-header .top .contenedor ul li {
  position: relative;
}
.site-header .top .contenedor ul li a {
  display: flex;
  align-items: center;
  gap: 5px;
}
.site-header .top .contenedor ul li a span {
  color: var(--1, #2e3290);
  /* Texto Bold/Texto 18 Bold */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  width: -moz-max-content;
  width: max-content;
}
.site-header .top .contenedor ul li a .item-count {
  display: flex;
  width: 20px;
  height: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 13.75px;
  aspect-ratio: 1/1;
  border-radius: 27.5px;
  background: var(--1a, #6a6ed4);
  position: absolute;
  right: -14px;
  top: -12px;
  color: #fff;
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-family: "Lato";
  font-size: 15px;
  font-style: normal;
  font-weight: 800;
  line-height: 10px; /* 66.667% */
}
.site-header .main-navigation {
  background: var(--Chewy, #1c49c2);
  position: relative;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: all 0.3s ease;
}
.site-header .main-navigation .contenedor ul {
  display: flex;
  padding: 15px 0;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}
.site-header .main-navigation .contenedor ul li a {
  display: flex;
  padding: 5px 15px;
  justify-content: center;
  align-items: center;
  gap: 5px;
}
.site-header .main-navigation .contenedor ul li a span {
  color: var(--4-Blanco, #fff);
  /* Texto Bold/Texto 18 Bold */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
}
.site-header.open .top {
  padding: 15px 0;
}
.site-header.open .top .contenedor .left .burger-left {
  margin-right: 0;
  max-width: 0;
  overflow: hidden;
  opacity: 0;
}
.site-header.open .main-navigation {
  max-height: 300px;
  opacity: 1;
  overflow: visible;
}

.toggle-arrow {
  display: flex;
  transition: transform 0.3s ease;
}

.mega-menu-item.open .toggle-arrow {
  transform: rotate(-180deg);
}

.mega-menu-item .mega-menu {
  display: flex;
  max-height: 0;
  overflow: hidden;
  min-height: 0;
  opacity: 0;
  transition: all 0.2s ease;
}

.mega-menu-item.open .mega-menu {
  display: flex;
  max-height: 1000px;
  opacity: 1;
}

.mega-menu {
  display: flex;
  position: absolute;
  top: 100%;
  left: 0;
  justify-content: center;
  align-items: flex-start;
  gap: 30px;
  align-self: stretch;
  width: 100%;
  z-index: 999;
  background: #fff;
}
.mega-menu .contenedor {
  width: 100%;
  max-width: 100%;
}
.mega-menu .contenedor .mega-menu-inner {
  display: flex;
  padding: 30px 0 0 100px;
  justify-content: space-between;
  align-items: flex-start;
  gap: 30px;
  align-self: stretch;
}
.mega-menu .contenedor .mega-menu-inner .mega-menu-columns {
  display: flex;
  align-items: flex-start;
  gap: 50px;
  flex-wrap: wrap;
}
.mega-menu .contenedor .mega-menu-inner .mega-menu-columns .mega-menu-column {
  display: flex;
  width: 260px;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
}
.mega-menu .contenedor .mega-menu-inner .mega-menu-columns .mega-menu-column h4 a {
  color: var(--1, #2e3290);
  /* Texto Bold/Texto 24 Bold */
  font-family: "Lato";
  font-size: 24px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  padding: 0;
}
.mega-menu .contenedor .mega-menu-inner .mega-menu-columns .mega-menu-column ul {
  display: flex;
  padding: 0 0 0 10px;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
}
.mega-menu .contenedor .mega-menu-inner .mega-menu-columns .mega-menu-column ul li {
  display: flex;
  align-items: center;
  gap: 10px;
  align-self: stretch;
}
.mega-menu .contenedor .mega-menu-inner .mega-menu-columns .mega-menu-column ul li a {
  color: var(--3, #6c757d);
  /* Texto regular/Texto 18 Regular */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  padding: 0;
  font-weight: 400;
  line-height: normal;
}

.mega-menu-image {
  position: relative;
  bottom: 0;
  right: 0;
  min-width: 350px;
  height: 426px;
}
.mega-menu-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: right;
     object-position: right;
}

/* Estructura Slide-in */
#petstop-minicart-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease;
  pointer-events: none; /* Permite clicks a través cuando está cerrado */
}

#petstop-minicart-wrapper.open {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}

.minicart-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}

.minicart-content {
  position: absolute;
  top: 0;
  right: -400px; /* Oculto a la derecha */
  width: 80%;
  max-width: 420px;
  height: 100%;
  background: #fff;
  transition: right 0.3s cubic-bezier(0.77, 0, 0.175, 1);
  display: flex;
  flex-direction: column;
  border-radius: 40px 0 0 40px;
  overflow: hidden;
}

#petstop-minicart-wrapper.open .minicart-content {
  right: 0;
}

/* Interior del Mini Cart */
.petstop-minicart-inner {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.minicart-header {
  display: flex;
  padding: 30px 30px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  position: relative;
  background: var(--Chewy, #1C49C2);
}
.minicart-header h3 {
  color: var(--4-Blanco, #fff);
  text-align: center;
  /* Titulo Bold/Titulo 36 Bold */
  font-family: "Fredoka";
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.close-mini-cart {
  background: none;
  border: none;
  width: 43px;
  height: 43px;
  cursor: pointer;
  position: relative;
}
.close-mini-cart svg rect {
  fill: transparent;
}

/* Barra de Progreso */
.shipping-progress {
  display: flex;
  padding: 10px 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  background: var(--Chewy, rgba(28, 72, 194, 0.1450980392));
}
.shipping-progress p {
  color: var(--1, #1C49C2);
  text-align: center;
  /* Texto regular/Texto 18 Regular */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  max-width: 260px;
}
.shipping-progress p strong {
  color: var(--1, #1C49C2);
  /* Texto Bold/Texto 18 Bold */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
}

.empty-msg {
  color: var(--3, #6c757d);
  /* Titulo Regular/Titulo 24 Regular */
  font-family: "Fredoka";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.shipping-progress .success {
  color: var(--1, #2e3290);
  text-align: center;
  /* Texto regular/Texto 18 Regular */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

/* --- Contenedor del fondo (la pista gris/blanca) --- */
.progress-bar-bg {
  width: 100%;
  height: 8px;
  border-radius: 20px;
  background: var(--4-Blanco, #fff);
  /* IMPORTANTE: Quitamos overflow: hidden para que el GIF pueda salirse
       verticalmente si es más grande que 8px */
  /* overflow: hidden;  <-- ELIMINADO */
  position: relative; /* Asegura el contexto de apilamiento */
  margin-right: 15px; /* Añade margen a la derecha para que el GIF no se corte si llega al 100% */
}

/* --- La barra de llenado (la parte morada) --- */
.progress-bar-fill {
  height: 100%;
  border-radius: 20px;
  background: var(--1a, #1C49C2);
  transition: width 0.3s ease;
  position: relative;
}

.progress-bar-fill::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(50%, -50%);
  width: 31px;
  height: 24px;
  background-image: url("../../images/progreso.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 2;
}

.progress-bar-fill[style*="width: 0%"]::after,
.progress-bar-fill[style*="width: 0%;"]::after,
.progress-bar-fill[style="width: 0px;"]::after {
  display: none;
}

.minicart-items {
  display: flex;
  padding: 30px 30px;
  align-items: flex-start;
  gap: 15px;
  flex: 1 0 0;
  align-self: stretch;
  overflow: auto;
}

.minicart-items ul {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
  flex: 1 0 0;
}

.minicart-item {
  display: flex;
  min-height: 153px;
  position: relative;
  padding: 20px;
  justify-content: center;
  align-items: center;
  gap: 20px;
  align-self: stretch;
  border-radius: 20px;
  border: 1px solid #e2e2e2;
  background: #f9f9f9;
}
.minicart-item .item-details {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  padding-right: 40px;
  flex: 1 0 0;
}
.minicart-item .item-details .item-name {
  color: var(--3, #6c757d);
  /* Titulo Regular/Titulo 24 Regular */
  font-family: "Fredoka";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  line-height: 1.2; /* Es importante definir un line-height específico, usa 1.2 para que se vea bien */
  /* ------------------------------------------------------------------ */
  /* PROPIEDADES PARA TRUNCAR A MÚLTIPLES LÍNEAS (Webkit/Blink basado) */
  /* ------------------------------------------------------------------ */
  /* 1. Mantiene el texto como un bloque flexible */
  display: -webkit-box;
  /* 2. Limita el texto al número de líneas deseado */
  -webkit-line-clamp: 2; /* <-- Cambia este número a 3 si deseas 3 líneas */
  /* 3. Orienta el texto (necesario para el clamp) */
  -webkit-box-orient: vertical;
  /* 4. Oculta el desbordamiento y muestra los puntos suspensivos */
  overflow: hidden;
  text-overflow: ellipsis;
}
.minicart-item .item-details .item-price {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
.minicart-item .item-details .item-price ins {
  order: -1;
}
.minicart-item .item-details .item-price ins span bdi {
  color: var(--3, #6c757d);
  text-align: center;
  /* Titulo Bold/Titulo 24 Bold */
  font-family: Fredoka;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.minicart-item .item-details .item-price del span bdi {
  color: var(--3, #6c757d);
  text-align: center;
  /* Texto regular/Texto 18 Regular */
  font-family: Lato;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration-line: line-through;
}

.item-img {
  width: 90px;
  height: 90px;
}
.item-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 5px;
}

.minicart-qty-control {
  display: flex;
  align-items: center;
  gap: 7px;
}
.minicart-qty-control .mc-qty-btn {
  display: flex;
  width: 35px;
  height: 35px;
  justify-content: center;
  align-items: center;
  gap: 7px;
  aspect-ratio: 1/1;
  border-radius: 28px;
  border: 0.35px solid var(--2a, #f46a6f);
  background: #fff;
  color: var(--2a, #f46a6f);
  text-align: center;
  /* Texto regular/Texto 18 Regular */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.minicart-qty-control .mc-qty-input {
  display: flex;
  width: 35px;
  height: 35px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 7px;
  aspect-ratio: 1/1;
  border-radius: 40px;
  background: var(--2a, #f46a6f);
  color: var(--4-Blanco, #fff);
  text-align: center;
  /* Texto Bold/Texto 18 Bold */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  border: none;
}

.mc-qty-input::-webkit-inner-spin-button,
.mc-qty-input::-webkit-outer-spin-button, .qty::-webkit-inner-spin-button, .qty::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.mc-qty-input[type=number], .qty {
  -moz-appearance: textfield;
}

.mc-qty-btn {
  border: none;
  background: #fff;
  width: 25px;
  cursor: pointer;
}

.mc-qty-input {
  width: 30px;
  border: none;
  text-align: center;
  -moz-appearance: textfield;
}

.remove-item {
  position: absolute;
  top: 20px;
  right: 20px;
  display: flex;
  width: 30px;
  height: 30px;
  justify-content: center;
  align-items: center;
  gap: 5.714px;
  aspect-ratio: 1/1;
  border-radius: 28.571px;
  background: var(--2, #de222a);
  z-index: 2;
}

/* Footer */
.minicart-footer {
  display: flex;
  padding: 30px 30px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 15px;
  align-self: stretch;
}

.btn-checkout {
  display: flex;
  padding: 15px 25px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  border-radius: 10px;
  background: var(--Chewy, #1C49C2);
  color: var(--4-Blanco, #fff);
  text-align: center;
  /* Titulo Bold/Titulo 24 Bold */
  font-family: "Fredoka";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.btn-checkout span bdi,
.btn-checkout span bdi span {
  color: var(--4-Blanco, #fff);
  text-align: center;
  /* Titulo Bold/Titulo 24 Bold */
  font-family: "Fredoka";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.btn-seguir-comprando {
  color: var(--3, #6c757d);
  text-align: center;
  /* Texto regular/Texto 18 Regular */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration-line: underline;
  text-decoration-style: solid;
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

#burger-menu-content {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  max-width: 420px;
  width: 70%;
  height: 100vh;
  background-color: #fff;
  transform: translateX(-100%);
  border-radius: 0 40px 40px 0;
  transition: transform 0.3s ease-in-out;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}
#burger-menu-content.is-open {
  transform: translateX(0);
}
#burger-menu-content .header-burger-left {
  flex-shrink: 0;
  display: flex;
  padding: 30px 30px;
  justify-content: space-between;
  align-items: center;
  /* ... otros estilos ... */
  background: var(--Chewy, #1C49C2);
}

.minicart-item .item-details .item-price span bdi {
    color: var(--3, #6c757d);
    text-align: center;
    font-family: Fredoka;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
#burger-menu-content .header-burger-left p {
  color: var(--4-Blanco, #fff);
  font-family: "Fredoka";
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
#burger-menu-content .menu-burger-principal {
  flex-grow: 1;
  overflow-y: auto;
  min-height: 0;
  list-style: none;
  margin: 0;
  display: flex;
  padding: 30px 30px;
  flex-direction: column;
  align-items: flex-start;
  flex: 1 0 0;
  align-self: stretch;
}
#burger-menu-content .menu-burger-principal .menu-item {
  width: 100%;
  position: relative;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 20px;
  padding-bottom: 20px;
}
#burger-menu-content .menu-burger-principal .menu-item .burger-link {
  display: flex;
  align-items: center;
  gap: 5px;
}
#burger-menu-content .menu-burger-principal .menu-item .burger-link .menu-icon-svg svg {
  width: 24.002px;
  height: 24.005px;
  flex-shrink: 0;
}
#burger-menu-content .menu-burger-principal .menu-item .burger-link .menu-icon-svg svg path {
  fill: var(--3, #6c757d);
  transition: all 0.3s ease;
}
#burger-menu-content .menu-burger-principal .menu-item .burger-link span {
  color: var(--3, #6c757d);
  transition: all 0.3s ease;
  /* Texto Bold/Texto 18 Bold */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
}
#burger-menu-content .menu-burger-principal .menu-item .burger-link.is-expanded .menu-icon-svg svg path {
  fill: var(--2, #de222a);
}
#burger-menu-content .menu-burger-principal .menu-item .burger-link.is-expanded span {
  color: var(--2, #de222a);
  /* Texto Bold/Texto 18 Bold */
  font-family: Lato;
  font-size: 18px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
}
#burger-menu-content .menu-burger-principal .menu-item .submenu-toggle {
  position: absolute;
  right: 10px;
  top: 4px;
  z-index: -1;
}
#burger-menu-content .menu-burger-principal .menu-item .sub-menu {
  display: flex;
  padding-left: 30px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 15px;
  align-self: stretch;
  padding-left: 30px;
}
#burger-menu-content .menu-burger-principal .menu-item .sub-menu li {
  width: 100%;
}
#burger-menu-content .menu-burger-principal .menu-item .sub-menu li a {
  color: var(--3, #6c757d);
  /* Texto Bold/Texto 18 Bold */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
}
#burger-menu-content .menu-burger-principal .menu-item .sub-menu .has-sub-submenu {
  position: relative;
}
#burger-menu-content .menu-burger-principal .menu-item .sub-menu .has-sub-submenu .burger-link.is-expanded {
  color: var(--1, #2e3290);
  /* Texto Bold/Texto 18 Bold */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
}
#burger-menu-content .menu-burger-principal .menu-item .sub-menu .has-sub-submenu .sub-sub-menu {
  display: flex;
  padding-left: 20px;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
}
#burger-menu-content .menu-burger-principal .menu-item .sub-menu .has-sub-submenu .sub-sub-menu li a {
  color: var(--3, #6c757d);
  /* Texto regular/Texto 18 Regular */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
#burger-menu-content .redes-burger-left {
  flex-shrink: 0;
  display: flex;
  padding: 30px 30px;
  align-items: center;
  gap: 25px;
  align-self: stretch;
  background: var(--Chewy, #1C49C2);
}
#burger-menu-content .redes-burger-left P {
  color: #fff;
  /* Texto regular/Texto 18 Regular */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
#burger-menu-content .redes-burger-left .redes-content-items {
  gap: 30px;
  justify-content: flex-start;
  width: 100%;
  max-width: 200px;
}
#burger-menu-content .redes-burger-left .redes-content-items .linkedin-card {
  border: 2px solid #fff;
}
#burger-menu-content .redes-burger-left .redes-content-items .linkedin-card .icon-default path {
  fill: #fff;
}
#burger-menu-content .redes-burger-left .redes-content-items .linkedin-card .icon-default path {
  fill: #fff;
}

body.no-scroll {
  overflow: hidden;
}

.menu-burger-principal .sub-menu,
.menu-burger-principal .sub-sub-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  max-height: 0;
  margin-top: 0;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}
.menu-burger-principal .sub-menu.is-active,
.menu-burger-principal .sub-sub-menu.is-active {
  max-height: 3000px;
  margin-top: 20px;
}
.menu-burger-principal .submenu-toggle svg {
  transition: transform 0.35s ease;
}
.menu-burger-principal .submenu-toggle svg.rotate-icon {
  transform: rotate(180deg);
}

@media (max-width: 1550px) {
  .site-header .top .contenedor ul li a span {
    font-size: 14px;
  }
  .site-header .top .contenedor ul li a svg {
    width: 20px;
    height: 20px;
  }
  .site-header .main-navigation .contenedor ul li a span {
    font-size: 14px;
  }
  .site-header .main-navigation .contenedor ul li a img {
    width: 22px;
    height: 22px;
  }
  .mega-menu .contenedor .mega-menu-inner .mega-menu-columns .mega-menu-column h4 a {
    font-size: 20px;
  }
  .mega-menu .contenedor .mega-menu-inner .mega-menu-columns .mega-menu-column {
    width: 190px;
  }
  .mega-menu .contenedor .mega-menu-inner {
    padding: 30px 0 0 70px;
  }
  .mega-menu-image {
    height: 380px;
  }
  #burger-menu-content .header-burger-left p {
    font-size: 30px;
  }
  #burger-menu-content .menu-burger-principal .menu-item .burger-link span {
    font-size: 14px;
  }
  #burger-menu-content .menu-burger-principal .menu-item {
    margin-bottom: 16px;
    padding-bottom: 16px;
  }
  #burger-menu-content .menu-burger-principal .menu-item .burger-link.is-expanded span {
    font-size: 14px;
  }
  #burger-menu-content .menu-burger-principal .menu-item .sub-menu li a, #burger-menu-content .menu-burger-principal .menu-item .sub-menu .has-sub-submenu .burger-link.is-expanded, #burger-menu-content .menu-burger-principal .menu-item .sub-menu .has-sub-submenu .sub-sub-menu li a {
    font-size: 14px;
  }
  #burger-menu-content .redes-burger-left .redes-content-items {
    gap: 10px;
  }
  .minicart-header h3 {
    font-size: 30px;
  }
  .minicart-item .item-details .item-name {
    font-size: 18px;
  }
  .remove-item {
    width: 24px;
    height: 24px;
  }
  .remove-item svg {
    width: 12px;
  }
  .minicart-items {
    font-size: 30px;
  }
  .minicart-item .item-details .item-price ins span bdi {
    font-size: 20px;
  }
  .minicart-item .item-details .item-price span bdi {
    font-size: 20px;
  }
  .minicart-item .item-details .item-price del span bdi {
    font-size: 15px;
  }
  .minicart-item .item-details {
    gap: 2px;
  }
  .shipping-progress p, .shipping-progress p strong {
    font-size: 16px;
  }
  .btn-checkout, .btn-checkout span bdi, .btn-checkout span bdi span {
    font-size: 20px;
  }
  .minicart-footer {
    font-size: 30px 50px;
  }
  .empty-msg {
    font-size: 18px;
  }
}
@media (max-width: 1042px) {
  .site-header.open .main-navigation {
    display: none;
  }
  .site-header .top .contenedor ul {
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
    flex-direction: row-reverse;
  }
  .site-header.open .top .contenedor .left .burger-left {
    margin-right: 22px !important;
    max-width: 200px !important;
    opacity: 1 !important;
  }
  .site-header .top .contenedor {
    flex-direction: column;
  }
  .site-header .top .contenedor .cont-left {
    padding-bottom: 10px;
    width: 100%;
    margin: 0;
    gap: 20px;
  }
}
.burger-left.pc {
  display: flex;
}

.burger-left.movil {
  display: none;
}

@media (max-width: 800px) {
  .burger-left.pc {
    display: none;
  }
  .site-header .top .contenedor .cont-left .left .logo {
    width: 80.204px;
    height: 72.121px;
  }
  .burger-left.movil {
    display: flex;
    cursor: pointer;
  }
  #burger-menu-content {
    right: 0;
    left: auto;
    transform: translateX(100%);
    border-radius: 40px 0 0 40px;
    width: 90%;
  }
  #burger-menu-content .header-burger-left {
    padding: 20px 15px;
  }
  #burger-menu-content .menu-burger-principal {
    padding: 30px 15px;
  }
  #burger-menu-content .redes-burger-left P {
    font-size: 15px;
  }
  #burger-menu-content .redes-burger-left {
    padding: 20px 15px;
  }
  .minicart-header {
    padding: 20px 15px;
  }
  .minicart-header h3 {
    font-size: 30px;
  }
  .minicart-items {
    padding: 30px 15px;
    min-height: auto;
  }
  .minicart-item .item-details .item-name {
    font-size: 18px;
  }
  .minicart-item .item-details .item-price ins span bdi {
    font-size: 18px;
  }
  .minicart-item .item-details .item-price del span bdi {
    font-size: 12px;
  }
  .minicart-qty-control .mc-qty-btn {
    width: 30px;
    height: 30px;
  }
  .minicart-qty-control .mc-qty-input {
    width: 30px;
    height: 30px;
  }
  .minicart-item {
    padding: 15px;
    gap: 10px;
  }
  .item-img {
    width: 80px;
    height: 80px;
  }
  .shipping-progress p {
    font-size: 15px;
  }
  .shipping-progress p strong {
    font-size: 15px;
  }
  .minicart-footer {
    padding: 20px 15px;
  }
  .btn-checkout {
    font-size: 18px;
    padding: 15px;
  }
  .btn-seguir-comprando {
    font-size: 15px;
  }
  .btn-checkout span bdi, .btn-checkout span bdi span {
    font-size: 18px;
  }
}


.producto-compra .card-producto2 .bloque-precio .precio span bdi {
    color: var(--2, #de222a);
    text-align: center;
    font-family: "Fredoka";
    font-size: 56px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }
@media (max-width: 400px) {
  .site-header .top .contenedor ul li a span {
    font-size: 16px;
  }
  .minicart-content {
    max-width: 90%;
  }
}
#close-burger-left {
  display: flex;
}
#close-burger-left svg rect {
  fill: transparent;
}

.woocommerce-notices-wrapper {
  display: none !important;
}

.total-row.order-total-row {
  display: none;
}

body .custom-shipping {
  display: none !important;
}

/* Eliminar flechas en Firefox */
input[type=number].qty-input {
  -moz-appearance: textfield !important;
}

/* Eliminar flechas en Chrome, Safari, Edge y Opera */
input[type=number].qty-input::-webkit-outer-spin-button,
input[type=number].qty-input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
}

/* Estilo opcional para asegurar que se vea bien */
.qty-input {
  text-align: center; /* Centra el número para que se vea mejor */
  outline: none;
}

/* Por defecto ocultamos ambos para que no haya parpadeos */
#btn-play-trigger, #btn-zoom-trigger {
  display: none !important;
}

/* Reglas de fuerza para mostrar según el tipo detectado */
.show-play #btn-play-trigger {
  display: flex !important;
}

.show-zoom #btn-zoom-trigger {
  display: flex !important;
}

/* Estado inicial: ocultamos el de pausa */
#btn-play-trigger .icon-pause {
  display: none;
}

/* Cuando el botón tiene la clase is-playing */
#btn-play-trigger.is-playing .icon-play {
  display: none;
}

#btn-play-trigger.is-playing .icon-pause {
  display: inline-block; /* O flex si usas alineación central */
}

.password-toggle-icon {
  display: none;
}

@media (max-width: 800px) {
  .page-content > .woocommerce {
    display: flex;
    flex-direction: column;
  }
  .page-content > .woocommerce .resumen-carrito {
    order: -1;
  }
}
.redes-content-items {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 24px;
}
.redes-content-items .linkedin-card {
  position: relative;
  width: 38px;
  height: 38px;
  flex-shrink: 0;
  border: 2px solid #de222a;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  overflow: hidden;
  cursor: pointer;
}
.redes-content-items .linkedin-card .icon-default,
.redes-content-items .linkedin-card .icon-hover {
  position: absolute;
  width: 16px;
  height: 16px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.35s ease;
}
.redes-content-items .linkedin-card .icon-default path,
.redes-content-items .linkedin-card .icon-hover path {
  fill: #de222a;
}
.redes-content-items .linkedin-card .icon-hover {
  transform: translate(calc(-50% + 25px), -50%);
  opacity: 0;
}
.redes-content-items .linkedin-card .icon-hover path {
  fill: #fff;
}
.redes-content-items .linkedin-card:hover {
  background-color: #de222a;
}
.redes-content-items .linkedin-card:hover .icon-default {
  transform: translate(calc(-50% - 25px), -50%);
  opacity: 0;
}
.redes-content-items .linkedin-card:hover .icon-hover {
  transform: translate(-50%, -50%);
  opacity: 1;
}

.page-template-gracias footer {
  margin-top: 0 !important;
}

footer {
  margin-top: 200px;
}
footer .footer-section {
  background: #f6f6f6;
  padding: 3rem 0;
}
footer .footer-section .contenedor {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 30px;
}
footer .footer-section .contenedor .logo-footer {
  display: flex;
  max-width: 228px;
  flex-direction: column;
  align-items: flex-start;
  gap: 30px;
}
footer .footer-section .contenedor .logo-footer .img-logo-footer img {
  width: 175px;
  height: 157.361px;
  aspect-ratio: 175/157.36;
}
footer .footer-section .contenedor .logo-footer .texto-logo {
  color: var(--3, #6c757d);
  /* Texto regular/Texto 24 Regular */
  font-family: "Lato";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
footer .footer-section .contenedor .menu-footer {
  width: 100%;
}
footer .footer-section .contenedor .menu-footer .menu-footer-container ul#menu-footer {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
}
footer .footer-section .contenedor .menu-footer .menu-footer-container ul#menu-footer .menu-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 18px;
}
footer .footer-section .contenedor .menu-footer .menu-footer-container ul#menu-footer .menu-item a {
  color: var(--1, #2e3290);
  /* Titulo Bold/Titulo 36 Bold */
  font-family: "Fredoka";
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
footer .footer-section .contenedor .menu-footer .menu-footer-container ul#menu-footer .menu-item .sub-menu {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
}
footer .footer-section .contenedor .menu-footer .menu-footer-container ul#menu-footer .menu-item .sub-menu li a {
  display: inline-flex;
  align-items: center;
  color: var(--3, #6c757d);
  font-family: "Lato";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  transition: color 0.3s ease;
}
footer .footer-section .contenedor .menu-footer .menu-footer-container ul#menu-footer .menu-item .sub-menu li a::before {
  content: "";
  content: " ";
  background-image: url('data:image/svg+xml;utf8,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.9998 15C10.1998 15.4 8.66645 14.8333 7.99978 14.5C7.66645 14.8333 6.59978 15.5 4.99978 15.5C3.39978 15.5 3.33311 13.1667 3.49978 12C3.99978 10.5 5.59978 7.5 7.99978 7.5C10.9998 7.5 11.9998 11 12.4998 11.5C12.9998 12 11.9998 14.5 10.9998 15Z" fill="%232E3290"/><path d="M3.00008 6.00003C3.40008 7.20003 2.83341 8.16669 2.50008 8.50003C1.50015 9.00005 1.50008 8 1.00008 7C0.500085 6.00002 1.00008 5.50002 1.50008 5.00003C2.00008 4.50003 2.50008 4.50003 3.00008 6.00003Z" fill="%232E3290"/><path d="M6.20711 1.79904C6.60711 2.99904 6.04044 3.9657 5.70711 4.29904C4.70718 4.79906 4.70711 3.79901 4.20711 2.79901C3.70712 1.79903 4.20712 1.29903 4.70711 0.799038C5.20711 0.299038 5.70711 0.299038 6.20711 1.79904Z" fill="%232E3290"/><path d="M15.2072 5.79904C15.6072 6.99904 15.0405 7.9657 14.7072 8.29904C13.7072 8.79906 13.5 8 13 7C12.5021 6.0041 13.2014 5.30479 13.701 4.8052L13.7072 4.79904C14.2072 4.29904 14.7072 4.29904 15.2072 5.79904Z" fill="%232E3290"/><path d="M12 2C12.4 3.2 11.2115 3.96571 10.8781 4.29904C9.87821 4.79907 9.67096 4.00001 9.17096 3.00001C8.67301 2.00411 9.37235 1.3048 9.87197 0.805205L9.87813 0.799044C10.3781 0.299044 11.5 0.5 12 2Z" fill="%232E3290"/><path d="M5.44273 5.32976C5.05657 5.32372 4.68449 5.18382 4.39009 4.93398C3.77602 4.37112 3.404 3.59237 3.35212 2.76122C3.19013 1.10016 4.09677 0.120045 5.07608 0.0107738C5.31204-0.0153737 5.55085 0.00619055 5.7783 0.0741831C6.00575 0.142176 6.2172 0.255207 6.40004 0.406549C6.67282 0.652299 6.89429 0.949526 7.05172 1.28113C7.20914 1.61274 7.29942 1.97218 7.31735 2.33879C7.46668 3.88724 6.75203 5.32976 5.44273 5.32976ZM5.22407 1.33203C4.83942 1.37467 4.61009 1.92036 4.67942 2.62862C4.69873 3.10444 4.89511 3.55591 5.23007 3.89457C5.29353 3.95687 5.37786 3.99344 5.46673 3.99718C5.70073 3.9712 6.07738 3.3702 5.98872 2.46472C5.76072 1.22142 5.24074 1.33203 5.22407 1.33536V1.33203ZM2.10949 9.32749C1.72333 9.32145 1.35125 9.18156 1.05685 8.93172C0.442773 8.36885 0.07075 7.5901 0.0188762 6.75895C-0.14312 5.09789 0.763524 4.11778 1.74283 4.00851C1.97878 3.98267 2.21752 4.00438 2.44493 4.07236C2.67233 4.14034 2.88379 4.2532 3.0668 4.40428C3.33957 4.65003 3.56104 4.94726 3.71847 5.27887C3.8759 5.61047 3.96617 5.96992 3.98411 6.33652C4.13343 7.88498 3.38479 9.32749 2.10949 9.32749ZM1.89083 5.32976C1.50617 5.3724 1.27684 5.91809 1.34617 6.62636C1.36549 7.10218 1.56186 7.55364 1.89683 7.89231C1.96091 7.95368 2.04487 7.99008 2.13349 7.99492C2.36748 7.96893 2.74414 7.36794 2.65547 6.46245C2.47881 5.24447 1.90749 5.32976 1.89083 5.33309V5.32976ZM10.5573 5.32976C9.41863 5.33776 8.53465 3.88658 8.68598 2.33679C8.70391 1.97018 8.79419 1.61074 8.95162 1.27913C9.10904 0.947527 9.33051 0.6503 9.60329 0.404551C9.78596 0.254115 9.99693 0.141768 10.2238 0.0741376C10.4506 0.00650677 10.6886 -0.0150382 10.9239 0.0107738C11.9032 0.120045 12.8099 1.10016 12.6479 2.76122C12.5962 3.5926 12.2241 4.37162 11.6099 4.93465C11.3154 5.18425 10.9433 5.32391 10.5573 5.32976ZM10.0133 2.46472C9.92462 3.36754 10.3013 3.96853 10.5353 3.99718C10.6225 3.99375 10.7056 3.95952 10.7699 3.90057C11.1049 3.5619 11.3013 3.11044 11.3206 2.63462C11.4606 0.888276 10.1333 1.00221 10.0133 2.46472ZM13.8905 9.32749C12.6492 9.32749 11.8679 7.88431 12.0192 6.33452C12.0372 5.96792 12.1274 5.60848 12.2849 5.27687C12.4423 4.94526 12.6638 4.64803 12.9365 4.40229C13.1189 4.2513 13.3298 4.13847 13.5567 4.07048C13.7835 4.0025 14.0217 3.98074 14.2572 4.00651C15.2365 4.11578 16.1431 5.09589 15.9811 6.75695C15.9294 7.58834 15.5574 8.36735 14.9432 8.93039C14.6489 9.18071 14.2768 9.32108 13.8905 9.32749ZM13.3465 6.46245C13.2579 7.36527 13.6345 7.96627 13.8685 7.99492C13.9555 7.99033 14.0382 7.95625 14.1032 7.8983C14.4381 7.55964 14.6345 7.10817 14.6538 6.63235C14.7205 5.92409 14.4938 5.3784 14.1092 5.33576C14.0925 5.32976 13.4099 5.27046 13.3465 6.46245ZM10.6666 15.9904C10.0967 16.0018 9.53399 15.8625 9.03531 15.5866C8.71612 15.4186 8.36077 15.3307 8 15.3307C7.63923 15.3307 7.28388 15.4186 6.96469 15.5866C4.95608 16.712 2.61481 15.4753 2.66681 12.6589C2.66681 9.57069 5.67139 6.66234 8 6.66234C10.3286 6.66234 13.3332 9.57002 13.3332 12.6589C13.3332 14.6205 12.2366 15.9904 10.6666 15.9904ZM8 13.9915C8.56975 13.9803 9.1324 14.1194 9.63129 14.3946C11.1226 15.2062 12.0232 14.1061 11.9999 12.6589C11.9999 10.4069 9.65262 7.99492 8 7.99492C6.34738 7.99492 4.0001 10.4069 4.0001 12.6589C3.97877 14.1041 4.87208 15.2062 6.36871 14.3946C6.8676 14.1194 7.43025 13.9803 8 13.9915Z" fill="%232E3290"/></svg>');
  background-repeat: no-repeat;
  background-size: 16px 16px;
  background-position: center left;
  width: 0;
  height: 24px;
  margin-right: 0;
  overflow: hidden;
  transition: width 0.3s ease, margin 0.3s ease;
}
footer .footer-section .contenedor .menu-footer .menu-footer-container ul#menu-footer .menu-item .sub-menu li a:hover {
  color: #2E3290;
}
footer .footer-section .contenedor .menu-footer .menu-footer-container ul#menu-footer .menu-item .sub-menu li a:hover::before {
  width: 24px;
  padding-right: 4px;
}
footer .footer-section .contenedor .ofertas-correo {
  display: flex;
  max-width: 416px;
  flex-direction: column;
  align-items: flex-start;
  gap: 25px;
}
footer .footer-section .contenedor .ofertas-correo h3 {
  color: var(--3, #6c757d);
  /* Texto Bold/Texto 24 Bold */
  font-family: "Lato";
  font-size: 24px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
}
footer .footer-section .contenedor .ofertas-correo .form-newsletter {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 25px;
}
footer .footer-section .contenedor .ofertas-correo .form-newsletter .input-box input {
  display: flex;
  padding: 10px 20px;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  border-radius: 40px;
  background: var(--ab, #e7e8f9);
  width: 100%;
  color: var(--1a, #6a6ed4) !important;
  /* Texto regular/Texto 24 Regular */
  font-family: "Lato";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  border: none;
}
footer .footer-section .contenedor .ofertas-correo .form-newsletter .input-box input::-moz-placeholder {
  color: var(--1a, #6a6ed4) !important;
  /* Texto regular/Texto 24 Regular */
  font-family: "Lato";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
footer .footer-section .contenedor .ofertas-correo .form-newsletter .input-box input::placeholder {
  color: var(--1a, #6a6ed4) !important;
  /* Texto regular/Texto 24 Regular */
  font-family: "Lato";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
footer .footer-section .contenedor .ofertas-correo .form-newsletter {
  /* caja de términos */
}
footer .footer-section .contenedor .ofertas-correo .form-newsletter .terminos-box {
  display: flex;
  align-items: center;
  gap: 14px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
footer .footer-section .contenedor .ofertas-correo .form-newsletter .terminos-box .custom-box {
  width: 28px;
  height: 28px;
  transition: 0.25s ease;
  border-radius: 9.333px;
  background: var(--ab, #e7e8f9);
}
footer .footer-section .contenedor .ofertas-correo .form-newsletter .terminos-box[data-state="1"] .custom-box {
  background: #fff;
}
footer .footer-section .contenedor .ofertas-correo .form-newsletter .terminos-box .label-text {
  font-size: 16px;
  color: #5a5a5a;
  line-height: 1.3;
}
footer .footer-section .contenedor .ofertas-correo .form-newsletter .btn-submit {
  display: flex;
  padding: 10px 25px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 10px;
  background: var(--1, #2e3290);
  border: none;
  color: var(--4-Blanco, #fff);
  text-align: center;
  /* Texto regular/Texto 18 Regular */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  transition: all 0.3s ease;
}
footer .footer-section .contenedor .ofertas-correo .form-newsletter .btn-submit:hover {
  background: var(--1a, #6A6ED4);
}
footer .copy {
  background: #EDEDED;
}
footer .copy .contenedor {
  display: flex;
  padding: 15px 0;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}
footer .copy .contenedor p {
  color: var(--1, #2E3290);
  /* Texto regular/Texto 18 Regular */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
footer .copy .contenedor p span {
  color: var(--1, #2E3290);
  /* Texto Bold/Texto 18 Bold */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
}
footer {
  position: relative;
}
footer .img-footer-superior {
  position: absolute;
  width: 600px;
  top: 0;
  left: 50%;
  max-width: 90%;
  transform: translate(-50%, -63%);
}
footer .img-footer-superior img {
  width: 100%;
  top: 0;
  margin: auto;
  -o-object-position: top center;
     object-position: top center;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
.checkbox-wrapper {
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
}
.checkbox-wrapper .checkbox-visual {
  width: 26px;
  height: 26px;
  flex-shrink: 0;
  border-radius: 9.333px;
  background: var(--ab, #e7e8f9);
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.25s ease;
}
.checkbox-wrapper.active .checkbox-visual {
  background: transparent;
  position: relative;
}
.checkbox-wrapper.active .checkbox-visual::after {
  content: "";
  position: absolute;
  inset: 0;
  background: url(../../images/huella.svg);
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 3;
  background-size: contain;
}

.checkbox-text {
  color: var(--3, #6c757d);
  /* Texto regular/Texto 18 Regular */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.float-contact {
  position: fixed;
  bottom: 40px;
  right: 20px;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 10px;
}

@media (max-width: 1500px) {
  footer .footer-section .contenedor .logo-footer {
    max-width: 200px;
  }
  footer .footer-section .contenedor .ofertas-correo {
    max-width: 300px;
  }
  footer .footer-section .contenedor .menu-footer .menu-footer-container ul#menu-footer .menu-item.menu-item-has-children {
    min-width: 160px;
  }
}
@media (max-width: 1550px) {
  footer .footer-section .contenedor .logo-footer .img-logo-footer img {
    width: 120px;
    height: auto;
  }
  footer .footer-section .contenedor .logo-footer .texto-logo {
    font-size: 16px;
  }
  .redes-content-items .linkedin-card {
    width: 30px;
    height: 30px;
  }
  footer .footer-section .contenedor .logo-footer {
    gap: 30px;
  }
  footer .footer-section .contenedor .menu-footer .menu-footer-container ul#menu-footer .menu-item a {
    font-size: 28px;
  }
  footer .footer-section .contenedor .menu-footer .menu-footer-container ul#menu-footer .menu-item .sub-menu li a {
    font-size: 18px;
  }
  footer .footer-section .contenedor .menu-footer .menu-footer-container ul#menu-footer .menu-item .sub-menu {
    gap: 8px;
  }
  footer .footer-section .contenedor .ofertas-correo h3 {
    font-size: 16px;
  }
  footer .footer-section .contenedor .ofertas-correo .form-newsletter .input-box input {
    font-size: 16px;
  }
  footer .footer-section .contenedor .ofertas-correo .form-newsletter .input-box input::-moz-placeholder {
    font-size: 16px;
  }
  footer .footer-section .contenedor .ofertas-correo .form-newsletter .input-box input::placeholder {
    font-size: 16px;
  }
  .checkbox-text {
    font-size: 14px;
  }
  footer .footer-section .contenedor .ofertas-correo .form-newsletter .btn-submit {
    font-size: 14px;
  }
  .checkbox-wrapper .checkbox-visual {
    width: 20px;
    height: 20px;
  }
  footer .footer-section .contenedor .ofertas-correo .form-newsletter {
    gap: 15px;
  }
  footer .footer-section .contenedor .menu-footer .menu-footer-container ul#menu-footer .menu-item.menu-item-has-children {
    min-width: 150px;
  }
  footer .copy .contenedor p {
    font-size: 16px;
  }
  footer .copy .contenedor p span {
    font-size: 16px;
  }
  .hero-section .contenedor .titulo-banner-pages h1 {
    font-size: 50px;
  }
  .hero-section {
    height: 320px;
  }
}
@media (max-width: 1100px) {
  footer .footer-section .contenedor .menu-footer .menu-footer-container ul#menu-footer {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 800px) {
  footer .footer-section .contenedor {
    flex-direction: column;
    align-items: center;
    gap: 30px;
  }
  footer .footer-section .contenedor .logo-footer {
    align-items: center;
    text-align: center;
    max-width: auto;
    gap: 15px;
  }
  footer .footer-section .contenedor .logo-footer .img-logo-footer img {
    width: 128.866px;
    height: 115.877px;
    aspect-ratio: 128.87/115.88;
  }
  footer .footer-section .contenedor .logo-footer .texto-logo {
    font-size: 15px;
  }
  footer .footer-section .contenedor .menu-footer .menu-footer-container ul#menu-footer .menu-item {
    align-items: center;
    text-align: center;
    width: 100%;
  }
  footer .footer-section .contenedor .menu-footer .menu-footer-container ul#menu-footer .menu-item a {
    font-size: 28px;
  }
  footer .footer-section .contenedor .menu-footer .menu-footer-container ul#menu-footer .menu-item .sub-menu li a {
    font-size: 18px;
  }
  footer .footer-section .contenedor .ofertas-correo {
    align-items: center;
  }
  footer .footer-section .contenedor .ofertas-correo h3 {
    font-size: 18px;
    text-align: center;
  }
  footer .footer-section .contenedor .ofertas-correo .form-newsletter .input-box input {
    font-size: 15px;
  }
  footer .footer-section .contenedor .ofertas-correo .form-newsletter .input-box input::-moz-placeholder {
    font-size: 15px;
  }
  footer .footer-section .contenedor .ofertas-correo .form-newsletter .input-box input::placeholder {
    font-size: 15px;
  }
  footer .footer-section .contenedor .ofertas-correo .form-newsletter {
    align-items: center;
  }
  footer .copy .contenedor {
    flex-direction: column;
    gap: 10px;
  }
  footer .copy .contenedor p {
    font-size: 15px;
  }
  footer .copy .contenedor p span {
    font-size: 15px;
  }
  footer .footer-section .contenedor .menu-footer .menu-footer-container ul#menu-footer {
    justify-content: center;
  }
  .checkbox-text {
    font-size: 15px;
  }
}
@media (max-width: 380px) {
  footer .footer-section .contenedor .menu-footer .menu-footer-container ul#menu-footer {
    grid-template-columns: repeat(1, 1fr);
  }
}
.select2-container .select2-selection--single .select2-selection__rendered {
  display: flex;
  padding: 15px 20px;
  align-items: center;
  gap: 10px;
  flex: 1 0 0;
  border-radius: 40px;
  background: var(--ab, #e7e8f9);
  border: none;
  color: var(--1a, #6a6ed4);
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.select2-container .select2-selection, .select2-container .select2-dropdown {
  border: none;
}

.card-producto {
  display: flex;
	cursor: pointer;
  width: 270px;
  min-height: 392px;
  flex-direction: column;
  position: relative;
  align-items: center;
  flex: 1 0 0;
  border-radius: 20px;
  border: 1px solid rgba(69, 72, 157, 0.15);
  background: #fff;
  height: 100%;
  justify-content: space-between;
}
.card-producto:hover .img-wrap .img-main {
  opacity: 0;
}
.card-producto:hover .img-wrap .img-hover {
  opacity: 1;
}
.card-producto .producto-badges {
  position: absolute;
  top: 15px;
  left: -10px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  z-index: 10;
}
.card-producto .producto-badges .badge-new {
  display: flex;
  padding: 5px 14px;
  justify-content: center;
  position: relative;
  align-items: center;
  gap: 10px;
  border-radius: 0 20px 20px 0;
  background: var(--1a, #6a6ed4);
  margin-bottom: 20px;
  color: var(--4-Blanco, #fff);
  /* Texto Bold/Texto 24 Bold */
  font-family: "Lato";
  font-size: 24px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
}
.card-producto .producto-badges .badge-new::before {
  content: "";
  position: absolute;
  bottom: -20px;
  left: 0%;
  width: 10px;
  height: 20px;
  clip-path: polygon(100% 0, 0 0, 100% 100%);
  background: #2e3290;
}
.card-producto .producto-badges .badge-descuento {
  display: flex;
  position: relative;
  padding: 5px 14px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 0 20px 20px 0;
  background: var(--2a, #f46a6f);
  color: var(--4-Blanco, #fff);
  /* Texto Bold/Texto 24 Bold */
  font-family: "Lato";
  font-size: 24px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
}
.card-producto .producto-badges .badge-descuento::before {
  content: "";
  position: absolute;
  bottom: -20px;
  left: 0%;
  width: 10px;
  height: 20px;
  clip-path: polygon(100% 0, 0 0, 100% 100%);
  background: #de222a;
}
.card-producto {
  /* Botón favoritos */
  /* Imagen */
}
.card-producto .img-wrap {
  display: block;
  margin: 40px auto 10px;
  width: 241.508px;
  height: 224.854px;
  position: relative;
  z-index: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.card-producto .img-wrap img {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  position: absolute;
}
.card-producto .img-wrap .img-main {
  opacity: 1;
  transition: all 0.3s ease;
}
.card-producto .img-wrap .img-hover {
  opacity: 0;
  transition: all 0.3s ease;
}
.card-producto {
  /* Información */
}
.card-producto .info {
  display: flex;
  padding: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 15px;
  align-self: stretch;
}
.card-producto .info .nombre {
  color: var(--3, #6c757d);
  text-align: center;
  /* Titulo Regular/Titulo 18 Regular */
  font-family: "Fredoka";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.card-producto .info .marca {
  color: var(--1, #2e3290);
  text-align: center;
  /* Texto regular/Texto 15 Regular */
  font-family: "Lato";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.card-producto .info .precio {
  display: flex;
  gap: 5px;
}
.card-producto .info .precio span {
  color: var(--2, #de222a);
  font-size: 28px;
}
.card-producto .info .precio .woocommerce-Price-amount.amount bdi {
  color: var(--2, #de222a);
  text-align: center;
  /* Titulo Bold/Titulo 36 Bold */
  font-family: "Fredoka";
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.card-producto .info .precio .woocommerce-Price-amount.amount bdi span {
  color: var(--2, #de222a);
  text-align: center;
  /* Titulo Bold/Titulo 36 Bold */
  font-family: "Fredoka";
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.card-producto .info .precio del .woocommerce-Price-amount.amount bdi {
  color: var(--3, #6c757d);
  text-align: center;
  /* Texto regular/Texto 18 Regular */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration-line: line-through;
}
.card-producto .info .precio del .woocommerce-Price-amount.amount bdi span {
  color: var(--3, #6c757d);
  text-align: center;
  /* Texto regular/Texto 18 Regular */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.card-producto .info .precio ins {
  text-decoration: none;
  order: -1;
}
.card-producto .info .precio ins bdi {
  color: var(--2, #de222a);
  text-align: center;
  /* Titulo Bold/Titulo 36 Bold */
  font-family: "Fredoka";
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.card-producto .info .precio ins bdi span {
  color: var(--2, #de222a);
  text-align: center;
  /* Titulo Bold/Titulo 36 Bold */
  font-family: "Fredoka";
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.card-producto {
  /* Cantidades + botón */
}
.card-producto .acciones {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  width: 100%;
}
.card-producto .acciones .acciones-con-agregar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  gap: 5px;
}
.card-producto .acciones .acciones-con-agregar .cantidad {
  display: flex;
  align-items: center;
  gap: 3px;
  align-self: stretch;
}
.card-producto .acciones .acciones-con-agregar .cantidad .qty-btn {
  display: flex;
  width: 38px;
  height: 38px;
  justify-content: center;
  align-items: center;
  gap: 8.4px;
  aspect-ratio: 1/1;
  border-radius: 33.6px;
  border: 0.42px solid var(--2a, #f46a6f);
  background: #fff;
  color: var(--2a, #f46a6f);
  text-align: center;
  /* Texto regular/Texto 15 Regular */
  font-family: "Lato";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.card-producto .acciones .acciones-con-agregar .cantidad .qty-input {
  display: flex;
  width: 38px;
  height: 38px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8.4px;
  aspect-ratio: 1/1;
  border-radius: 48px;
  background: var(--2a, #f46a6f);
  color: var(--4-Blanco, #fff);
  text-align: center;
  /* Texto Bold/Texto 15 Bold */
  font-family: "Lato";
  font-size: 15px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  border: none;
  -webkit-appearance: none;
}
.card-producto .acciones .btn-ver-detalles {
  display: none;
  height: 40px;
  padding: 10px 25px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex: 1 0 0;
  border-radius: 10px;
  background: var(--1, #2e3290);
  color: var(--4-Blanco, #fff);
  text-align: center;
  /* Texto Bold/Texto 15 Bold */
  font-family: "Lato";
  font-size: 15px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
}
.card-producto .acciones .btn-add-to-cart {
  display: flex;
  padding: 10px 13px;
  justify-content: center;
  align-items: center;
  gap: 5px;
  border-radius: 10px;
  background: var(--1, #2e3290);
  color: var(--4-Blanco, #fff);
  /* Texto Bold/Texto 15 Bold */
  font-family: "Lato";
  font-size: 15px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
}
.card-producto .acciones .btn-add-to-cart p {
  display: flex;
  align-items: center;
  gap: 5px;
}
.card-producto .acciones .btn-add-to-cart p span {
  color: var(--4-Blanco, #fff);
  /* Texto Bold/Texto 15 Bold */
  font-family: "Lato";
  font-size: 15px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
}

.yith-wcwl-feedback-messages-container {
  display: none;
}

.qty-input::-webkit-inner-spin-button,
.qty-input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.qty-input[type=number] {
  -moz-appearance: textfield;
}

.card-producto .btn-ver-detalles {
  display: none;
}
.card-producto.agregado .acciones-con-agregar {
  display: none;
}
.card-producto.agregado .btn-ver-detalles {
  display: block;
}

.card-producto .btn-favorito {
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 9;
}
.card-producto .btn-favorito .ti_card_product__wishlist .yith-wcwl-add-to-wishlist {
  margin-top: 0;
  display: flex;
  width: auto;
  min-width: 39px;
  height: 39px;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  background: #fff;
}
.card-producto .btn-favorito .ti_card_product__wishlist .yith-wcwl-add-to-wishlist svg {
  width: 25px;
  height: 25px;
}
.card-producto .btn-favorito .ti_card_product__wishlist .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse {
  display: flex;
  width: auto;
  min-width: 39px;
  height: 39px;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  background: var(--2, #de222a);
}
.card-producto .btn-favorito .ti_card_product__wishlist .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a {
  display: flex;
  align-items: center;
  justify-content: end;
  margin-right: 7px;
}
.card-producto .btn-favorito .ti_card_product__wishlist .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a svg {
  width: 25px;
  height: 25px;
}

.btn-favorito {
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 9;
}
.btn-favorito .ti_card_product__wishlist .yith-wcwl-add-to-wishlist {
  display: flex;
  width: auto;
  min-width: 39px;
  height: 39px;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  background: #fff;
}
.btn-favorito .ti_card_product__wishlist .yith-wcwl-add-to-wishlist svg {
  width: 25px;
  height: 25px;
}
.btn-favorito .ti_card_product__wishlist .yith-wcwl-add-to-wishlist .yith-wcwl-add-button {
  position: relative;
}
.btn-favorito .ti_card_product__wishlist .yith-wcwl-add-to-wishlist .yith-wcwl-add-button .texto-wish-button {
  position: relative;
  width: -moz-max-content;
  width: max-content;
  color: var(--2, #de222a);
  /* Texto Bold/Texto 18 Bold */
  font-family: Lato;
  font-size: 12px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  padding-right: 0;
  opacity: 0;
  max-width: 0;
  transition: all 0.3s ease-in-out;
  white-space: nowrap;
  overflow: hidden;
}
.btn-favorito .ti_card_product__wishlist .yith-wcwl-add-to-wishlist .yith-wcwl-add-button:hover .texto-wish-button {
  opacity: 1;
  max-width: 200px;
  padding-right: 5px;
}
.btn-favorito .ti_card_product__wishlist .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse {
  position: relative;
}
.btn-favorito .ti_card_product__wishlist .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse .texto-wish-button {
  position: relative;
  width: -moz-max-content;
  width: max-content;
  color: #fff;
  /* Texto Bold/Texto 18 Bold */
  font-family: Lato;
  font-size: 12px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  padding-right: 0;
  opacity: 0;
  max-width: 0;
  transition: all 0.3s ease-in-out;
  white-space: nowrap;
  overflow: hidden;
}
.btn-favorito .ti_card_product__wishlist .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse:hover .texto-wish-button {
  opacity: 1;
  max-width: 200px;
  padding-right: 5px;
}
.btn-favorito .ti_card_product__wishlist .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse {
  display: flex;
  width: auto;
  min-width: 39px;
  height: 39px;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  background: var(--2, #de222a);
}
.btn-favorito .ti_card_product__wishlist .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a {
  display: flex;
  align-items: center;
  justify-content: end;
  width: 100%;
  margin-right: 14px;
}
.btn-favorito .ti_card_product__wishlist .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a svg {
  width: 25px;
  height: 25px;
}
.btn-favorito .ti_card_product__wishlist .yith-wcwl-add-to-wishlist .yith-wcwl-add-button {
  display: flex;
  width: auto;
  min-width: 39px;
  height: 39px;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
}
.btn-favorito .ti_card_product__wishlist .yith-wcwl-add-to-wishlist .yith-wcwl-add-button a {
  display: flex;
  align-items: center;
  justify-content: end;
  width: 100%;
  margin-right: 14px;
}
.btn-favorito .ti_card_product__wishlist .yith-wcwl-add-to-wishlist .yith-wcwl-add-button a svg {
  width: 25px;
  height: 25px;
}

@media (max-width: 800px) {
  .card-producto {
    min-width: 200px;
    max-width: 90%;
    margin: auto;
  }
  .card-producto .img-wrap {
    width: 100%;
    height: 210px;
  }
  .card-producto .producto-badges .badge-new {
    font-size: 15px;
  }
  .card-producto .producto-badges .badge-descuento {
    font-size: 15px;
  }
  .btn-add-to-cart p span {
    display: none;
  }
  .card-producto .producto-badges {
    left: -5px;
  }
  .card-producto .producto-badges .badge-descuento::before {
    width: 5px;
  }
  .card-producto .producto-badges .badge-new::before {
    width: 5px;
  }
  .card-producto .info .precio ins bdi {
    font-size: 20px;
  }
  .card-producto .info .precio ins bdi span {
    font-size: 20px;
  }
  .card-producto .info .precio del {
    font-size: 12px;
  }
}
/* Contenedor de la miniatura */
#thumbs .splide__slide {
  border: 2px solid transparent;
  border-radius: 20px; /* Opcional: bordes redondeados */
  overflow: hidden;
  aspect-ratio: 1/1; /* FUERZA EL CUADRADO */
  height: auto !important;
}
#thumbs .splide__slide .video-container {
  display: flex;
  width: 100%;
  height: 100%;
  position: relative;
}
#thumbs .splide__slide .video-container video {
  -o-object-fit: cover !important;
     object-fit: cover !important;
}
#thumbs .splide__slide .video-container::after {
  content: "";
  width: 46px;
  height: 46px;
  background-image: url('data:image/svg+xml;utf8,<svg width="46" height="46" viewBox="0 0 46 46" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.5"><rect width="46" height="46" rx="23" fill="white"/><path d="M36 23L16.5 34.2583L16.5 11.7417L36 23Z" fill="%23DE222A"/></g></svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.splide video {
  background: none !important;
}

/* La imagen dentro de la miniatura */
#thumbs .splide__slide img {
  width: 100% !important;
  height: 100% !important;
  -o-object-fit: cover;
     object-fit: cover; /* Recorta la imagen para que llene el cuadrado sin deformarse */
  display: block;
}

/* Estilo para la miniatura seleccionada */
#thumbs .splide__slide.is-active {
  border-color: #000; /* Color de tu marca */
  opacity: 1;
}

#thumbs .splide__slide:not(.is-active) {
  opacity: 0.6; /* Las no seleccionadas se ven un poco más claras */
}

/* Ocultamos TODO el breadcrumb excepto el primero (Inicio) y el último (Producto) */
.ruta-blue.product li:not(:first-child):not(:last-child) {
  display: none !important;
}

/* Forzamos que aparezca un separador entre el primero y el último */
.ruta-blue.product li:first-child::after {
  content: "/";
  margin-left: 10px;
  margin-right: 5px;
  color: #ccc; /* Ajusta el color a tu gusto */
}

@media (max-width: 1550px) {
  .card-producto .info .nombre {
    font-size: 16px;
  }
  .card-producto .acciones .acciones-con-agregar .cantidad .qty-btn {
    width: 30px;
    height: 30px;
  }
  .card-producto .acciones .acciones-con-agregar .cantidad .qty-input {
    width: 30px;
    height: 30px;
  }
  .card-producto .acciones .btn-add-to-cart p span {
    font-size: 14px;
  }
  .card-producto .img-wrap {
    height: 150px;
    width: 100%;
    margin: 10px 0 0 0;
  }
  .card-producto {
    width: 240px;
  }
  .card-producto .producto-badges .badge-descuento,
  .card-producto .producto-badges .badge-new {
    font-size: 20px;
  }
}
.hero-section {
  height: 380px;
  position: relative;
  padding: 0;
  overflow: hidden;
}
.hero-section .hero-fondo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: -1;
  opacity: 0.18;
}
.hero-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(50% 50% at 50% 50%, #004083 0%, #041a56 100%);
  z-index: -1;
}
.hero-section .contenedor {
  height: 100%;
  position: relative;
}
.hero-section .contenedor .titulo-banner-pages {
  position: absolute;
  left: 0;
  bottom: 30px;
}
.hero-section .contenedor .titulo-banner-pages h1 {
  position: relative;
  color: var(--4-Blanco, #fff);
  /* Titulo Bold/Titulo 56 Bold */
  font-family: "Fredoka";
  font-size: 56px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.hero-section .contenedor .titulo-banner-pages h1::before {
  content: "";
  position: absolute;
  left: -20px;
  bottom: 50%;
  transform: translateY(50%);
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background: #de222a;
  z-index: -1;
}
.hero-section .contenedor .hero-extra {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 100%;
  width: auto;
  max-width: 60%;
}
.hero-section::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -240px;
  transform: translateY(-50%);
  width: 666px;
  height: 642px;
  border-radius: 666px;
  background: var(--1, #2e3290);
  z-index: -1;
}

span[itemprop=name] {
  color: var(--4-Blanco, #fff) !important;
  /* Texto Bold/Texto 18 Bold */
  font-family: "Lato" !important;
  font-size: 18px !important;
  font-style: normal !important;
  font-weight: 800 !important;
  line-height: normal !important;
}
span[itemprop=name] a {
  color: var(--4-Blanco, #fff) !important;
  /* Texto regular/Texto 18 Regular */
  font-family: "Lato" !important;
  font-size: 18px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: normal !important;
}

.solo-breadcrumb .fbc-page .fbc-wrap .fbc-items li:first-child {
  padding-left: 0 !important;
}
.solo-breadcrumb span[itemprop=name] {
  color: var(--1a, #6a6ed4) !important;
  /* Texto Bold/Texto 18 Bold */
  font-family: "Lato" !important;
  font-size: 18px !important;
  font-style: normal !important;
  font-weight: 800 !important;
  line-height: normal !important;
}
.solo-breadcrumb span[itemprop=name] a {
  color: var(--1a, #6a6ed4) !important;
  /* Texto regular/Texto 18 Regular */
  font-family: "Lato" !important;
  font-size: 18px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: normal !important;
}
.solo-breadcrumb h2 {
  color: var(--1, #2e3290);
  /* Titulo Bold/Titulo 56 Bold */
  font-family: "Fredoka";
  font-size: 56px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
@media (max-width: 800px) {
  .solo-breadcrumb h2 {
    font-size: 36px;
    text-align: center;
  }
}

body .fbc-page .fbc-wrap .fbc-items {
  background-color: transparent !important;
  display: flex !important;
  gap: 10px !important;
  align-items: center !important;
  padding-top: 30px !important;
}

@media (max-width: 1550px) {
  body .fbc-page .fbc-wrap .fbc-items {
    gap: 6px !important;
  }
  span[itemprop=name] a {
    font-size: 16px !important;
  }
  span[itemprop=name] {
    font-size: 16px !important;
  }
  .hero-section {
    height: 320px;
  }
  .hero-section .contenedor .titulo-banner-pages h1 {
    font-size: 40px !important;
  }
}
@media (max-width: 800px) {
  body .fbc-page .fbc-wrap .fbc-items {
    padding: 0 !important;
  }
  .hero-section .contenedor .titulo-banner-pages {
    left: 50%;
    top: 70px;
    bottom: auto;
    transform: translateX(-50%);
    width: -moz-max-content;
    width: max-content;
    max-width: 90%;
    text-align: center;
  }
  .hero-section .contenedor .titulo-banner-pages h1::before {
    width: 70px !important;
    height: 70px !important;
  }
  .hero-section .contenedor .hero-extra {
    right: 50%;
    transform: translateX(50%);
    height: 55% !important;
    max-width: 100%;
  }
  .hero-section::after {
    right: 50%;
    transform: translateX(50%);
    bottom: -70%;
    top: auto;
    width: 460px;
    height: 460px;
  }
  .hero-section .contenedor .titulo-banner-pages h1 {
    font-size: 36px !important;
  }
  body .fbc-page .fbc-wrap .fbc-items {
    gap: 5px !important;
  }
  .fbc-page .fbc-wrap .fbc-items li a i {
    display: none !important;
  }
  span[itemprop=name] {
    font-size: 15px !important;
  }
  span[itemprop=name] a {
    font-size: 15px !important;
  }
}
.hero-section-account {
  height: 300px;
  position: relative;
  padding: 0;
  overflow: hidden;
}
.hero-section-account .hero-fondo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: -1;
  opacity: 0.18;
}
.hero-section-account::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(50% 50% at 50% 50%, #004083 0%, #041a56 100%);
  z-index: -1;
}
.hero-section-account .contenedor {
  height: 100%;
  position: relative;
}
.hero-section-account .contenedor .titulo-banner-pages {
  position: absolute;
  left: 0;
  bottom: 30px;
}
.hero-section-account .contenedor .titulo-banner-pages h1 {
  position: relative;
  color: var(--4-Blanco, #FFF);
  /* Titulo Bold/Titulo 56 Bold */
  font-family: "Fredoka";
  font-size: 56px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.hero-section-account .contenedor .titulo-banner-pages h1::before {
  content: "";
  position: absolute;
  left: -20px;
  bottom: 50%;
  transform: translateY(50%);
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background: #DE222A;
  z-index: -1;
}
.hero-section-account .contenedor .hero-extra {
  position: absolute;
  right: 50%;
  transform: translateX(50%);
  bottom: -50%;
  height: 150%;
  width: auto;
}
.hero-section-account::after {
  content: "";
  position: absolute;
  bottom: -440px;
  right: 50%;
  transform: translateX(50%);
  width: 666px;
  height: 642px;
  border-radius: 666px;
  background: var(--1, #2E3290);
  z-index: -1;
}

@media (max-width: 800px) {
  .hero-section-account .contenedor .hero-extra {
    height: 130%;
  }
}
/* ==========================================================
   LISTA DE PEDIDOS (orders.php)
   ========================================================== */
/* Subtítulo de la sección de pedidos */
/* Lista de contenedores de pedidos */
.petstop-orders-list {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.modal-nuncio-container {
  background: #fff;
  border-radius: 16px;
  position: relative;
  max-width: 520px;
  width: 90%;
  padding: 24px;
  transform: scale(0.95);
  transition: transform 0.3s ease;
}

.modal-pet-overlay.active .modal-nuncio-container {
  transform: scale(1);
}

.close-modal {
  position: absolute;
  top: -18px;
  right: -18px;
  cursor: pointer;
  z-index: 2;
}

.modal-pet-overlay .modal-nuncio-container {
  background: linear-gradient(180deg, #2e3290 67.1%, #0d0f2a 100%);
  max-width: 1214px;
  max-height: 709px;
  position: relative;
  overflow: hidden;
}
.modal-pet-overlay .modal-nuncio-container::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../../images/huellas.png);
  background-size: cover;
  opacity: 0.03;
}
.modal-pet-overlay .modal-nuncio-container .close-modal {
  top: 20px;
  right: 20px;
}
.modal-pet-overlay .modal-nuncio-container .img-modal-1 {
  position: absolute;
  top: 10%;
  right: 20%;
  width: 73.709px;
  height: 70.103px;
  transform: rotate(-109.569deg);
  aspect-ratio: 73.71/70.1;
  filter: blur(3px);
}
.modal-pet-overlay .modal-nuncio-container .img-modal-2 {
  position: absolute;
  bottom: -18%;
  right: 0;
  width: 300.303px;
  height: 285.611px;
  transform: rotate(-4.56deg);
  aspect-ratio: 300.3/285.61;
  filter: blur(3px);
}
.modal-pet-overlay .modal-nuncio-container .img-modal-3 {
  position: absolute;
  top: -5%;
  left: -3%;
  width: 175.848px;
  height: 219.405px;
  transform: rotate(30.279deg);
  aspect-ratio: 175.85/219.41;
  filter: blur(3px);
}
.modal-pet-overlay .modal-nuncio-container .info-anuncio-modal {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
  flex: 2;
  position: relative;
  padding: 40px;
}
.modal-pet-overlay .modal-nuncio-container .info-anuncio-modal .img-anuncio {
  flex: 1;
  position: relative;
}
.modal-pet-overlay .modal-nuncio-container .info-anuncio-modal .img-anuncio img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: -2;
  position: relative;
}
.modal-pet-overlay .modal-nuncio-container .info-anuncio-modal .img-anuncio .oferta-texto-wrapper {
  position: absolute;
  top: 0%;
  left: 42%;
  width: 20%;
  height: 20%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px;
}
.modal-pet-overlay .modal-nuncio-container .info-anuncio-modal .img-anuncio .oferta-texto-wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../../images/estrella.svg);
  background-size: contain;
  /* opacity: 0.03; */
  z-index: -1;
  background-repeat: no-repeat;
  background-position: center;
}
.modal-pet-overlay .modal-nuncio-container .info-anuncio-modal .img-anuncio .oferta-texto-wrapper P {
  color: var(--4-Blanco, #fff);
  text-align: center;
  font-family: "Fredoka";
  font-size: 200%;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.modal-pet-overlay .modal-nuncio-container .info-anuncio-modal .texto-anuncio {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 15px;
  align-self: stretch;
}
.modal-pet-overlay .modal-nuncio-container .info-anuncio-modal .texto-anuncio .titulo {
  color: var(--4-Blanco, #fff);
  /* Titulo Bold/Titulo 36 Bold */
  font-family: "Fredoka";
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.modal-pet-overlay .modal-nuncio-container .info-anuncio-modal .texto-anuncio .texto {
  color: var(--4-Blanco, #fff);
  /* Texto regular/Texto 18 Regular */
  font-family: Lato;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.modal-pet-overlay .modal-nuncio-container .info-anuncio-modal .texto-anuncio a {
  display: flex;
  padding: 10px 25px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 10px;
  background: var(--2, #de222a);
  color: var(--4-Blanco, #fff);
  text-align: center;
  /* Texto regular/Texto 18 Regular */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

@media (max-width: 1100px) {
  .modal-pet-overlay .modal-nuncio-container .info-anuncio-modal .texto-anuncio .titulo {
    font-size: 28px;
  }
  .modal-pet-overlay .modal-nuncio-container .info-anuncio-modal .texto-anuncio .texto {
    font-size: 16px;
  }
  .modal-pet-overlay .modal-nuncio-container .info-anuncio-modal .texto-anuncio a {
    font-size: 16px;
  }
}
@media (max-width: 800px) {
  .modal-pet-overlay .modal-nuncio-container .info-anuncio-modal {
    flex-direction: column;
    padding: 60px 0 0 0;
  }
  .modal-pet-overlay .modal-nuncio-container .info-anuncio-modal .texto-anuncio {
    order: -1;
    align-items: center;
    text-align: center;
  }
  .modal-pet-overlay .modal-nuncio-container .info-anuncio-modal .texto-anuncio .titulo {
    font-size: 28px;
  }
  .modal-pet-overlay .modal-nuncio-container .info-anuncio-modal .texto-anuncio .texto {
    font-size: 15px;
  }
  .modal-pet-overlay .modal-nuncio-container .info-anuncio-modal .img-anuncio .oferta-texto-wrapper {
    width: 30%;
    height: 30%;
  }
  .modal-nuncio-container {
    padding: 10px;
  }
  .modal-pet-overlay .modal-nuncio-container .img-modal-2 {
    bottom: -123px;
    right: -168px;
  }
  .modal-pet-overlay .modal-nuncio-container .img-modal-3 {
    top: -16%;
    left: -16%;
  }
}
body .single-post .contenedor .ruta-blue .fbc .fbc-wrap .fbc-items {
  padding-top: 0 !important;
}
body .single-post .contenedor .post-content {
  display: flex;
  gap: 60px;
  align-items: flex-start;
  width: 100%;
}
body .single-post .contenedor .post-content .single-content {
  width: 70%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
body .single-post .contenedor .post-content .single-content .single-hero-img {
  display: flex;
  max-height: 568px;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  border-radius: 20px;
  overflow: hidden;
  margin-bottom: 50px;
}
body .single-post .contenedor .post-content .single-content .single-hero-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
body .single-post .contenedor .post-content .single-content .single-title {
  color: var(--1, #2e3290);
  /* Titulo Bold/Titulo 36 Bold */
  font-family: "Fredoka";
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 10px;
}
body .single-post .contenedor .post-content .single-content .single-excerpt {
  color: var(--3, #6c757d);
  /* Texto regular/Texto 18 Regular */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 30px;
}
body .single-post .contenedor .post-content .single-content .single-highlight-box {
  display: flex;
  flex-direction: column;
  padding: 40px;
  margin-bottom: 30px;
  align-items: left;
  gap: 10px;
  align-self: stretch;
  border-radius: 20px;
  background: var(--ab, #e7e8f9);
}
body .single-post .contenedor .post-content .single-content .single-highlight-box p {
  color: var(--1a, #6a6ed4);
  /* Texto regular/Texto 18 Regular */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 10px;
}
body .single-post .contenedor .post-content .single-content .single-highlight-box p strong {
  color: var(--1a, #6a6ed4);
  /* Texto Bold/Texto 18 Bold */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
}
body .single-post .contenedor .post-content .single-content .single-bloques .bloque-post {
  padding-top: 0;
}
body .single-post .contenedor .post-content .single-content .single-bloques .bloque-post .bloque-titulo {
  color: var(--2, #de222a);
  /* Texto Bold/Texto 24 Bold */
  font-family: "Lato";
  font-size: 24px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  margin-bottom: 10px;
}
body .single-post .contenedor .post-content .single-content .single-bloques .bloque-post .bloque-contenido p {
  color: var(--3, #6c757d);
  /* Texto regular/Texto 18 Regular */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 15px;
}
body .single-post .contenedor .post-content .single-content .single-bloques .bloque-post .bloque-contenido ul li {
  list-style: disc;
  margin-left: 20px;
  color: var(--3, #6c757d);
  /* Texto regular/Texto 18 Regular */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 5px;
}
body .single-post .contenedor .post-content .single-content .single-bloques .bloque-post .bloque-galeria {
  display: flex;
  height: 299px;
  align-items: flex-start;
  gap: 30px;
  align-self: stretch;
}
body .single-post .contenedor .post-content .single-content .single-bloques .bloque-post .bloque-galeria .galeria-item {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1 0 0;
  align-self: stretch;
  border-radius: 20px;
  overflow: hidden;
}
body .single-post .contenedor .post-content .single-content .single-bloques .bloque-post .bloque-galeria .galeria-item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center top;
     object-position: center top;
}
body .single-post .contenedor .post-content .single-content .post-share {
  width: 100%;
}
body .single-post .contenedor .post-content .single-content .post-share .share-title {
  color: var(--1, #2E3290);
  text-align: center;
  /* Texto Bold/Texto 24 Bold */
  font-family: "Lato";
  font-size: 24px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  margin-bottom: 20px;
}
body .single-post .contenedor .post-content .single-content .post-share .back-home {
  color: var(--3, #6C757D);
  text-align: center;
  /* Texto Bold/Texto 18 Bold */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  text-decoration-line: underline;
  text-decoration-style: solid;
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  margin: 50px 0;
  display: flex;
  justify-content: center;
}
body .single-post .contenedor .post-content .single-content .comment-form-section {
  width: 100%;
}
body .single-post .contenedor .post-content .single-content .comment-form-section h3 {
  color: var(--1a, #6A6ED4);
  /* Texto Bold/Texto 24 Bold */
  font-family: "Lato";
  font-size: 24px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  margin-bottom: 30px;
}
body .single-post .contenedor .post-content .single-content .comment-form-section .comment-respond form .logged-in-as {
  display: none;
}
body .single-post .contenedor .post-content .single-content .comment-form-section .comment-respond form .comment-form-cookies-consent {
  display: none;
}
body .single-post .contenedor .post-content .single-content .comment-form-section .comment-respond form .form-submit button {
  display: flex;
  padding: 10px 25px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 10px;
  background: var(--1, #2E3290);
  color: var(--4-Blanco, #FFF);
  text-align: center;
  /* Texto regular/Texto 18 Regular */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
body .single-post .contenedor .post-content .single-content .comment-form-section .comment-respond form .form-field textarea {
  margin-bottom: 15px;
  display: flex;
  height: 157px;
  padding: 15px 20px;
  align-items: flex-start;
  gap: 10px;
  width: 100%;
  border-radius: 20px;
  background: var(--ab, #E7E8F9);
  color: var(--1a, #6A6ED4);
  /* Texto regular/Texto 18 Regular */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  border: none;
  font-weight: 400;
  line-height: normal;
}
body .single-post .contenedor .post-content .single-content .comment-form-section .comment-respond form .form-field textarea::-moz-placeholder {
  color: var(--1a, #6A6ED4);
  /* Texto regular/Texto 18 Regular */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
body .single-post .contenedor .post-content .single-content .comment-form-section .comment-respond form .form-field textarea::placeholder {
  color: var(--1a, #6A6ED4);
  /* Texto regular/Texto 18 Regular */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
body .single-post .contenedor .post-content .single-content .comment-form-section .comment-respond form .form-field input {
  display: flex;
  margin-bottom: 15px;
  min-width: 450px;
  padding: 15px 20px;
  align-items: center;
  gap: 10px;
  flex: 1 0 0;
  border-radius: 20px;
  background: var(--ab, #E7E8F9);
  color: var(--1a, #6A6ED4);
  /* Texto regular/Texto 18 Regular */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  width: 100%;
  border: none;
  line-height: normal;
}
body .single-post .contenedor .post-content .single-content .comment-form-section .comment-respond form .form-field input::-moz-placeholder {
  color: var(--1a, #6A6ED4);
  /* Texto regular/Texto 18 Regular */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
body .single-post .contenedor .post-content .single-content .comment-form-section .comment-respond form .form-field input::placeholder {
  color: var(--1a, #6A6ED4);
  /* Texto regular/Texto 18 Regular */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
body .single-post .contenedor .post-content .single-sidebar {
  width: 30%;
	position: sticky;
    top: 100px;
}
body .single-post .contenedor .post-content .single-sidebar h3 {
  color: var(--1, #2e3290);
  /* Texto Bold/Texto 36 Bold */
  font-family: "Lato";
  font-size: 36px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  margin-bottom: 30px;
}
body .single-post .contenedor .post-content .single-sidebar .blog-card {
  max-width: 550px;
}
body .single-post .contenedor .post-content .single-sidebar .blog-card a {
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: 100%;
}
body .single-post .contenedor .post-content .single-sidebar .blog-card a .blog-card-img {
  width: 100%;
  height: 253px;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
}
body .single-post .contenedor .post-content .single-sidebar .blog-card a .blog-card-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
body .single-post .contenedor .post-content .single-sidebar .blog-card a .blog-card-img .blog-card-category {
  position: absolute;
  top: 10px;
  left: 10px;
  display: inline-flex;
  padding: 6px 12px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 20px;
  background: var(--2, #de222a);
  color: var(--4-Blanco, #fff);
  text-align: center;
  /* Texto Bold/Texto 18 Bold */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
}
body .single-post .contenedor .post-content .single-sidebar .blog-card a .blog-card-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 15px;
  align-self: stretch;
}
body .single-post .contenedor .post-content .single-sidebar .blog-card a .blog-card-content h3 {
  color: var(--1a, #6a6ed4);
  /* Titulo Bold/Titulo 24 Bold */
  font-family: "Fredoka";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
body .single-post .contenedor .post-content .single-sidebar .blog-card a .blog-card-content p {
  color: var(--3, #6c757d);
  /* Texto regular/Texto 18 Regular */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

@media (max-width: 1550px) {
  body .single-post .contenedor .post-content .single-sidebar h3 {
    font-size: 28px;
  }
  body .single-post .contenedor .post-content .single-sidebar .blog-card a .blog-card-img {
    height: 200px;
  }
  body .single-post .contenedor .post-content .single-sidebar .blog-card a .blog-card-img .blog-card-category {
    font-size: 14px;
  }
  body .single-post .contenedor .post-content .single-sidebar .blog-card a .blog-card-content h3 {
    font-size: 20px;
    margin-bottom: 0;
  }
  body .single-post .contenedor .post-content .single-sidebar .blog-card a .blog-card-content p {
    display: none;
  }
  body .single-post .contenedor .post-content .single-content .single-hero-img {
    margin-bottom: 30px;
  }
  body .single-post .contenedor .post-content .single-content .single-title {
    font-size: 28px;
  }
  body .single-post .contenedor .post-content .single-content .single-excerpt {
    font-size: 16px;
  }
  body .single-post .contenedor .post-content .single-content .single-highlight-box p, body .single-post .contenedor .post-content .single-content .single-highlight-box p strong {
    font-size: 16px;
  }
  body .single-post .contenedor .post-content .single-content .single-bloques .bloque-post .bloque-titulo, body .single-post .contenedor .post-content .single-content .post-share .share-title {
    font-size: 20px;
  }
  body .single-post .contenedor .post-content .single-content .single-bloques .bloque-post .bloque-contenido p, body .single-post .contenedor .post-content .single-content .single-bloques .bloque-post .bloque-contenido ul li {
    font-size: 16px;
  }
  body .single-post .contenedor .post-content .single-content .single-bloques .bloque-post .bloque-galeria {
    height: 240px;
  }
  body .single-post .contenedor .post-content .single-content .comment-form-section h3 {
    font-size: 20px;
  }
  body .single-post .contenedor .post-content .single-content .comment-form-section .comment-respond form .form-field textarea::-moz-placeholder {
    font-size: 16px;
  }
  body .single-post .contenedor .post-content .single-content .comment-form-section .comment-respond form .form-field textarea, body .single-post .contenedor .post-content .single-content .comment-form-section .comment-respond form .form-field textarea::placeholder {
    font-size: 16px;
  }
}
@media (max-width: 900px) {
  body .single-post .contenedor .post-content .single-sidebar {
    display: none;
  }
  body .single-post .contenedor .post-content .single-content {
    width: 100%;
  }
  body .single-post .contenedor .post-content .single-content .single-title {
    font-size: 28px;
  }
  body .single-post .contenedor .post-content .single-content .single-excerpt {
    font-size: 15px;
  }
  body .single-post .contenedor .post-content .single-content .single-bloques .bloque-post .bloque-titulo {
    font-size: 18px;
  }
  body .single-post .contenedor .post-content .single-content .single-bloques .bloque-post .bloque-contenido p {
    font-size: 15px;
  }
  body .single-post .contenedor .post-content .single-content .single-bloques .bloque-post .bloque-galeria {
    flex-direction: column;
  }
  body .single-post .contenedor .post-content .single-content .single-bloques .bloque-post .bloque-galeria .galeria-item {
    min-height: 210px;
  }
  body .single-post .contenedor .post-content .single-content .single-bloques .bloque-post .bloque-galeria {
    height: 100%;
  }
  body .single-post .contenedor .post-content .single-content .single-bloques .bloque-post .bloque-contenido ul li {
    font-size: 15px;
  }
}
.banner-principal {
  position: relative;
  width: 100%;
  height: 500px;
  padding: 0;
}
.banner-principal .splide__track {
  height: 100%;
}

.banner-item {
  background-size: cover;
  background-position: center;
  position: relative;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  padding: 0 30px;
}
.banner-item .img-fondo {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: -2;
  top: 0;
  left: 0;
}
.banner-item .img-fondo img {
  width: 100%;
  height: 100%;
  -o-object-fit: fill;
     object-fit: fill;
}
.banner-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.4;
  background: linear-gradient(0deg, rgba(46, 50, 144, 0.368627451) 0%, rgb(46, 49, 144) 100%);
  z-index: -1;
}
.banner-item .contenedor {
  max-width: 90%;
}
.banner-item .contenedor .row {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  max-width: 80%;
}
.banner-item .contenedor .row .contenido {
  padding: 30px 0;
  display: flex;
  max-width: 530px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 30px;
}
.banner-item .contenedor .row .contenido h2 {
  color: var(--4-Blanco, #fff);
  text-align: center;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  /* Titulo Bold/Titulo 48 Bold */
  font-family: "Fredoka";
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.banner-item .contenedor .row .contenido p {
  color: var(--4-Blanco, #fff);
  text-align: center;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  /* Texto regular/Texto 24 Regular */
  font-family: "Lato";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.banner-item .contenedor .row .contenido .btn-general {
  display: flex;
  padding: 10px 25px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 10px;
  background: var(--2, #de222a);
  color: var(--4-Blanco, #fff);
  text-align: center;
  /* Texto regular/Texto 18 Regular */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  transition: all 0.3s ease;
}
.banner-item .contenedor .row .contenido .btn-general:hover {
  background: var(--2a, #f46a6f);
}
.banner-item.dos::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(50% 50% at 50% 50%, #004083 0%, #041a56 100%);
  z-index: -3;
  opacity: 1;
}
.banner-item.dos .img-fondo {
  opacity: 0.2;
}
.banner-item.dos .contenedor .row {
  max-width: 90%;
  justify-content: space-between;
  margin: auto;
}
.banner-item.dos .contenedor .row .contenido {
  align-items: flex-start;
}
.banner-item.dos .contenedor .row .contenido h2 {
  text-align: left;
}
.banner-item.dos .contenedor .row .contenido p {
  text-align: left;
}

.banner-item img.img-left,
.banner-item img.img-right {
  max-height: 440px;
  max-width: 50%;
}

.splide__arrows .splide__arrow {
  display: flex;
  width: 49px;
  height: 49px;
  justify-content: center;
  align-items: center;
  gap: 14px;
  aspect-ratio: 1/1;
  border-radius: 56px;
  background: var(--2, #de222a);
  opacity: 1;
}
.splide__arrows .splide__arrow:hover {
  opacity: 1;
}
.splide__arrows .splide__arrow svg {
  fill: #fff;
}

.splide__arrow--next {
  right: 2em;
}

.splide__arrow--prev {
  left: 2em;
}

.section-animales .contenedor h2 {
  color: var(--2, #de222a);
  text-align: center;
  /* Titulo Bold/Titulo 48 Bold */
  font-family: "Fredoka";
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.section-animales .contenedor .slider-animales .splide__track {
  padding-bottom: 40px;
}
.section-animales .contenedor .slider-animales .splide__track .splide__list .slider-animales-item a {
  display: flex;
  min-width: 196px;
  flex-direction: column;
  align-items: center;
  gap: 15px;
  flex: 1 0 0;
  padding-top: 40px;
}
.section-animales .contenedor .slider-animales .splide__track .splide__list .slider-animales-item a .img-cont {
  display: flex;
  width: 196px;
  height: 196px;
  position: relative;
  justify-content: center;
  align-items: flex-end;
  gap: 10px;
  aspect-ratio: 1/1;
  border-radius: 10px;
  background: #fff;
  border: 1px solid rgba(69, 72, 157, 0.15);
}
.section-animales .contenedor .slider-animales .splide__track .splide__list .slider-animales-item a .img-cont img {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  transition: all 0.3s ease;
}
.section-animales .contenedor .slider-animales .splide__track .splide__list .slider-animales-item a p {
  color: var(--3, #6c757d);
  text-align: center;
  /* Titulo Regular/Titulo 24 Regular */
  font-family: "Fredoka";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.section-animales .contenedor .slider-animales .splide__track .splide__list .slider-animales-item a:hover .img-cont img {
  width: 110%;
  height: 110%;
}

.splide__pagination {
  display: flex !important;
  bottom: -1.5rem !important;
}
.splide__pagination .presentation .splide__pagination__page {
  width: 13px;
  height: 13px;
}
.splide__pagination .presentation .splide__pagination__page.is-active {
  background: var(--1, #2e3290);
}

.splide__pagination__page {
  fill: var(--ab, #e7e8f9) !important;
}

.splide__pagination__page.is-active {
  background: var(--1, #2e3290) !important;
}

.productos-destacados {
  padding: 2.5rem 0 100px 0;
  background: rgba(231, 232, 249, 0.2);
}
.productos-destacados .contenedor .top-productos {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 25px;
  gap: 30px;
  position: relative;
}
.productos-destacados .contenedor .top-productos h2 {
  color: var(--1, #2e3290);
  text-align: left;
  font-family: "Fredoka";
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.productos-destacados .contenedor .top-productos .categorias-tabs {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 30px;
}
.productos-destacados .contenedor .top-productos .categorias-tabs button {
  display: flex;
  padding: 10px 25px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 10px;
  border: 1px solid var(--1a, #6a6ed4);
  color: var(--1a, #6a6ed4);
  text-align: center;
  /* Texto Bold/Texto 24 Bold */
  font-family: "Lato";
  font-size: 24px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  transition: all 0.3s ease;
}
.productos-destacados .contenedor .top-productos .categorias-tabs button.active {
  background: var(--2, #de222a);
  border: none;
  color: var(--4-Blanco, #fff);
}
.productos-destacados .contenedor .top-productos .splide-arrows {
  min-width: 140px;
  height: 100%;
  position: absolute;
  right: 0;
}
.productos-destacados .contenedor .top-productos .splide-arrows button {
  display: flex;
  width: 49px;
  height: 49px;
  justify-content: center;
  align-items: center;
  opacity: 1;
  gap: 14px;
  aspect-ratio: 1/1;
  border-radius: 56px;
  background: var(--1, #2e3290);
}
.productos-destacados .contenedor .top-productos .splide-arrows button.splide__arrow--next {
  right: 0;
}
.productos-destacados .contenedor .top-productos .splide-arrows button.splide__arrow--prev {
  left: 0;
}

.promo-banner {
  height: auto;
  position: relative;
  padding: 0;
  margin-top: 100px;
}
.promo-banner::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  background: linear-gradient(270deg, #1f2161 0%, rgba(46, 50, 144, 0) 100%);
  z-index: -1;
  mix-blend-mode: multiply;
}
.promo-banner .promo-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 10px;
  overflow: hidden;
  z-index: -2;
  top: 0;
  left: 0;
}
.promo-banner .promo-bg img {
  width: 100%;
  height: 100%;
  -o-object-position: top center;
     object-position: top center;
  -o-object-fit: cover;
     object-fit: cover;
}
.promo-banner .contenedor {
  position: relative;
  display: flex;
  height: 100%;
  align-items: flex-end;
  gap: 40px;
  width: 1350px;
}
.promo-banner .contenedor img {
  width: 50%;
  aspect-ratio: 16/6;
  position: absolute;
}
.promo-banner .contenedor .promo-textos {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  width: 46%;
  margin-left: auto;
  margin-right: 0;
  padding: 2rem 0;
}
.promo-banner .contenedor .promo-textos .texto-prin {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
}
.promo-banner .contenedor .promo-textos .texto-prin h2 {
  color: var(--4-Blanco, #fff);
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  /* Titulo Bold/Titulo 48 Bold */
  font-family: "Fredoka";
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.promo-banner .contenedor .promo-textos .texto-prin p {
  color: var(--4-Blanco, #fff);
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  /* Texto regular/Texto 24 Regular */
  font-family: "Lato";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.promo-banner .contenedor .promo-textos a {
  display: flex;
  padding: 10px 25px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 10px;
  background: var(--2, #de222a);
  color: var(--4-Blanco, #fff);
  text-align: center;
  /* Texto regular/Texto 18 Regular */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  min-width: -moz-max-content;
  min-width: max-content;
  transition: all 0.3s ease;
}
.promo-banner .contenedor .promo-textos a:hover {
  background: var(--2a, #f46a6f);
}

.video-slider-section {
  position: relative;
  padding: 2.5rem 0 100px 0;
  background: #6a6ed4;
  overflow: hidden;
}
.video-slider-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../../images/huellas.png);
  background-size: cover;
  opacity: 0.1;
  z-index: 0;
}
.video-slider-section .fondo-video {
  position: absolute;
  max-width: 718.464px;
  height: 80%;
  max-height: 701px;
  aspect-ratio: 718.46/701;
  bottom: 0;
  right: -70px;
}
.video-slider-section .contenedor .cont-splide {
  width: 100%;
}
.video-slider-section .contenedor .cont-splide h2 {
  color: var(--4-Blanco, #fff);
  text-align: center;
  /* Titulo Bold/Titulo 36 Bold */
  font-family: "Fredoka";
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 20px;
}
.video-slider-section .contenedor .cont-splide .video-splide {
  margin: 0 30px;
}
.video-slider-section .contenedor .cont-splide .video-splide .splide__track ul li {
  border-radius: 20px;
  overflow: hidden;
  height: auto;
  aspect-ratio: 9/16;
}
.video-slider-section .contenedor .cont-splide .video-splide .splide__track ul li video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.video-slider-section .contenedor .cont-splide .video-splide .splide__arrows .splide__arrow--prev {
  left: -4em;
}
.video-slider-section .contenedor .cont-splide .video-splide .splide__arrows .splide__arrow--next {
  right: -4em;
}

/* --- Overlay General --- */
.modal-pet-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.85);
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: Arial, sans-serif;
}

.modal-pet-container {
  position: relative;
  width: 900px;
  max-width: 95%;
  min-height: 500px;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
}

.modal-close-btn {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 10;
}

/* --- VISTAS --- */
.vista-content {
  display: flex;
  width: 100%;
  min-height: 500px;
  border-radius: 12px;
}

/* Columna Ruleta */
.col-ruleta {
  flex: 1;
  padding: 30px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-radius: 12px 0 0 12px;
  position: relative;
  overflow: visible;
}

.ruleta-marco-luces {
  position: relative;
  width: 400px;
  height: 400px;
  border-radius: 50%;
  padding: 5px;
}
.ruleta-marco-luces::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 112%;
  height: 112%;
  background: url(../../images/ruleta.png);
  background-size: cover;
  z-index: 1;
  animation: girarRuleta 10s linear infinite; /* Aquí hacemos que gire */
}

/* Animación para girar la ruleta */
@keyframes girarRuleta {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
.ruleta-pointer {
  position: absolute;
  top: -15%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  width: 66px;
  height: 66px;
}
.ruleta-pointer img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.centro-flotante {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 70px;
  height: 70px;
  background: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  z-index: 1;
  aspect-ratio: 1/1;
}

.centro-flotante img {
  width: 80%;
  height: 80%;
  -o-object-fit: contain;
     object-fit: contain;
}

#canvasRuleta {
  width: 100%;
  height: 100%;
  z-index: 1;
  position: relative;
}

/* Columna Info */
.col-info {
  flex: 0.8;
  padding: 55px 24px;
  display: flex;
  justify-content: center;
  margin-left: auto;
  margin-right: 0;
  border-radius: 40px;
  background: #fff;
  height: -moz-fit-content;
  height: fit-content;
  margin: auto;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 65%;
  z-index: 0;
}
.col-info .texto-info-md {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  width: 374px;
  text-align: left;
  margin-left: auto;
  max-width: 62%;
}

.col-info h2 {
  color: var(--2, #de222a);
  /* Titulo Bold/Titulo 56 Bold */
  font-family: "Fredoka";
  font-size: 250%;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.col-info p {
  color: var(--1, #2e3290);
  /* Texto regular/Texto 24 Regular */
  font-family: "Lato";
  font-size: 100%;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.btn-primary-spin {
  background: #e74c3c;
  height: -moz-fit-content;
  height: fit-content;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  color: white;
  padding: 12px 30px;
  font-size: 18px;
  border: none;
  border-radius: 50px;
  cursor: pointer;
  font-weight: bold;
  box-shadow: 0 4px 15px rgba(231, 76, 60, 0.4);
  transition: transform 0.2s, background 0.2s;
}

#btnReintentar {
  bottom: -180px;
  font-size: 16px;
  width: -moz-max-content;
  width: max-content;
}

.btn-primary-spin:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}

/* --- VISTA 2: GANADOR (Estilo Neon / Mascotas) --- */
.vista-ganador {
  border-radius: 40px;
  max-height: 700px;
  position: relative;
  align-items: center;
  justify-content: center;
  overflow: hidden !important;
  display: none; /* Oculto por defecto */
}
.vista-ganador::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../../images/celebracion.png);
  z-index: -1;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

/* Mascotas */
.pet-deco {
  position: absolute;
  bottom: 0;
  z-index: 20;
  width: 180px;
}

.pet-left {
  left: 20px;
}

.pet-right {
  right: 20px;
}

.pet-deco img {
  width: 100%;
  height: auto;
  display: block;
}

/* Caja de Texto Ganador */
.ganador-box-neon {
  text-align: center;
  width: 50%;
  top: 47%;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 28%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}

.ganador-box-neon h2 {
  color: var(--2, #de222a);
  /* Titulo Bold/Titulo 48 Bold */
  font-family: "Fredoka";
  font-size: 230%;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.res-subtitulo {
  color: var(--1, #2e3290);
  text-align: center;
  /* Texto regular/Texto 18 Regular */
  font-family: Lato;
  font-size: 100%;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.coupon-area {
  display: flex;
  padding: 10px 25px;
  align-items: center;
  gap: 15px;
  border-radius: 60px;
  background: var(--4-Blanco, #fff);
  /* Sombra suave */
  box-shadow: 0 10px 29px 0 rgba(69, 72, 157, 0.15);
  width: -moz-fit-content;
  width: fit-content;
}

#codigoCuponDisplay {
  color: var(--1, #2e3290);
  text-align: center;
  /* Texto Bold/Texto 18 Bold */
  font-family: "Lato";
  font-size: 100%;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  -webkit-user-select: all;
     -moz-user-select: all;
          user-select: all;
}

#btnCopiarCupon {
  border: none;
  cursor: pointer;
}
#btnCopiarCupon svg {
  width: 24px;
  height: 24px;
}

.promo-structure {
  padding: 2.5rem 0 100px 0;
}
.promo-structure .contenedor {
  display: grid;
  /* Define las 3 columnas con sus proporciones (1:2:1) */
  grid-template-columns: 1fr 2fr 1fr;
  /* CORRECCIONES CLAVE PARA ANCHO Y CENTRADO: */
  margin: 0 auto;
  /* Las filas ahora dividirán esta altura de 40vw en dos partes iguales (20vw cada una) */
  grid-template-rows: 1fr 1fr;
  gap: 16px;
}

/* --- Posicionamiento en el Grid --- */
.item-a {
  grid-column: 1;
  grid-row: 1/span 2;
}

.item-b {
  grid-column: 2;
  grid-row: 1;
}

.item-c {
  grid-column: 2;
  grid-row: 2;
  display: flex;
  justify-content: space-between;
  gap: 16px;
}

.item-e {
  grid-column: 3;
  grid-row: 1/span 2;
}

/* --- Estilos de Imagen --- */
.item img {
  width: 100%;
  height: 100%;
  /* Mantiene la proporción de la imagen y cubre su contenedor, sin distorsión. */
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 14px;
}

.item-c picture {
  width: 48% !important;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.section-necesita-informacion {
  display: flex;
  margin-bottom: 150px;
  justify-content: center;
}
.section-necesita-informacion .contenedor {
  position: relative;
  z-index: 1;
  display: flex;
  flex: 2;
  align-items: flex-end;
  justify-content: space-between;
  padding-inline: 20px;
  border-radius: 40px;
  background: var(--ab, #e7e8f9);
  max-height: 440px;
  gap: 40px;
}
.section-necesita-informacion .contenedor .img-extra-2 {
  position: absolute;
  right: 50%;
  transform: translateY(-50%);
  top: 0;
  /* z-index: 2; */
  width: 140px;
}
.section-necesita-informacion .contenedor .fondo-info {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 40px;
  z-index: -1;
  overflow: hidden;
}
.section-necesita-informacion .contenedor .fondo-info .img-extra-1 {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
  width: 173px;
}
.section-necesita-informacion .contenedor .fondo-info .img-extra-3 {
  position: absolute;
  right: -44px;
  bottom: -64px;
  z-index: 2;
  width: 200px;
  filter: blur(2px);
}
.section-necesita-informacion .contenedor .fondo-info::after {
  content: "";
  position: absolute;
  left: -54%;
  top: 70%;
  transform: translateY(-50%);
  width: 100%;
  height: 936px;
  border-radius: 971px;
  background: var(--1, #2e3290);
}
.section-necesita-informacion .contenedor .left {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-block: auto;
  flex: 1;
}
.section-necesita-informacion .contenedor .left h2 {
  color: var(--1, #2e3290);
  /* Titulo Bold/Titulo 48 Bold */
  font-family: "Fredoka";
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.section-necesita-informacion .contenedor .left p {
  color: var(--1, #2e3290);
  /* Texto regular/Texto 24 Regular */
  font-family: "Lato";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.section-necesita-informacion .contenedor .left a {
  display: flex;
  padding: 10px 25px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 10px;
  background: var(--1, #2e3290);
  color: var(--4-Blanco, #fff);
  text-align: center;
  /* Texto regular/Texto 18 Regular */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  width: -moz-fit-content;
  width: fit-content;
  transition: all 0.3s ease;
}
.section-necesita-informacion .contenedor .left a:hover {
  background: var(--1a, #6a6ed4);
}
.section-necesita-informacion .contenedor .right {
  height: 530.328px;
  flex: 1;
}
.section-necesita-informacion .contenedor .right .image {
  width: 100%;
  height: 100%;
}
.section-necesita-informacion .contenedor .right .image img {
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: bottom;
     object-position: bottom;
}

.section-galeria-products {
  padding: 2.5rem 0 200px 0;
}

.woocommerce-page .product-grid-wrapper .productos {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, auto));
  gap: 30px;
  list-style: none;
  margin: 0 auto;
  padding: 0 15px;
}

.woocommerce-page .product-grid-wrapper .productos .product {
  margin-bottom: 0 !important; /* Es crucial eliminar márgenes heredados por el tema */
  padding: 0;
}

/* =====================================
   2. Estilos para el Botón "Mostrar Más" (Load More)
   ===================================== */
.load-more-container {
  text-align: center;
  padding: 40px 0;
  width: 100%;
}

.btn-mostrar-mas {
  /* Estilos básicos para el botón, ajústalos a tu diseño */
  display: flex;
  padding: 15px 30px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 40px;
  background: var(--1, #2e3290);
  color: var(--4-Blanco, #fff);
  text-align: center;
  margin: auto;
  width: -moz-fit-content;
  width: fit-content;
  /* Texto Bold/Texto 24 Bold */
  font-family: "Lato";
  font-size: 24px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
}

.no-productos-found,
.loading-products {
  color: var(--3, #6c757d);
  /* Texto regular/Texto 24 Regular */
  font-family: "Lato";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.seccion-splide-productos {
  padding: 2.5rem 0 100px 0;
}
.seccion-splide-productos .contenedor .top-productos {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 25px;
  gap: 30px;
  position: relative;
}
.seccion-splide-productos .contenedor .top-productos h2 {
  color: var(--1, #2e3290);
  text-align: left;
  font-family: "Fredoka";
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

/* CSS para el slider de Promociones Simples */
/* Estilo para el contenedor del slider item */
.section-promociones-banners .slider-promociones-item {
  line-height: 0;
  /* Si usas Splide, quizás quieras ajustar el padding lateral aquí o en la configuración de Splide */
}

/* Estilo para el enlace que envuelve la imagen */
.section-promociones-banners .slider-promociones-item a {
  display: block;
  max-width: 546px;
  max-height: 300px;
  overflow: hidden; /* Oculta lo que se sale del borde-radius */
  border-radius: 10px; /* Aplica el redondeo al link (al área visible) */
}

/* Estilo para la imagen */
.section-promociones-banners .slider-promociones-item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  /* transition: transform 0.3s ease; /* Opcional: efecto hover */
}

@media (max-width: 1500px) {
  .section-animales .contenedor h2 {
    font-size: 40px;
    line-height: 1;
  }
  .producto-compra .card-producto2 .bloque-precio .precio span bdi {
    font-size: 40px;

  }
  .productos-destacados .contenedor .top-productos h2 {
    font-size: 40px;
    line-height: 1;
  }
  .promo-banner .contenedor .promo-textos .texto-prin h2 {
    font-size: 40px;
    line-height: 1;
  }
  .section-necesita-informacion .contenedor .left h2 {
    font-size: 40px;
    line-height: 1;
  }
  .banner-item .contenedor .row .contenido h2 {
    font-size: 40px;
    line-height: 1;
  }
}
@media (max-width: 1550px) {
  .banner-item .contenedor .row .contenido h2 {
    font-size: 32px;
  }
  .banner-item .contenedor .row .contenido p {
    font-size: 18px;
  }
  .banner-item .contenedor .row .contenido {
    gap: 15px;
  }
  .banner-item img.img-left, .banner-item img.img-right {
    max-height: 300px;
  }
  .banner-principal {
    height: auto;
    margin-bottom: 2.5rem;
  }
  .banner-item .contenedor .row .contenido .btn-general {
    font-size: 16px;
  }
  .section-animales .contenedor h2 {
    font-size: 35px;
  }
  .section-animales .contenedor .slider-animales .splide__track .splide__list .slider-animales-item a .img-cont {
    width: 160px;
    height: 160px;
  }
  .section-animales .contenedor .slider-animales .splide__track .splide__list .slider-animales-item a p {
    font-size: 16px;
  }
  .section-animales .contenedor .slider-animales .splide__track .splide__list .slider-animales-item a {
    min-width: 160px;
  }
  .splide__arrows .splide__arrow {
    width: 40px;
    height: 40px;
  }
  .seccion-splide-productos .contenedor .top-productos h2 {
    font-size: 35px;
  }
  .productos-destacados .contenedor .top-productos h2 {
    font-size: 35px;
  }
  .productos-destacados .contenedor .top-productos .categorias-tabs button {
    font-size: 20px;
  }
  .promo-banner .contenedor .promo-textos .texto-prin h2 {
    font-size: 30px;
  }
  .promo-banner .contenedor .promo-textos .texto-prin p {
    font-size: 16px;
  }
  .promo-banner .contenedor .promo-textos a {
    font-size: 16px;
  }
  .video-slider-section .contenedor .cont-splide h2 {
    font-size: 30px;
  }
  .section-necesita-informacion .contenedor .left h2 {
    font-size: 38px;
  }
  .section-necesita-informacion .contenedor .left p {
    font-size: 18px;
  }
  .section-necesita-informacion .contenedor .left a {
    font-size: 16px;
  }
  .section-necesita-informacion .contenedor {
    max-height: 350px;
  }
  .section-necesita-informacion .contenedor .right {
    height: 410px;
  }
  .woocommerce-page .product-grid-wrapper .productos {
    grid-template-columns: repeat(auto-fill, minmax(225px, auto));
  }
}
@media (max-width: 800px) {
  .splide__arrow--next {
    right: 1em;
  }
  .splide__arrow--prev {
    left: 1em;
  }
  .banner-item .contenedor .row {
    flex-direction: column;
    margin: auto;
  }
  .banner-principal {
    height: auto;
  }
  .banner-item {
    padding: 30px;
  }
  .seccion-splide-productos .contenedor .top-productos h2 {
    font-size: 28px;
    text-align: center;
    margin: auto;
  }
  .banner-item.dos .contenedor .row .contenido {
    align-items: center;
  }
  .banner-item .contenedor .row .contenido h2 {
    text-align: center !important;
    font-size: 28px;
  }
  .banner-item .contenedor .row .contenido p {
    text-align: center !important;
    font-size: 15px;
  }
  .banner-item .contenedor .row .contenido .btn-general {
    font-size: 15px;
  }
  .banner-item .contenedor .row .contenido {
    order: -1;
    margin-bottom: 20px;
  }
  .section-animales .contenedor h2 {
    font-size: 28px;
  }
  .section-animales .contenedor .slider-animales .splide__track .splide__list .slider-animales-item a .img-cont {
    width: 160px;
    height: 160px;
  }
  .productos-destacados .contenedor .top-productos {
    padding-right: 0;
    flex-direction: column;
  }
  .productos-destacados .contenedor .top-productos .splide-arrows {
    display: none;
  }
  .promo-banner .contenedor {
    flex-direction: column;
    gap: 0;
  }
  .promo-banner .contenedor img {
    position: relative;
    width: 100%;
    height: auto;
    top: -24px;
  }
  .promo-banner .contenedor .promo-textos {
    padding: 0 0 2rem 0;
    flex-direction: column;
    width: 100%;
  }
  .promo-banner .contenedor .promo-textos .texto-prin {
    align-items: center;
  }
  .productos-destacados .contenedor .top-productos h2 {
    text-align: center;
  }
  .productos-destacados .contenedor .top-productos .categorias-tabs {
    gap: 15px;
    flex-wrap: wrap;
  }
  .banner-item img.img-left,
  .banner-item img.img-right {
    max-width: 80%;
  }
  .promo-banner .contenedor .promo-textos .texto-prin h2 {
    text-align: center;
    font-size: 36px;
  }
  .promo-banner .contenedor .promo-textos .texto-prin p {
    text-align: center;
  }
  .video-slider-section .fondo-video {
    display: none;
  }
  .video-slider-section .contenedor .cont-splide {
    width: 100%;
  }
  .video-slider-section .contenedor .cont-splide h2 {
    font-size: 28px;
  }
  .video-slider-section {
    padding: 2.5rem 0;
  }
  .video-slider-section .contenedor .cont-splide .video-splide {
    margin: 0;
  }
  .promo-structure .contenedor {
    display: flex;
    flex-direction: column;
  }
  .promo-structure .contenedor .item-c {
    flex-direction: column;
  }
  .promo-structure .contenedor .item {
    display: flex;
    justify-content: center;
  }
  .item-c picture {
    width: 100% !important;
  }
  #btnReintentar {
    bottom: 0;
    position: absolute;
    z-index: 99999;
  }
  .item img {
    max-width: 410px;
    width: 100%;
    height: 328px;
    -o-object-fit: fill;
       object-fit: fill;
    margin: auto;
  }
  .section-necesita-informacion .contenedor {
    flex-direction: column;
    max-height: none;
    padding: 0 20px 40px 20px;
    width: 90%;
    max-width: 500px;
    margin: 0 20px;
  }
  .section-necesita-informacion .contenedor .fondo-info::after {
    left: -28%;
    top: -28%;
    transform: none;
    width: 115%;
    border-radius: 50%;
    aspect-ratio: 1/1;
    height: auto;
  }
  .section-necesita-informacion .contenedor .left {
    text-align: center;
    align-items: center;
  }
  .section-necesita-informacion .contenedor .left h2 {
    font-size: 28px;
  }
  .section-necesita-informacion .contenedor .left p {
    font-size: 15px;
  }
  .section-necesita-informacion .contenedor .img-extra-2 {
    display: none;
  }
  .section-necesita-informacion .contenedor .fondo-info .img-extra-1 {
    width: 118px;
    top: 40px;
    bottom: auto;
    left: -30px;
  }
  .section-necesita-informacion .contenedor .fondo-info .img-extra-3 {
    width: 150px;
  }
  .section-necesita-informacion .contenedor .right {
    height: auto;
  }
  .woocommerce-page .product-grid-wrapper .productos {
    grid-template-columns: repeat(auto-fill, minmax(190px, auto));
    gap: 10px;
    padding: 0;
  }
  .section-promociones-banners .slider-promociones-item a {
    width: 259px;
    height: 191px;
  }
  .vista-content {
    flex-direction: column;
  }
  .col-ruleta {
    align-items: center;
    justify-content: center;
    padding: 0;
  }
  .col-info {
    position: relative;
    top: auto;
    transform: translateY(22%);
    order: -1;
    padding: 45px 24px 70px 24px;
    width: 100%;
    max-width: 500px;
  }
  .col-info .texto-info-md {
    max-width: 100%;
    width: 100%;
    align-items: center;
  }
  #canvasRuleta {
    height: auto;
    aspect-ratio: 1/1;
  }
  .col-info p {
    text-align: center;
  }
  .ruleta-marco-luces {
    width: 100%;
    height: auto;
    max-width: 400px;
    display: flex;
    aspect-ratio: 1/1;
    justify-content: center;
    align-items: center;
    padding: 25px;
  }
  .col-info h2 {
    text-align: center;
    font-size: 36px;
  }
  .ruleta-marco-luces::before {
    width: 100%;
    height: 100%;
  }
  .ruleta-pointer {
    top: -4%;
    width: 40px;
    height: 40px;
  }
  .centro-flotante {
    width: 16%;
    height: auto;
  }
  .btn-primary-spin {
    position: relative;
    margin-top: 20px;
    width: -moz-fit-content;
    width: fit-content;
  }
  .modal-pet-container {
    min-height: auto;
  }
  .pet-deco img {
    max-height: 200px;
    width: auto;
    height: 100%;
  }
  .pet-deco {
    width: auto;
  }
  .promo-banner::before {
    bottom: 0;
    top: auto;
    height: 100%;
    width: 100%;
    background: linear-gradient(0deg, #1f2161 0%, rgba(46, 50, 144, 0) 100%);
  }
  .banner-item .img-fondo img {
    -o-object-fit: cover;
       object-fit: cover;
  }
}
@media (max-width: 400px) {
  .ruleta-marco-luces {
    padding: 20px;
  }
}
/*
   Aplica esto solo en rangos de pantalla pequeños, por ejemplo,
   menos de 768px, para no interferir con el diseño de escritorio.
*/
#splide-animales-track .splide__slide,
#splide-animales-subcat .splide__slide,
#splide-categorias-blog .splide__slide {
  /*
          IMPORTANTE: Evita que el slide se encoja si el contenido (el <a>)
          tiene un ancho mínimo mayor.
          'flex-shrink: 0' asegura que el elemento no se haga más pequeño
          que su tamaño base calculado.
        */
  flex-shrink: 0;
  /*
          Asegura que el ancho del slide respete el ancho mínimo
          de su contenido (el <a>).
        */
}

.compromiso-us .contenedor {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 50px;
}
.compromiso-us .contenedor h2 {
  color: var(--2, #de222a);
  text-align: center;
  /* Titulo Bold/Titulo 48 Bold */
  font-family: "Fredoka";
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.compromiso-us .contenedor .cont-compromiso {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 50px;
}
.compromiso-us .contenedor .cont-compromiso .img-compromiso {
  width: 100%;
  height: 400px;
  border-radius: 20px;
  overflow: hidden;
}
.compromiso-us .contenedor .cont-compromiso .img-compromiso img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.compromiso-us .contenedor .cont-compromiso .texto-compromiso {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 40px;
  align-self: stretch;
}
.compromiso-us .contenedor .cont-compromiso .texto-compromiso div {
  color: var(--3, #6c757d);
  /* Texto regular/Texto 24 Regular */
  font-family: "Lato";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  max-width: 790px;
  text-align: left;
}

.mision-vision {
  padding: 2.5rem 0;
  background: var(--ab, #e7e8f9);
  margin-bottom: 80px;
}
.mision-vision .contenedor {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex: 2;
  gap: 40px;
}
.mision-vision .contenedor div {
  position: relative;
  flex: 1;
  max-width: 844px;
  height: 485px;
  border-radius: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  overflow: hidden;
}
.mision-vision .contenedor div .cont-div-mv {
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  max-width: 80%;
}
.mision-vision .contenedor div .cont-div-mv h3 {
  color: var(--4-Blanco, #fff);
  text-align: center;
  /* Titulo Bold/Titulo 48 Bold */
  font-family: "Fredoka";
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.mision-vision .contenedor div .cont-div-mv p {
  color: var(--4-Blanco, #fff);
  text-align: center;
  /* Texto regular/Texto 24 Regular */
  font-family: "Lato";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.mision-vision .contenedor .mision {
  background: var(--2, #de222a);
}
.mision-vision .contenedor .mision::before {
  content: "";
  position: absolute;
  bottom: -350px;
  left: -350px;
  width: 613px;
  height: 590px;
  aspect-ratio: 1/1;
  border-radius: 613px;
  opacity: 0.5;
  background: var(--2a, #f46a6f);
  z-index: 0;
}
.mision-vision .contenedor .mision::after {
  content: "";
  position: absolute;
  top: -140px;
  right: -140px;
  width: 293px;
  height: 282px;
  aspect-ratio: 1/1;
  border-radius: 613px;
  opacity: 0.5;
  background: var(--2a, #f46a6f);
}
.mision-vision .contenedor .vision {
  background: var(--1, #2e3290);
}
.mision-vision .contenedor .vision::before {
  content: "";
  position: absolute;
  bottom: -460px;
  left: 50%;
  transform: translateX(-50%);
  /* width: 613px; */
  /* height: 590px; */
  aspect-ratio: 1/1;
  border-radius: 613px;
  opacity: 0.5;
  /* background: var(--2a, #f46a6f); */
  /* z-index: 0; */
  border-radius: 613px;
  opacity: 0.5;
  background: var(--1a, #6A6ED4);
  width: 613px;
  height: 590px;
}
.mision-vision .contenedor .vision::after {
  content: "";
  position: absolute;
  bottom: 40%;
  left: 25%;
  transform: translateX(-50%);
  /* width: 613px; */
  /* height: 590px; */
  aspect-ratio: 1/1;
  border-radius: 613px;
  opacity: 0.5;
  /* background: var(--2a, #f46a6f); */
  /* z-index: 0; */
  border-radius: 613px;
  opacity: 0.5;
  background: var(--1a, #6A6ED4);
  width: 147px;
  height: 142px;
}

@media (max-width: 1550px) {
  .compromiso-us .contenedor h2 {
    font-size: 40px;
  }
  .compromiso-us .contenedor .cont-compromiso .img-compromiso {
    height: 350px;
  }
  .compromiso-us .contenedor .cont-compromiso .texto-compromiso div {
    font-size: 18px;
  }
  .mision-vision .contenedor div .cont-div-mv h3 {
    font-size: 38px;
  }
  .mision-vision .contenedor div .cont-div-mv p {
    font-size: 16px;
  }
  .mision-vision .contenedor div {
    height: 340px;
  }
}
@media (max-width: 800px) {
  .compromiso-us .contenedor h2 {
    font-size: 28px;
  }
  .compromiso-us .contenedor {
    gap: 30px;
  }
  .compromiso-us .contenedor .cont-compromiso .texto-compromiso {
    flex-direction: column;
    gap: 30px;
  }
  .compromiso-us .contenedor .cont-compromiso .texto-compromiso div {
    font-size: 15px;
  }
  .compromiso-us .contenedor .cont-compromiso {
    gap: 20px;
  }
  .mision-vision .contenedor {
    flex-direction: column;
  }
  .mision-vision .contenedor div .cont-div-mv h3 {
    font-size: 28px;
  }
  .mision-vision .contenedor div .cont-div-mv p {
    font-size: 15px;
  }
  .mision-vision .contenedor div .cont-div-mv {
    padding: 60px 40px;
    max-width: 100%;
  }
  .mision-vision .contenedor .mision::after {
    width: 280px;
    height: 280px;
    top: -170px;
    right: -160px;
  }
  .mision-vision .contenedor .mision::before {
    width: 360px;
    height: 360px;
    bottom: -264px;
    left: -220px;
  }
  .mision-vision .contenedor .vision::after {
    width: 82px;
    height: 82px;
    left: 14px;
  }
  .mision-vision .contenedor .vision::before {
    width: 590px;
    height: 590px;
    bottom: -530px;
  }
}
/* ========================================= */
/* ESTRUCTURA PRINCIPAL */
/* ========================================= */
.producto-contenedor {
  display: flex;
  width: 100%;
  gap: 30px;
}

/* ========================================= */
/* GALERÍA (SPLIDE) */
/* ========================================= */
.producto-galeria {
  /* Ocupa la primera columna */
  width: 40%;
}

/* Galería Principal */
.main-gallery {
  margin-bottom: 10px;
}

.main-gallery img,
.main-gallery video {
  width: 100%;
  height: auto;
  max-height: 500px;
  -o-object-fit: contain;
     object-fit: contain; /* Ajusta la imagen sin cortar */
}

/* Thumbnails */
.thumbs .splide__slide {
  cursor: pointer;
  border: none !important;
  padding: 3px;
  opacity: 0.6;
  transition: opacity 0.3s;
}

.thumbs .splide__slide.is-active {
  border-color: #007bff;
  opacity: 1;
}

.thumbs img {
  width: 100%;
  height: 80px;
  -o-object-fit: cover;
     object-fit: cover;
}

/* ========================================= */
/* INFO Y COMPRA */
/* ========================================= */
.producto-info {
  /* Ocupa la segunda columna */
  width: 28%;
}

/* ========================================= */
/* CARACTERÍSTICAS */
/* ========================================= */
.caracteristicas {
  margin-top: 20px;
  border-top: 1px solid #eee;
  padding-top: 15px;
}

.carac-fila {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px 0;
}

.carac-fila span {
  font-size: 14px;
}

.iconos img {
  width: 16px;
  height: 16px;
  margin-left: 5px;
}

/* ========================================= */
/* TABS */
/* ========================================= */
.tabs-producto {
  margin-top: 40px;
}

.tabs-botones {
  display: flex;
  border-bottom: 2px solid #ddd;
}

.tabs-botones button {
  background: none;
  border: none;
  padding: 10px 20px;
  margin-right: 5px;
  cursor: pointer;
  font-weight: 600;
  color: #777;
  transition: all 0.3s ease;
  border-bottom: 2px solid transparent;
  transform: translateY(2px); /* Para compensar la línea inferior */
  width: -moz-max-content;
  width: max-content;
}

.tabs-botones button.activo {
  color: #007bff;
  border-bottom: 2px solid #007bff;
  background-color: #f9f9f9;
}

.tab-panel {
  display: none;
  border: 1px solid #ddd;
  border-top: none;
  width: 100%;
}

.tab-panel.activo {
  display: block;
}

/* Asegura que tanto IMG como VIDEO ocupen el espacio de la miniatura */
.thumbs img,
.thumbs video {
  width: 100%;
  height: 80px; /* Asegúrate de que esta altura coincida con la altura de tus thumbnails */
  -o-object-fit: cover;
     object-fit: cover; /* Recorta si es necesario para llenar el espacio */
}

/* Estilos específicos para la sección FBT */
.fbt-card {
  cursor: pointer;
  position: relative;
  border: 2px solid transparent; /* Borde invisible por defecto */
  transition: all 0.2s ease;
}

/* Estado Seleccionado */
.fbt-card.selected {
  border-color: #4b4efc; /* Color primario (ajusta a tu marca) */
  box-shadow: 0 4px 12px rgba(75, 78, 252, 0.15);
}

/* Checkbox Personalizado */
.fbt-select-checkbox {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 24px;
  height: 24px;
  background: #eee;
  border-radius: 50%;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
}

.fbt-card.selected .fbt-select-checkbox {
  background: #4b4efc; /* Color activo */
  color: white;
}

.fbt-select-checkbox .check-icon {
  opacity: 0;
  transform: scale(0.5);
  transition: all 0.2s ease;
}

.fbt-card.selected .fbt-select-checkbox .check-icon {
  opacity: 1;
  transform: scale(1);
}

/* Barra inferior de Total y Agregar */
.fbt-bottom-bar {
  display: flex;
  align-items: center;
  justify-content: flex-end; /* Alinear a la derecha como en tu imagen */
  gap: 20px;
  margin-top: 30px;
  padding-top: 20px;
  border-top: 1px solid #eee;
}

.fbt-total-price {
  font-size: 1.5rem;
  font-weight: 800;
  color: #4b4efc;
}

.fbt-total-label {
  font-size: 1.2rem;
  font-weight: 700;
  color: #333;
}

.btn-fbt-add-all {
  background: #2d2d8d; /* Color oscuro del botón */
  color: white;
  padding: 12px 24px;
  border-radius: 50px;
  font-weight: 600;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
  transition: background 0.3s ease;
}

.btn-fbt-add-all:hover {
  background: #1a1a5e;
}

.btn-fbt-add-all:disabled {
  background: #ccc;
  cursor: not-allowed;
}

/* ==========================================================
   SECCIÓN: CALIFICACIONES Y COMENTARIOS
   ========================================================== */
.calificaciones-comentarios {
  padding: 40px 0;
  margin-top: 30px;
  /* Usa el ancho completo si no tienes el contenedor de la imagen */
}

.calificaciones-comentarios h2 {
  color: #4b329b; /* Título principal Morado */
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 30px;
}

.calificaciones-comentarios hr {
  border: none;
  border-top: 1px solid #ddd;
  margin: 30px 0;
}

/* --- GRID DE RESUMEN DE CALIFICACIONES --- */
.calificaciones-grid {
  display: flex;
  align-items: flex-start;
  gap: 50px; /* Espacio entre el puntaje grande y las barras */
}

/* Caja de puntaje promedio (4.8 y estrellas) */
.rating-summary-box {
  text-align: center;
  flex-shrink: 0;
  margin-top: 10px;
}

.rating-summary-box .average-score {
  font-size: 70px; /* Puntaje grande (4.8) */
  font-weight: 800;
  color: #4b329b;
  display: block;
  line-height: 1;
}

.rating-summary-box .stars-display {
  /* Estilos para el contenedor de estrellas de WooCommerce */
  display: block;
  margin-top: 5px;
}

/* Estrellas de WooCommerce (WC) */
.rating-summary-box .star-rating {
  float: none; /* Asegura que no flote si el tema lo hace */
  width: 100%; /* Ajusta el ancho según tu diseño */
}

/* Asegura que el color de las estrellas rellenas sea el Morado */
.rating-summary-box .star-rating span:before {
  color: #6a6ed4; /* Color de las estrellas llenas */
}

/* --- BARRAS DE PORCENTAJE --- */
.rating-bars {
  flex-grow: 1;
  max-width: 400px; /* Limitar el ancho de las barras */
}

.rating-bar-item {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
  font-size: 14px;
  color: #555;
}

.rating-bar-item span:first-child {
  /* Número de estrellas (5, 4, 3, 2, 1) */
  width: 15px;
  text-align: right;
  margin-right: 5px;
}

.rating-bar-item .bar-container {
  flex-grow: 1;
  background: #e0e0e0; /* Fondo gris claro de la barra */
  height: 6px;
  border-radius: 3px;
  margin: 0 10px;
  overflow: hidden;
}

.rating-bar-item .bar-fill {
  background: #4b329b; /* Morado para la línea de progreso */
  height: 100%;
  transition: width 0.5s ease-out;
}

.rating-bar-item .percent-value {
  /* Valor de porcentaje (88%, 8%, etc.) */
  width: 35px;
  text-align: right;
  font-weight: 600;
}

/* Asegura que las estrellas llenas (generadas por el span::before) usen la fuente 'star' */
.star-rating span::before {
  /* IMPORTANTE: Forzar la fuente de íconos de WooCommerce */
  font-family: "star" !important;
  /* El contenido 'star' original, asegurando que se dibuje la estrella */
  content: "\e031";
  /* Si tienes otros selectores, añade el código de la fuente aquí: */
  text-shadow: none;
}

/* Asegura que el contenedor base (estrellas vacías) también use la fuente 'star' */
.star-rating::before {
  font-family: "star" !important;
  /* El contenido de las estrellas vacías (generalmente cinco puntos) */
  content: "\e031\e031\e031\e031\e031";
}

body .ruta-blue .fbc-page .fbc-wrap .fbc-items li a {
  color: var(--1a, #6a6ed4) !important;
}

body .ruta-blue .fbc-page .fbc-wrap .fbc-items li a span {
  font-weight: 400 !important;
  color: var(--1a, #6a6ed4) !important;
}

body .ruta-blue .fbc-page .fbc-wrap .fbc-items li.active span {
  color: var(--1a, #6a6ed4) !important;
}

.ruta-blue {
  margin-bottom: 30px;
}

.producto-galeria {
  display: flex;
  gap: 30px;
  height: -moz-fit-content;
  height: fit-content;
}
.producto-galeria .thumbs {
  width: 120px;
  flex-shrink: 0;
}
.producto-galeria .thumbs .splide__track {
  height: 100% !important;
  overflow: visible !important;
}
.producto-galeria .thumbs .splide__list {
  flex-direction: column;
  gap: 15px;
}
.producto-galeria .thumbs .splide__slide {
  width: 100%;
  height: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 8px;
  cursor: pointer;
  border: none !important;
  aspect-ratio: 1/1;
  /* Sombra suave */
  border-radius: 20px;
  overflow: hidden;
}
.producto-galeria .thumbs .splide__slide img,
.producto-galeria .thumbs .splide__slide video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.producto-galeria .thumbs .splide__slide.is-active {
  box-shadow: 0 10px 29px 0 rgba(69, 72, 157, 0.15);
  background: var(--4-Blanco, #fff);
}
.producto-galeria .main-gallery {
  flex: 1;
}
.producto-galeria .main-gallery .splide__arrows .splide__arrow {
  display: flex;
  width: 34.087px;
  height: 34.087px;
  justify-content: center;
  align-items: center;
  gap: 9.739px;
  flex-shrink: 0;
  aspect-ratio: 34.09/34.09;
  border-radius: 38.957px;
  background: var(--1, #2e3290);
}
.producto-galeria .main-gallery .splide__arrows .splide__arrow svg {
  width: 10px;
  height: 10px;
}
.producto-galeria .main-gallery .splide__track {
  height: 100% !important;
}
.producto-galeria .main-gallery .splide__slide {
  display: flex;
  align-items: center;
  justify-content: center;
}
.producto-galeria .main-gallery .splide__slide img,
.producto-galeria .main-gallery .splide__slide video {
  width: 100%;
  max-height: 600px;
  -o-object-fit: contain;
     object-fit: contain;
}

.producto-info .producto-cats {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  width: 100%;
  gap: 5px;
  margin-bottom: 15px;
}
.producto-info .producto-cats a {
  display: flex;
  padding: 5px 10px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 5px;
  background: var(--2a, #f46a6f);
  color: var(--4-Blanco, #fff);
  /* Texto regular/Texto 18 Regular */
  font-family: "Lato";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
}
.producto-info .producto-titulo {
  color: var(--1a, #6a6ed4);
  /* Titulo Bold/Titulo 48 Bold */
  font-family: "Fredoka";
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 10px;
}
.producto-info .producto-rating {
  display: flex;
  margin-bottom: 30px;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-items: center;
  gap: 20px;
  color: var(--3, #6c757d);
  /* Texto regular/Texto 18 Regular */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.producto-info .producto-rating .star-rating {
  float: none;
}
.producto-info .producto-rating .star-rating span::before {
  color: #f46a6f;
}
.producto-info .producto-rating a {
  color: var(--3, #6c757d);
  /* Texto regular/Texto 18 Regular */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration-line: underline;
  text-decoration-style: solid;
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
.producto-info .bloque {
  margin-bottom: 20px;
}
.producto-info .bloque strong {
  color: var(--1, #2e3290);
  /* Texto Bold/Texto 24 Bold */
  font-family: "Lato";
  font-size: 24px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  margin-bottom: 10px;
}
.producto-info .bloque p {
  color: var(--3, #6c757d);
  /* Texto regular/Texto 18 Regular */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.producto-info .bloque .boxes-pre {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-top: 10px;
  flex-wrap: wrap;
}
.producto-info .bloque .boxes-pre .presentacion-box {
  display: flex;
  height: 80px;
  min-width: 120px;
  max-width: 122px;
  min-height: 80px;
  padding: 20px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex: 1 0 0;
  border-radius: 20px;
  border: 1px solid var(--3a, #e5e5e5);
  background: var(--ab, #e7e8f9);
  color: var(--1, #2e3290);
  text-align: center;
  /* Texto Bold/Texto 18 Bold */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
}

.producto-compra {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
  max-width: 433px;
  width: 30%;
}
.producto-compra .card-producto2 {
  display: flex;
  width: 100%;
  padding: 40px;
  flex-direction: column;
  align-items: center;
  gap: 50px;
  border-radius: 20px;
  background: #fff;
  /* Sombra suave */
  box-shadow: 0 10px 29px 0 rgba(69, 72, 157, 0.15);
}
.producto-compra .card-producto2 .bloque-precio .precio {
  display: flex;
  gap: 5px;
}
.producto-compra .card-producto2 .bloque-precio .precio #precio-dinamico .price {
  display: flex;
  gap: 8px;
}
.producto-compra .card-producto2 .bloque-precio .precio ins {
  order: -1;
}
.producto-compra .card-producto2 .bloque-precio .precio ins span bdi {
  color: var(--2, #de222a);
  text-align: center;
  /* Titulo Bold/Titulo 56 Bold */
  font-family: "Fredoka";
  font-size: 56px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.producto-compra .card-producto2 .bloque-precio .precio ins span bdi span {
  color: var(--2, #de222a);
  text-align: center;
  /* Titulo Bold/Titulo 56 Bold */
  font-family: "Fredoka";
  font-size: 56px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.producto-compra .card-producto2 .bloque-precio .precio del span bdi {
  color: var(--3, #6c757d);
  text-align: center;
  /* Texto regular/Texto 36 Regular */
  font-family: "Lato";
  font-size: 36px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration-line: line-through;
}
.producto-compra .card-producto2 .bloque-precio .precio del span bdi span {
  color: var(--3, #6c757d);
  text-align: center;
  /* Texto regular/Texto 36 Regular */
  font-family: "Lato";
  font-size: 36px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.producto-compra .card-producto2 .bloque-precio .ahorras {
  display: flex;
  padding: 5px 10px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 5px;
  background: var(--1a, #6a6ed4);
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  color: var(--4-Blanco, #fff);
  /* Texto regular/Texto 18 Regular */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.producto-compra .card-producto2 .cart-box .acciones-con-agregar .stock-disponible {
  color: var(--3, #6C757D);
  /* Texto Bold/Texto 18 Bold */
  font-family: Lato;
  font-size: 18px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  text-decoration-line: underline;
  text-decoration-style: solid;
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  padding: 30px 0 0 0;
  text-align: center;
}
@media (max-width: 900px) {
  .producto-compra .card-producto2 .cart-box .acciones-con-agregar .stock-disponible {
    display: none;
  }
}
.producto-compra .card-producto2 .cart-box .acciones-con-agregar .qty-control {
  display: flex;
  align-items: center;
  gap: 3px;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  margin-bottom: 20px;
}
.producto-compra .card-producto2 .cart-box .acciones-con-agregar .qty-control button {
  display: flex;
  width: 38px;
  height: 38px;
  justify-content: center;
  align-items: center;
  gap: 8.4px;
  aspect-ratio: 1/1;
  border-radius: 33.6px;
  border: 0.42px solid var(--2a, #f46a6f);
  background: #fff;
  color: var(--2a, #f46a6f);
  text-align: center;
  /* Texto regular/Texto 15 Regular */
  font-family: "Lato";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.producto-compra .card-producto2 .cart-box .acciones-con-agregar .qty-control input {
  display: flex;
  width: 38px;
  height: 38px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8.4px;
  aspect-ratio: 1/1;
  border-radius: 48px;
  background: var(--2a, #f46a6f);
  color: var(--4-Blanco, #fff);
  text-align: center;
  /* Texto Bold/Texto 15 Bold */
  font-family: "Lato";
  font-size: 15px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  border: none;
}
.producto-compra .card-producto2 .cart-box .acciones-con-agregar .add_to_cart_button {
  display: flex;
  padding: 20px 30px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  border-radius: 10px;
  background: var(--1, #2e3290);
  color: var(--4-Blanco, #fff);
  /* Texto Bold/Texto 24 Bold */
  font-family: "Lato";
  font-size: 24px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  transition: all 0.3s ease;
}
.producto-compra .card-producto2 .cart-box .acciones-con-agregar .add_to_cart_button:hover {
  background: var(--1a, #6a6ed4);
}
.producto-compra .card-producto2 .cart-box .acciones-con-agregar .add_to_cart_button.added {
  display: none;
}
.producto-compra .card-producto2 .cart-box .acciones-con-agregar .add_to_cart_button p {
  color: var(--4-Blanco, #fff) !important;
  /* Texto Bold/Texto 24 Bold */
  font-family: Lato !important;
  font-size: 24px !important;
  font-style: normal !important;
  font-weight: 800 !important;
  line-height: normal !important;
  text-align: center;
}
@media (max-width: 1550px) {
  .producto-compra .card-producto2 .cart-box .acciones-con-agregar .add_to_cart_button {
    padding: 20px 10px;
  }
  .producto-compra .card-producto2 .cart-box .acciones-con-agregar .add_to_cart_button p {
    font-size: 18px !important;
  }
}
.producto-compra .card-producto2 .cart-box .acciones-con-agregar .added_to_cart {
  display: flex;
  padding: 20px 30px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  border-radius: 40px;
  background: var(--1, #2e3290);
  color: var(--4-Blanco, #fff);
  /* Texto Bold/Texto 24 Bold */
  font-family: "Lato";
  font-size: 24px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
}
.producto-compra .card-producto2 .cart-box .btn-ver-detalles {
  display: flex;
  padding: 20px 30px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  border-radius: 10px;
  background: var(--1, #2e3290);
  color: var(--4-Blanco, #fff);
  /* Texto Bold/Texto 24 Bold */
  font-family: "Lato";
  font-size: 24px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
}
.producto-compra .card-producto2 .btn-ayuda {
  display: flex;
  padding: 12px 25px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 10px;
  background: #57d163;
  color: var(--4-Blanco, #fff);
  /* Texto Bold/Texto 18 Bold */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  text-align: center;
}
.producto-compra .caracteristicas {
  display: flex;
  padding: 20px;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
  border-radius: 20px;
  background: rgba(69, 72, 157, 0.05);
}
.producto-compra .caracteristicas .carac-fila {
  flex-wrap: wrap;
}
.producto-compra .caracteristicas .carac-fila span {
  color: var(--1, #2e3290);
  /* Texto Bold/Texto 18 Bold */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  width: 90px;
}
.producto-compra .caracteristicas .carac-fila .iconos {
  display: flex;
  align-items: center;
  gap: 20px;
}
.producto-compra .caracteristicas .carac-fila .iconos img {
  width: 39.185px;
  height: 26.099px;
  flex-shrink: 0;
  aspect-ratio: 39.18/26.1;
}

.section-tab-products {
  background: var(--FONDO, #FBFDFF);
}
.section-tab-products .contenedor .tabs-botones {
  display: flex;
  justify-content: left;
  align-items: center;
  gap: 30px;
  border: none;
  margin: auto;
}
.section-tab-products .contenedor .tabs-botones button {
  display: flex;
  padding: 10px 25px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 10px;
  border: 1px solid var(--1a, #6a6ed4);
  color: var(--1a, #6a6ed4);
  text-align: center;
  /* Texto regular/Texto 24 Regular */
  font-family: Lato;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  transition: all 0.3s ease;
  min-width: -moz-max-content;
  min-width: max-content;
}
.section-tab-products .contenedor .tabs-botones button.activo {
  background: var(--2, #de222a);
  color: var(--4-Blanco, #fff);
  text-align: center;
  /* Texto Bold/Texto 24 Bold */
  font-family: "Lato";
  font-size: 24px;
  border: none;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
}
.section-tab-products .contenedor .tabs-contenido {
  display: flex;
  padding: 50px;
  margin-top: 30px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  border-radius: 40px;
  background: #fff;
  color: var(--3, #6c757d);
  /* Texto regular/Texto 18 Regular */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.section-tab-products .contenedor .tabs-contenido .tab-panel {
  border: none;
}
.section-tab-products .contenedor .tabs-contenido p {
  margin-bottom: 20px;
}
.section-tab-products .contenedor .tabs-contenido ul {
  margin-bottom: 20px;
}
.section-tab-products .contenedor .tabs-contenido ul li {
  list-style: disc;
  margin-left: 20px;
}

.calificaciones-comentarios .contenedor h2 {
  color: var(--1, #2e3290);
  /* Titulo Bold/Titulo 48 Bold */
  font-family: "Fredoka";
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.calificaciones-comentarios .contenedor .info-calificaciones {
  display: flex;
  align-items: flex-start;
  gap: 80px;
}
.calificaciones-comentarios .contenedor .info-calificaciones .calificaciones-grid {
  display: flex;
  align-items: center;
  gap: 50px;
}
.calificaciones-comentarios .contenedor .info-calificaciones .calificaciones-grid .rating-summary-box .average-score {
  color: var(--1a, #6a6ed4);
  font-family: "Fredoka";
  font-size: 100px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.calificaciones-comentarios .contenedor .info-calificaciones .calificaciones-grid .rating-bars {
  min-width: 160px;
}
.calificaciones-comentarios .contenedor .info-calificaciones .sect-comentarios {
  width: 100%;
}
.calificaciones-comentarios .contenedor .info-calificaciones .sect-comentarios .comentarios-lista h3 {
  color: var(--1a, #6a6ed4);
  /* Texto Bold/Texto 24 Bold */
  font-family: "Lato";
  font-size: 24px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  margin-bottom: 30px;
}
.calificaciones-comentarios .contenedor .info-calificaciones .sect-comentarios .comentarios-lista .comentario-item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding-bottom: 20px;
  border-bottom: #6c757d 1px solid;
  margin-bottom: 20px;
}
.calificaciones-comentarios .contenedor .info-calificaciones .sect-comentarios .comentarios-lista .comentario-item .comment-avatar {
  height: 19px;
  border-radius: 9.5px;
  background: rgba(106, 110, 212, 0.2);
  overflow: hidden;
}
.calificaciones-comentarios .contenedor .info-calificaciones .sect-comentarios .comentarios-lista .comentario-item .comment-avatar img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.calificaciones-comentarios .contenedor .info-calificaciones .sect-comentarios .comentarios-lista .comentario-item .comment-right .comment-header .comment-info .comment-author {
  color: var(--1, #2e3290);
  /* Texto Bold/Texto 18 Bold */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  margin-bottom: 8px;
}
.calificaciones-comentarios .contenedor .info-calificaciones .sect-comentarios .comentarios-lista .comentario-item .comment-right .comment-header .comment-info .star-rating-display {
  margin-bottom: 8px;
}
.calificaciones-comentarios .contenedor .info-calificaciones .sect-comentarios .comentarios-lista .comentario-item .comment-right .comment-header .comment-info .star-rating-display span.rating-value {
  color: var(--3, #6c757d);
  /* Texto regular/Texto 18 Regular */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.calificaciones-comentarios .contenedor .info-calificaciones .sect-comentarios .comentarios-lista .comentario-item .comment-right .comment-header .comment-info .star-rating-display span::before {
  color: #f46a6f;
}
.calificaciones-comentarios .contenedor .info-calificaciones .sect-comentarios .comentarios-lista .comentario-item .comment-right .comment-text {
  color: var(--3, #6c757d);
  /* Texto regular/Texto 18 Regular */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.calificaciones-comentarios .contenedor .info-calificaciones .sect-comentarios .formulario-comentario h3 {
  color: var(--1a, #6a6ed4);
  /* Texto Bold/Texto 24 Bold */
  font-family: "Lato";
  font-size: 24px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  margin-bottom: 30px;
}
.calificaciones-comentarios .contenedor .info-calificaciones .sect-comentarios .formulario-comentario .woocommerce-Reviews#reviews #comments {
  display: none;
}
.calificaciones-comentarios .contenedor .info-calificaciones .sect-comentarios .formulario-comentario .woocommerce-Reviews#reviews #review_form_wrapper #review_form .comment-respond #reply-title {
  display: none;
}
.calificaciones-comentarios .contenedor .info-calificaciones .sect-comentarios .formulario-comentario .woocommerce-Reviews#reviews #review_form_wrapper #review_form .comment-respond .comment-form .comment-notes {
  display: none;
}
.calificaciones-comentarios .contenedor .info-calificaciones .sect-comentarios .formulario-comentario .woocommerce-Reviews#reviews #review_form_wrapper #review_form .comment-respond .comment-form .comment-form-rating {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
.calificaciones-comentarios .contenedor .info-calificaciones .sect-comentarios .formulario-comentario .woocommerce-Reviews#reviews #review_form_wrapper #review_form .comment-respond .comment-form .comment-form-rating label {
  color: var(--3, #6c757d);
  /* Texto regular/Texto 18 Regular */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.calificaciones-comentarios .contenedor .info-calificaciones .sect-comentarios .formulario-comentario .woocommerce-Reviews#reviews #review_form_wrapper #review_form .comment-respond .comment-form .comment-form-rating .stars span a::before {
  color: #f46a6f;
}
.calificaciones-comentarios .contenedor .info-calificaciones .sect-comentarios .formulario-comentario .woocommerce-Reviews#reviews #review_form_wrapper #review_form .comment-respond .comment-form .comment-form-cookies-consent {
  display: none;
}
.calificaciones-comentarios .contenedor .info-calificaciones .sect-comentarios .formulario-comentario .woocommerce-Reviews#reviews #review_form_wrapper #review_form .comment-respond .comment-form p label {
  display: none;
}
.calificaciones-comentarios .contenedor .info-calificaciones .sect-comentarios .formulario-comentario .woocommerce-Reviews#reviews #review_form_wrapper #review_form .comment-respond .comment-form p textarea,
.calificaciones-comentarios .contenedor .info-calificaciones .sect-comentarios .formulario-comentario .woocommerce-Reviews#reviews #review_form_wrapper #review_form .comment-respond .comment-form p input {
  display: flex;
  padding: 15px 20px;
  align-items: flex-start;
  gap: 10px;
  flex: 1 0 0;
  border-radius: 20px;
  border: none;
  width: 100%;
  background: var(--ab, #e7e8f9);
  color: var(--1a, #6a6ed4);
  text-align: left;
  /* Texto regular/Texto 18 Regular */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.calificaciones-comentarios .contenedor .info-calificaciones .sect-comentarios .formulario-comentario .woocommerce-Reviews#reviews #review_form_wrapper #review_form .comment-respond .comment-form p textarea::-moz-placeholder, .calificaciones-comentarios .contenedor .info-calificaciones .sect-comentarios .formulario-comentario .woocommerce-Reviews#reviews #review_form_wrapper #review_form .comment-respond .comment-form p input::-moz-placeholder {
  color: var(--1a, #6a6ed4);
  text-align: left;
  /* Texto regular/Texto 18 Regular */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.calificaciones-comentarios .contenedor .info-calificaciones .sect-comentarios .formulario-comentario .woocommerce-Reviews#reviews #review_form_wrapper #review_form .comment-respond .comment-form p textarea::placeholder,
.calificaciones-comentarios .contenedor .info-calificaciones .sect-comentarios .formulario-comentario .woocommerce-Reviews#reviews #review_form_wrapper #review_form .comment-respond .comment-form p input::placeholder {
  color: var(--1a, #6a6ed4);
  text-align: left;
  /* Texto regular/Texto 18 Regular */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.calificaciones-comentarios .contenedor .info-calificaciones .sect-comentarios .formulario-comentario .woocommerce-Reviews#reviews #review_form_wrapper #review_form .comment-respond .comment-form p #submit {
  display: flex;
  padding: 10px 25px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 40px;
  background: var(--1, #2e3290);
  color: var(--4-Blanco, #fff);
  text-align: center;
  /* Texto regular/Texto 18 Regular */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  width: -moz-fit-content;
  width: fit-content;
  transition: all 0.3s ease;
}
.calificaciones-comentarios .contenedor .info-calificaciones .sect-comentarios .formulario-comentario .woocommerce-Reviews#reviews #review_form_wrapper #review_form .comment-respond .comment-form p #submit:hover {
  background: var(--1a, #6A6ED4);
}

.acciones-con-agregar.a2 {
  flex-direction: column;
}

body .added_to_cart.wc-forward {
  display: none !important;
}

.productos-destacados .contenedor .bundle-footer {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 25px;
  margin-top: 50px;
}
.productos-destacados .contenedor .bundle-footer .total-bundle-display {
  color: var(--1a, #6a6ed4);
  /* Titulo Bold/Titulo 48 Bold */
  font-family: "Fredoka";
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.productos-destacados .contenedor .bundle-footer .agregar-todos-bundle-btn {
  display: flex;
  padding: 20px 30px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 40px;
  background: var(--1, #2e3290);
  color: var(--4-Blanco, #fff);
  /* Texto Bold/Texto 24 Bold */
  font-family: "Lato";
  font-size: 24px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  transition: all 0.3s ease;
}
.productos-destacados .contenedor .bundle-footer .agregar-todos-bundle-btn:hover {
  background: var(--1a, #6a6ed4);
}

.card-bundle.is-unchecked .custom-check-ui {
  opacity: 0.4;
}

.gallery-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  z-index: 9999;
  overflow: hidden;
}
.gallery-modal.is-open {
  display: flex;
  align-items: center;
  justify-content: center;
}
.gallery-modal .modal-content {
  position: relative;
  width: 100%;
  max-width: 1200px;
  max-height: 100vh;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}

.lightbox-main-gallery {
  flex-grow: 1;
  margin-bottom: 20px;
}
.lightbox-main-gallery .splide__track {
  height: 70vh;
  max-height: 800px;
}
.lightbox-main-gallery .splide__track ul li {
  display: flex;
  align-items: center;
  justify-content: center;
}
.lightbox-main-gallery img,
.lightbox-main-gallery video {
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
}

.modal2-close-btn {
  position: absolute;
  top: 10px;
  right: 10px;
  background: none;
  border: none;
  cursor: pointer;
  z-index: 10;
}

.lightbox-thumbs-container {
  height: 100px;
  width: 100% !important;
}
.lightbox-thumbs-container .splide__slide {
  height: 120px;
  width: 120px;
}
.lightbox-thumbs-container .splide__slide img,
.lightbox-thumbs-container .splide__slide video {
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.lightbox-main-gallery .splide__arrow,
.lightbox-thumbs-container .splide__arrow {
  opacity: 0.8;
  background: var(--1, #2e3290);
  transition: opacity 0.2s, background 0.2s;
}
.lightbox-main-gallery .splide__arrow svg path,
.lightbox-thumbs-container .splide__arrow svg path {
  fill: #ffffff;
}
.lightbox-main-gallery .splide__arrow:hover,
.lightbox-thumbs-container .splide__arrow:hover {
  opacity: 1;
  background: var(--1, #2e3290);
}

/* =========================================================
   1. Estilos Comunes para Galerías
   ========================================================= */
.splide img,
.splide video {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.splide.thumbs .splide__slide {
  cursor: pointer;
  border: 2px solid transparent;
  transition: border-color 0.3s;
}
.splide.thumbs .splide__slide.is-active, .splide.thumbs .splide__slide:hover {
  border-color: #333;
}
.splide.thumbs .splide__slide img,
.splide.thumbs .splide__slide video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/* =========================================================
   2. Estilos de la Galería VISIBLE (Diseño de página por defecto)
   ========================================================= */
.splide.main-gallery {
  cursor: zoom-in;
}
.splide.main-gallery .splide__track {
  height: 600px;
}
.splide.main-gallery img,
.splide.main-gallery video {
  max-height: 100%;
}

#sigle-data-modal {
  transition: transform 0.3s ease;
  cursor: pointer;
}

#sigle-data-modal.rotated {
  transform: rotate(180deg);
}

/* =========================================================
   3. Estilos del Modal (Lightbox)
   ========================================================= */
.gallery-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  z-index: 999999;
  overflow-y: auto;
}
.gallery-modal.is-open {
  display: flex;
  align-items: center;
  justify-content: center;
}
.gallery-modal .modal-content {
  position: relative;
  width: 90%;
  max-width: 1200px;
  max-height: 100vh;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}

#lightbox-main-gallery {
  background: #fff;
  border-radius: 20px;
  overflow: hidden;
  max-width: 1000px;
  margin: 20px auto;
}

.lightbox-main-gallery {
  flex-grow: 1;
  margin-bottom: 20px;
}
.lightbox-main-gallery .splide__track {
  height: 70vh;
  max-height: 800px;
}

.lightbox-thumbs-container#lightbox-thumbs {
  height: 120px;
  width: 100%;
  max-width: 584px;
  margin: auto;
}
.lightbox-thumbs-container#lightbox-thumbs .splide__slide {
  height: 120px;
  background: var(--4-Blanco, #fff);
  padding: 0;
  width: auto;
}
.lightbox-thumbs-container#lightbox-thumbs .splide__slide img,
.lightbox-thumbs-container#lightbox-thumbs .splide__slide video {
  height: 100%;
}
.lightbox-thumbs-container#lightbox-thumbs .splide__arrow {
  transform: translateY(-50%);
}

.single-producto {
  padding: 20px 0;
}
.single-producto .fbc-page .fbc-wrap .fbc-items {
  padding-top: 0 !important;
}

@media (max-width: 767px) {
  .modal-content {
    width: 100%;
  }
  .lightbox-main-gallery .splide__track {
    height: 40vh;
  }
  .modal2-close-btn {
    top: 10px;
    right: 10px;
  }
}
/* =========================================================
   4. Estilos de Pestañas (Tabs) y Cantidad (Qty)
   (Mantener estos si son necesarios para otros componentes)
   ========================================================= */
.tabs-botones {
  display: flex;
  margin-bottom: 20px;
}
.tabs-botones button {
  padding: 10px 15px;
  border: 1px solid #ccc;
  background-color: #f8f8f8;
  cursor: pointer;
}
.tabs-botones button.activo {
  background-color: #fff;
  border-bottom-color: transparent;
}

.tab-panel {
  display: none;
}
.tab-panel.activo {
  display: block;
}

.qty-input {
  width: 60px;
  text-align: center;
  padding: 5px;
}

.qty-btn {
  padding: 5px 10px;
  cursor: pointer;
}

/* ============================================== */
/* CONTENEDOR PRINCIPAL */
/* ============================================== */
.wishlist-custom-view-container {
  max-width: 800px;
  margin: 0 auto;
  padding: 20px;
  background-color: #f7f7f7;
  border-radius: 8px;
}

/* ============================================== */
/* ESTILOS DE CADA ARTÍCULO (TARJETA) */
/* ============================================== */
.custom-wishlist-item {
  /* Estructura: Checkbox(30px), Thumbnail(80px), Detalles/Controles(1fr), Eliminar(30px) */
  display: grid;
  grid-template-columns: 30px 80px 1fr 30px;
  gap: 15px;
  align-items: center;
  padding: 15px;
  border: 1px solid #ddd;
  border-radius: 8px;
  margin-bottom: 15px;
  background-color: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

/* Checkboxes */
.select-all-checkbox input[type=checkbox],
.product-checkbox input[type=checkbox] {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  border: 1px solid #ccc;
  cursor: pointer;
  border-radius: 3px;
  accent-color: #007bff;
}

/* Detalles y Controles */
.product-details-and-controls {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-grow: 1;
}

.product-actions-group {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 10px;
}

/* Controles de Cantidad */
.product-quantity-controls {
  display: flex;
  align-items: center;
  border: 1px solid #ddd;
  border-radius: 5px;
  overflow: hidden;
  width: 120px;
}

.product-quantity-controls input.qty {
  width: 50px;
  height: 35px;
  border: none;
  font-size: 15px;
  text-align: center;
}

/* Botones Inferiores */
.custom-wishlist-footer-actions {
  display: flex;
  justify-content: flex-end;
  gap: 15px;
  padding-top: 20px;
  border-top: 1px solid #ddd;
  margin-top: 20px;
}

.custom-button-primary,
.custom-button-secondary {
  padding: 10px 20px;
  font-size: 15px;
  font-weight: 600;
  border-radius: 5px;
  cursor: pointer;
  text-decoration: none;
}

.custom-button-primary {
  background-color: #007bff;
  color: #fff;
  border: 1px solid #007bff;
}

.custom-button-secondary {
  background-color: transparent;
  color: #d9534f;
  border: 1px solid #d9534f;
}

#lightbox-thumbs-list {
  flex-direction: row;
  justify-content: center;
}

.card-info .card-actions {
  display: none;
}

@media (max-width: 1550px) {
  .producto-info .producto-titulo {
    font-size: 34px;
  }
  .producto-compra .card-producto2 .cart-box .btn-ver-detalles {
    font-size: 18px;
  }
  .producto-info .bloque strong {
    font-size: 20px;
  }
  .producto-info .bloque p {
    font-size: 14px;
  }
  .producto-info .bloque .boxes-pre .presentacion-box {
    font-size: 15px;
  }
  .producto-compra .card-producto2 {
    font-size: 25px;
    gap: 30px;
    padding: 20px;
  }
  .producto-compra .card-producto2 .bloque-precio .precio ins span bdi {
    font-size: 40px;
  }
  .producto-compra .card-producto2 .bloque-precio .precio ins span bdi span {
    font-size: 40px;
  }
  .producto-compra .card-producto2 .bloque-precio .precio del span bdi {
    font-size: 22px;
  }
  .producto-compra .card-producto2 .bloque-precio .precio del span bdi span {
    font-size: 22px;
  }
  .producto-compra .card-producto2 .bloque-precio .ahorras {
    font-size: 16px;
  }
  .producto-compra .card-producto2 .cart-box .acciones-con-agregar {
    font-size: 20px;
  }
  .producto-compra .caracteristicas .carac-fila span {
    font-size: 14px;
  }
  .producto-compra .caracteristicas .carac-fila .iconos img {
    width: 26px;
    height: auto;
  }
  .producto-compra .caracteristicas .carac-fila .iconos {
    gap: 5px;
  }
  .producto-galeria {
    gap: 0;
    width: 44%;
  }
  .producto-info {
    width: 28%;
  }
  .producto-compra .card-producto2 .btn-ayuda {
    font-size: 14px;
    padding: 12px 15px;
  }
  .producto-compra {
    width: 26%;
  }
  .section-tab-products .contenedor .tabs-botones button, .section-tab-products .contenedor .tabs-botones button.activo {
    font-size: 18px;
  }
  .section-tab-products .contenedor .tabs-contenido {
    font-size: 16px;
  }
  .calificaciones-comentarios .contenedor h2 {
    font-size: 35px;
  }
  .calificaciones-comentarios .contenedor .info-calificaciones .calificaciones-grid .rating-summary-box .average-score {
    font-size: 80px;
  }
}
#sigle-data-modal {
  display: none;
}

@media (max-width: 900px) {
  .producto-galeria .thumbs .splide__list {
    flex-direction: row;
  }
  .splide.thumbs#thumbs {
    order: 2;
    width: 100%;
  }
  .producto-galeria {
    flex-direction: column;
    max-width: 500px;
    margin: auto;
  }
  .producto-contenedor {
    flex-direction: column;
  }
  .producto-galeria {
    width: 100%;
  }
  .producto-info {
    width: 100%;
    display: flex;
    flex-direction: column;
  }
  .producto-info .presentaciones {
    order: -1;
  }
  .producto-compra {
    width: 100%;
  }
  .splide.thumbs#thumbs {
    display: none;
  }
  .splide.main-gallery .splide__track {
    height: 400px !important;
  }
  .producto-info .bloque strong {
    font-size: 18px;
  }
  .carac-fila {
    flex-direction: row;
  }
  .section-tab-products .contenedor .tabs-botones {
    gap: 30px;
    overflow: auto;
    justify-content: flex-start;
    padding-bottom: 10px;
  }
  .section-tab-products .contenedor .tabs-botones button {
    font-size: 18px;
  }
  .section-tab-products .contenedor .tabs-botones button.activo {
    font-size: 18px;
  }
  .section-tab-products .contenedor .tabs-contenido {
    padding: 20px;
    font-size: 15px;
  }
  .productos-destacados .contenedor .top-productos h2 {
    font-size: 28px;
  }
  .productos-destacados .contenedor .bundle-footer {
    flex-direction: column;
    gap: 15px;
  }
  .productos-destacados .contenedor .bundle-footer .total-bundle-display {
    font-size: 36px;
  }
  .productos-destacados .contenedor .bundle-footer .agregar-todos-bundle-btn {
    font-size: 15px;
  }
  .calificaciones-comentarios .contenedor .info-calificaciones {
    flex-direction: column;
    align-items: center;
    gap: 30px;
  }
  .calificaciones-comentarios .contenedor h2 {
    font-size: 28px;
    text-align: center;
  }
  .calificaciones-comentarios .contenedor .info-calificaciones .calificaciones-grid {
    flex-direction: column;
    width: 100%;
    gap: 15px;
  }
  .calificaciones-comentarios .contenedor .info-calificaciones .calificaciones-grid .rating-bars {
    width: 100%;
  }
  .producto-compra .card-producto2 {
    position: fixed;
    bottom: 0;
    z-index: 999;
    width: 100%;
    left: 0;
    max-width: 100%;
    box-shadow: 0 10px 29px 0 rgba(69, 72, 157, 0.15);
  }
  .acciones-con-agregar.a2 {
    flex-direction: row;
    gap: 10px;
  }
  #sigle-data-modal {
    display: flex;
  }
  .producto-compra .card-producto2 .cart-box .acciones-con-agregar .add_to_cart_button {
    padding: 10px 20px;
  }
  .producto-compra .card-producto2 .cart-box .acciones-con-agregar .qty-control {
    margin: auto;
  }
  .producto-compra .card-producto2 {
    gap: 15px;
  }
  .producto-compra .card-producto2 .btn-ayuda {
    max-height: 0;
    overflow: hidden;
    padding: 0 25px;
    transition: all 0.3s ease;
  }
  .producto-compra .card-producto2 .btn-ayuda.active {
    max-height: 500px;
    overflow: hidden;
    padding: 12px 25px;
  }
}
@media (max-width: 550px) {
  #lightbox-thumbs-list {
    justify-content: flex-start;
  }
  .lightbox-thumbs-container#lightbox-thumbs {
    overflow: hidden;
  }
}
.section-login-account .contenedor {
  margin-top: 60px;
}
.section-login-account .contenedor .login-box {
  display: flex;
  max-width: 592px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
  margin: auto;
}
.section-login-account .contenedor .login-box .auth-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  align-self: stretch;
}
.section-login-account .contenedor .login-box .auth-header h2 {
  color: var(--2, #de222a);
  text-align: center;
  /* Titulo Bold/Titulo 48 Bold */
  font-family: "Fredoka";
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.section-login-account .contenedor .login-box .auth-header p {
  color: var(--1a, #6a6ed4);
  text-align: center;
  /* Texto Bold/Texto 24 Bold */
  font-family: "Lato";
  font-size: 24px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
}
.section-login-account .contenedor .login-box .woocommerce-form.woocommerce-form-login.login {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  align-self: stretch;
  margin: 0;
  padding: 0;
  border: none;
}
.section-login-account .contenedor .login-box .woocommerce-form.woocommerce-form-login.login .form-row {
  padding: 0;
  margin: 0;
  width: 100%;
}
.section-login-account .contenedor .login-box .woocommerce-form.woocommerce-form-login.login .form-row input {
  display: flex;
  min-width: 300px;
  padding: 12px 20px;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  border-radius: 28px;
  background: var(--ab, #e7e8f9);
  border: none;
  color: var(--1a, #6a6ed4);
  /* Texto regular/Texto 18 Regular */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.section-login-account .contenedor .login-box .woocommerce-form.woocommerce-form-login.login .form-row input::-moz-placeholder {
  color: var(--1a, #6a6ed4);
  /* Texto regular/Texto 18 Regular */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.section-login-account .contenedor .login-box .woocommerce-form.woocommerce-form-login.login .form-row input::placeholder {
  color: var(--1a, #6a6ed4);
  /* Texto regular/Texto 18 Regular */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.section-login-account .contenedor .login-box .woocommerce-form.woocommerce-form-login.login .form-row button.woocommerce-form-login__submit {
  display: flex;
  padding: 10px 25px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 40px;
  background: var(--1, #2e3290);
  color: var(--4-Blanco, #fff);
  text-align: center;
  /* Texto regular/Texto 18 Regular */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: auto;
  float: none;
}
.section-login-account .contenedor .login-box .woocommerce-form.woocommerce-form-login.login .auth-footer {
  color: var(--1a, #6a6ed4);
  text-align: center;
  /* Texto regular/Texto 24 Regular */
  font-family: "Lato";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.section-login-account .contenedor .login-box .woocommerce-form.woocommerce-form-login.login .auth-footer a {
  color: var(--1a, #6a6ed4);
  text-align: center;
  /* Texto Bold/Texto 24 Bold */
  font-family: "Lato";
  font-size: 24px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
}
.section-login-account .contenedor .login-box .woocommerce-form.woocommerce-form-login.login .login-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  /* CHECKBOX CUSTOM WOOCOMMERCE */
}
.section-login-account .contenedor .login-box .woocommerce-form.woocommerce-form-login.login .login-actions .woocommerce-form__label-for-checkbox {
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  position: relative;
  /* OCULTAR CHECKBOX REAL */
}
.section-login-account .contenedor .login-box .woocommerce-form.woocommerce-form-login.login .login-actions .woocommerce-form__label-for-checkbox input[type=checkbox] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.section-login-account .contenedor .login-box .woocommerce-form.woocommerce-form-login.login .login-actions .woocommerce-form__label-for-checkbox span {
  position: relative;
  display: inline-flex;
  align-items: center;
  padding-left: 28px;
  color: var(--1, #2e3290);
  font-family: "Lato";
  font-size: 18px;
  font-weight: 400;
  /* Caja externa */
}
.section-login-account .contenedor .login-box .woocommerce-form.woocommerce-form-login.login .login-actions .woocommerce-form__label-for-checkbox span::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  border-radius: 31px;
  border: 1.5px solid #2e3290;
  background: #fff;
  transition: all 0.3s ease;
}
.section-login-account .contenedor .login-box .woocommerce-form.woocommerce-form-login.login .login-actions .woocommerce-form__label-for-checkbox {
  /* CUANDO ESTÁ CHECKED ✅ */
}
.section-login-account .contenedor .login-box .woocommerce-form.woocommerce-form-login.login .login-actions .woocommerce-form__label-for-checkbox input[type=checkbox]:checked + ::before {
  background: #2e3290;
}
.section-login-account .contenedor .login-box .woocommerce-form.woocommerce-form-login.login .login-actions a {
  color: var(--1, #2e3290);
  /* Texto regular/Texto 18 Regular */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.section-login-account .contenedor .register-box {
  display: flex;
  max-width: 592px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
  margin: auto;
  border: none;
}
.section-login-account .contenedor .register-box .auth-header h2 {
  color: var(--2, #de222a);
  text-align: center;
  /* Titulo Bold/Titulo 48 Bold */
  font-family: "Fredoka";
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.section-login-account .contenedor .register-box .woocommerce-form-register {
  margin: 0;
  padding: 0;
  border: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  align-self: stretch;
}
.section-login-account .contenedor .register-box .woocommerce-form-register p {
  padding: 0;
  margin: 0;
  width: 100%;
}
.section-login-account .contenedor .register-box .woocommerce-form-register p input {
  display: flex;
  min-width: 300px;
  padding: 12px 20px;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  border-radius: 28px;
  background: var(--ab, #e7e8f9);
  color: var(--1a, #6a6ed4);
  /* Texto regular/Texto 18 Regular */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  border: none;
}
.section-login-account .contenedor .register-box .woocommerce-form-register p input::-moz-placeholder {
  color: var(--1a, #6a6ed4);
  /* Texto regular/Texto 18 Regular */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.section-login-account .contenedor .register-box .woocommerce-form-register p input::placeholder {
  color: var(--1a, #6a6ed4);
  /* Texto regular/Texto 18 Regular */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.section-login-account .contenedor .register-box .woocommerce-form-register p button {
  display: flex;
  padding: 10px 25px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 40px;
  background: var(--1, #2e3290);
  color: var(--4-Blanco, #fff);
  text-align: center;
  /* Texto regular/Texto 18 Regular */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  float: none;
  margin: auto;
}
.section-login-account .contenedor .register-box .woocommerce-form-register .auth-footer {
  color: var(--1a, #6a6ed4);
  text-align: center;
  /* Texto regular/Texto 24 Regular */
  font-family: "Lato";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.section-login-account .contenedor .register-box .woocommerce-form-register .auth-footer a {
  color: var(--1a, #6a6ed4);
  text-align: center;
  /* Texto Bold/Texto 24 Bold */
  font-family: "Lato";
  font-size: 24px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
}

.petstop-auth-box {
  display: flex;
  max-width: 592px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
  margin: auto;
}
.petstop-auth-box .auth-header {
  display: flex;
  max-width: 592px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
  margin: auto;
}
.petstop-auth-box .auth-header h2 {
  color: var(--2, #de222a);
  text-align: center;
  /* Titulo Bold/Titulo 48 Bold */
  font-family: "Fredoka";
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.petstop-auth-box .auth-header p {
  color: var(--3, #6c757d);
  text-align: center;
  /* Texto Bold/Texto 24 Bold */
  font-family: "Lato";
  font-size: 24px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
}
.petstop-auth-box .woocommerce-ResetPassword {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}
.petstop-auth-box .woocommerce-ResetPassword p {
  padding: 0;
  margin: 0;
  width: 100%;
}
.petstop-auth-box .woocommerce-ResetPassword p .input-text {
  display: flex;
  min-width: 300px;
  padding: 12px 20px;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  border-radius: 28px;
  background: var(--ab, #e7e8f9);
  color: var(--1a, #6a6ed4);
  /* Texto regular/Texto 18 Regular */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  border: none;
}
.petstop-auth-box .woocommerce-ResetPassword p .input-text::-moz-placeholder {
  color: var(--1a, #6a6ed4);
  /* Texto regular/Texto 18 Regular */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.petstop-auth-box .woocommerce-ResetPassword p .input-text::placeholder {
  color: var(--1a, #6a6ed4);
  /* Texto regular/Texto 18 Regular */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.petstop-auth-box .woocommerce-ResetPassword p button {
  display: flex;
  padding: 10px 25px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 40px;
  background: var(--1, #2e3290);
  color: var(--4-Blanco, #fff);
  text-align: center;
  /* Texto regular/Texto 18 Regular */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  float: none;
  margin: auto;
}

.navigation-section .contenedor .petstop-account-nav {
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
}
.navigation-section .contenedor .petstop-account-nav ul {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 30px;
}
.navigation-section .contenedor .petstop-account-nav ul li a {
  display: flex;
  width: 150px;
  padding: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 20px;
  background: #fff;
}
.navigation-section .contenedor .petstop-account-nav ul li a .nav-icon {
  display: flex;
  width: 40px;
  height: 40px;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1/1;
  border-radius: 18px;
  background: var(--3a, #e5e5e5);
}
.navigation-section .contenedor .petstop-account-nav ul li a span {
  color: var(--3, #6c757d);
  /* Titulo Regular/Titulo 18 Regular */
  font-family: "Fredoka";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.navigation-section .contenedor .petstop-account-nav ul li.is-active a {
  box-shadow: 0 10px 29px 0 rgba(69, 72, 157, 0.15);
}
.navigation-section .contenedor .petstop-account-nav ul li.is-active a .nav-icon {
  background: var(--2b, #fde8e9);
}
.navigation-section .contenedor .petstop-account-nav ul li.is-active a .nav-icon svg path {
  fill: #de222a;
}
.navigation-section .contenedor .petstop-account-nav ul li.is-active a span {
  color: var(--2, #de222a);
  /* Titulo Bold/Titulo 18 Bold */
  font-family: "Fredoka";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.profile-form-section .contenedor {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 30px;
}
.profile-form-section .contenedor .petstop-profile-header {
  display: flex;
  padding: 10px 0;
  align-items: center;
  gap: 10px;
  width: 100%;
}
.profile-form-section .contenedor .petstop-profile-header .header-icon-user {
  display: flex;
  width: 30px;
  height: 30px;
  justify-content: center;
  align-items: center;
  border-radius: 18px;
  background: var(--2b, #fde8e9);
}
.profile-form-section .contenedor .petstop-profile-header h2 {
  color: var(--2, #de222a);
  /* Titulo Bold/Titulo 36 Bold */
  font-family: "Fredoka";
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.profile-form-section .contenedor .woocommerce-EditAccountForm {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.profile-form-section .contenedor .woocommerce-EditAccountForm .profile-grid {
  margin-bottom: 30px;
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  gap: 20px;
  align-self: stretch;
  flex-wrap: wrap;
  flex: 2;
}
.profile-form-section .contenedor .woocommerce-EditAccountForm .profile-grid .profile-col {
  flex: 1;
  width: 100%;
  gap: 20px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.profile-form-section .contenedor .woocommerce-EditAccountForm .profile-grid .profile-col p {
  padding: 0;
  margin: 0;
  width: 100%;
  position: relative;
}
.profile-form-section .contenedor .woocommerce-EditAccountForm .profile-grid .profile-col p input,
.profile-form-section .contenedor .woocommerce-EditAccountForm .profile-grid .profile-col p select {
  display: flex;
  padding: 15px 20px;
  justify-content: space-between;
  align-items: center;
  flex: 1 0 0;
  border-radius: 40px;
  background: var(--ab, #e7e8f9);
  color: var(--1a, #6a6ed4);
  border: none;
  /* Texto regular/Texto 18 Regular */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  width: 100%;
}
.profile-form-section .contenedor .woocommerce-EditAccountForm .profile-grid .profile-col p input::-moz-placeholder, .profile-form-section .contenedor .woocommerce-EditAccountForm .profile-grid .profile-col p select::-moz-placeholder {
  color: var(--1a, #6a6ed4);
  /* Texto regular/Texto 18 Regular */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.profile-form-section .contenedor .woocommerce-EditAccountForm .profile-grid .profile-col p input::placeholder,
.profile-form-section .contenedor .woocommerce-EditAccountForm .profile-grid .profile-col p select::placeholder {
  color: var(--1a, #6a6ed4);
  /* Texto regular/Texto 18 Regular */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.profile-form-section .contenedor .woocommerce-EditAccountForm .profile-grid .profile-col p .field-icon {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
}
.profile-form-section .contenedor .woocommerce-EditAccountForm .profile-grid .profile-col p #password_strength {
  display: none !important;
}
.profile-form-section .contenedor .woocommerce-EditAccountForm .profile-grid .profile-col p .password-input .show-password-input {
  z-index: 10;
  opacity: 0;
}
.profile-form-section .contenedor .woocommerce-EditAccountForm .profile-grid .profile-col p .password-input input {
  color: var(--1a, #6a6ed4);
  /* Texto regular/Texto 18 Regular */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.profile-form-section .contenedor .woocommerce-EditAccountForm .profile-grid .profile-col p .password-input input::-moz-placeholder {
  color: var(--1a, #6a6ed4);
  /* Texto regular/Texto 18 Regular */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.profile-form-section .contenedor .woocommerce-EditAccountForm .profile-grid .profile-col p .password-input input::placeholder {
  color: var(--1a, #6a6ed4);
  /* Texto regular/Texto 18 Regular */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.profile-form-section .contenedor .woocommerce-EditAccountForm .form-action button {
  display: flex;
  padding: 10px 25px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 10px;
  background: var(--1, #2e3290);
  color: var(--4-Blanco, #fff);
  text-align: center;
  /* Texto regular/Texto 18 Regular */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.profile-form-section .contenedor .profile-subtitle {
  color: var(--1, #2e3290);
  /* Texto regular/Texto 24 Regular */
  font-family: "Lato";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.profile-form-section .contenedor .petstop-orders-list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 30px;
  align-self: stretch;
  width: 100%;
}
.profile-form-section .contenedor .petstop-orders-list .petstop-order-card {
  display: flex;
  padding: 20px;
  position: relative;
  overflow: hidden;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 10px;
  width: 100%;
  border-radius: 20px;
  border: 1px solid rgba(69, 72, 157, 0.15);
  background: #f6f6f6;
}
.profile-form-section .contenedor .petstop-orders-list .petstop-order-card .limit-order-card {
  width: 100%;
  padding-right: 120px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
}
.profile-form-section .contenedor .petstop-orders-list .petstop-order-card .order-status-badge {
  display: flex;
  padding: 8px 30px;
  align-items: center;
  gap: 10px;
  border-radius: 20px 0 0 20px;
  background: rgba(255, 73, 73, 0.1);
  color: #ff4949;
  /* Texto Bold/Texto 18 Bold */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  position: absolute;
  top: 0;
  right: 0;
}
.profile-form-section .contenedor .petstop-orders-list .petstop-order-card .order-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.profile-form-section .contenedor .petstop-orders-list .petstop-order-card .order-header h3 {
  color: var(--1a, #6a6ed4);
  /* Titulo Bold/Titulo 36 Bold */
  font-family: "Fredoka";
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.profile-form-section .contenedor .petstop-orders-list .petstop-order-card .order-header span {
  color: var(--2, #de222a);
  text-align: center;
  /* Titulo Bold/Titulo 36 Bold */
  font-family: "Fredoka";
  font-size: 36px;
  font-style: normal;
  font-weight: bolder;
  line-height: normal;
}
.profile-form-section .contenedor .petstop-orders-list .petstop-order-card .order-meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.profile-form-section .contenedor .petstop-orders-list .petstop-order-card .order-meta span {
  color: var(--3, #6c757d);
  /* Titulo Regular/Titulo 24 Regular */
  font-family: "Fredoka";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.profile-form-section .contenedor .petstop-orders-list .petstop-order-card .view-summary-btn {
  display: flex;
  padding: 10px 25px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 10px;
  background: var(--1, #2e3290);
  color: var(--4-Blanco, #fff);
  text-align: center;
  /* Texto Bold/Texto 15 Bold */
  font-family: "Lato";
  font-size: 15px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
}
.profile-form-section .contenedor .petstop-orders-list .petstop-order-card .order-products-carousel {
  display: flex;
  align-items: center;
  gap: 15px;
  align-self: stretch;
  width: 100%;
  overflow: hidden;
}
.profile-form-section .contenedor .petstop-orders-list .petstop-order-card .order-products-carousel .product-item {
  width: 114px;
  height: 114px;
  background: #fff;
  aspect-ratio: 1/1;
  border-radius: 20px;
  overflow: hidden;
}
.profile-form-section .contenedor .petstop-orders-list .petstop-order-card .order-products-carousel .product-item img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.petstop-pagination {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 30px;
}

.pagination-link {
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 50%;
  background-color: #fff;
  color: #888;
  font-weight: 600;
  cursor: pointer;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}

.pagination-link.active {
  background-color: #e02b20; /* Rojo */
  color: white;
}

.view-order-section .contenedor .petstop-back-btn {
  color: var(--2, #de222a);
  /* Titulo Bold/Titulo 36 Bold */
  font-family: "Fredoka";
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  display: flex;
  align-items: center;
  gap: 10px;
}
.view-order-section .contenedor .cont-borde-order {
  margin-top: 50px;
  display: flex;
  padding: 40px 20px 30px 20px;
  flex-direction: column;
  position: relative;
  overflow: hidden;
  gap: 30px;
  align-self: stretch;
  border-radius: 20px;
  border: 1px solid rgba(69, 72, 157, 0.15);
  background: #fff;
}
.view-order-section .contenedor .cont-borde-order .order-status-badge {
  display: flex;
  padding: 8px 30px;
  align-items: center;
  gap: 10px;
  border-radius: 20px 0 0 20px;
  background: rgba(255, 73, 73, 0.1);
  color: #ff4949;
  /* Texto Bold/Texto 18 Bold */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  position: absolute;
  top: 0;
  right: 0;
}
.view-order-section .contenedor .cont-borde-order .order-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.view-order-section .contenedor .cont-borde-order .order-header h3 {
  color: var(--1a, #6a6ed4);
  /* Titulo Bold/Titulo 36 Bold */
  font-family: "Fredoka";
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.view-order-section .contenedor .cont-borde-order .order-header span {
  color: var(--2, #de222a);
  text-align: center;
  /* Titulo Bold/Titulo 36 Bold */
  font-family: "Fredoka";
  font-size: 36px;
  font-style: normal;
  font-weight: bolder;
  line-height: normal;
}
.view-order-section .contenedor .cont-borde-order .order-meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.view-order-section .contenedor .cont-borde-order .order-meta span {
  color: var(--3, #6c757d);
  /* Titulo Regular/Titulo 24 Regular */
  font-family: "Fredoka";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.view-order-section .contenedor .cont-borde-order .order-summary-card {
  display: flex;
  padding: 10px 20px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
  border-radius: 20px;
  background: var(--ab, #E7E8F9);
}
.view-order-section .contenedor .cont-borde-order .order-summary-card .summary-line {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  color: var(--1a, #6A6ED4);
  /* Texto Bold/Texto 18 Bold */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
}
.view-order-section .contenedor .cont-borde-order .order-address-card {
  display: flex;
  padding: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 5px;
  align-self: stretch;
  border-radius: 20px;
  background: var(--ab, #E7E8F9);
}
.view-order-section .contenedor .cont-borde-order .order-address-card .address-line {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  color: var(--1a, #6A6ED4);
  /* Texto regular/Texto 18 Regular */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.view-order-section .contenedor .cont-borde-order .order-products-detail {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
}
.view-order-section .contenedor .cont-borde-order .order-products-detail .product-detail-item {
  width: 100%;
  display: flex;
  padding: 10px 20px;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  border-radius: 20px;
  background: var(--3a, #E5E5E5);
}
.view-order-section .contenedor .cont-borde-order .order-products-detail .product-detail-item .product-info {
  display: flex;
  align-items: center;
  gap: 20px;
}
.view-order-section .contenedor .cont-borde-order .order-products-detail .product-detail-item .product-info img {
  width: 67px;
  height: 67px;
  border-radius: 20px;
}
.view-order-section .contenedor .cont-borde-order .order-products-detail .product-detail-item .product-info .detail-info-product-item {
  display: flex;
  flex-direction: column;
  gap: 5px;
  align-items: flex-start;
}
.view-order-section .contenedor .cont-borde-order .order-products-detail .product-detail-item .product-info .detail-info-product-item span {
  color: var(--3, #6C757D);
  /* Titulo Bold/Titulo 24 Bold */
  font-family: "Fredoka";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.view-order-section .contenedor .cont-borde-order .order-products-detail .product-detail-item .product-info .detail-info-product-item .item-qty {
  color: var(--3, #6C757D);
  text-align: center;
  /* Texto regular/Texto 18 Regular */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.view-order-section .contenedor .cont-borde-order .order-products-detail .product-detail-item .product-price {
  color: var(--3, #6C757D);
  /* Titulo Bold/Titulo 24 Bold */
  font-family: "Fredoka";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

body .ruta-gray .fbc-page .fbc-wrap .fbc-items li a {
  color: var(--3, #6C757D) !important;
}

body .ruta-gray .fbc-page .fbc-wrap .fbc-items li span {
  color: var(--3, #6C757D) !important;
}

.section-cuenta-total {
  padding: 0;
}
@media (max-width: 1550px) {
  .navigation-section .contenedor .petstop-account-nav ul li.is-active a span {
    font-size: 16px;
  }
  .navigation-section .contenedor .petstop-account-nav ul li a {
    padding: 10px;
  }
  .navigation-section .contenedor .petstop-account-nav ul li a span {
    font-size: 16px;
    text-align: center;
  }
  .profile-form-section .contenedor .petstop-profile-header h2 {
    font-size: 30px;
  }
  .profile-form-section .contenedor .woocommerce-EditAccountForm .profile-grid .profile-col p input::-moz-placeholder, .profile-form-section .contenedor .woocommerce-EditAccountForm .profile-grid .profile-col p select::-moz-placeholder {
    font-size: 14px;
  }
  .profile-form-section .contenedor .woocommerce-EditAccountForm .profile-grid .profile-col p input, .profile-form-section .contenedor .woocommerce-EditAccountForm .profile-grid .profile-col p select, .profile-form-section .contenedor .woocommerce-EditAccountForm .profile-grid .profile-col p input::placeholder, .profile-form-section .contenedor .woocommerce-EditAccountForm .profile-grid .profile-col p select::placeholder {
    font-size: 14px;
  }
  .profile-form-section .contenedor .woocommerce-EditAccountForm .profile-grid .profile-col p .password-input input::-moz-placeholder {
    font-size: 14px;
  }
  .profile-form-section .contenedor .woocommerce-EditAccountForm .profile-grid .profile-col p .password-input input, .profile-form-section .contenedor .woocommerce-EditAccountForm .profile-grid .profile-col p .password-input input::placeholder {
    font-size: 14px;
  }
  .profile-form-section .contenedor .woocommerce-EditAccountForm .form-action button {
    font-size: 16px;
  }
  .profile-form-section .contenedor .profile-subtitle {
    font-size: 18px;
  }
  .profile-form-section .contenedor {
    gap: 20px;
  }
  .profile-form-section .contenedor .petstop-orders-list .petstop-order-card .order-header h3 {
    font-size: 28px;
  }
  .profile-form-section .contenedor .petstop-orders-list .petstop-order-card .order-meta span {
    font-size: 20px;
  }
  .profile-form-section .contenedor .petstop-orders-list .petstop-order-card .order-header span bdi, .profile-form-section .contenedor .petstop-orders-list .petstop-order-card .order-header span {
    font-size: 28px !important;
  }
  .profile-form-section .contenedor .petstop-orders-list .petstop-order-card .order-products-carousel .product-item {
    width: 100px;
    height: 100px;
  }
  .profile-form-section .contenedor .petstop-orders-list .petstop-order-card .order-status-badge {
    font-size: 14px;
  }
  .wishlist-header-custom .custom-checkbox-container .select-text {
    font-size: 20px;
  }
  .wishlist-header-custom .custom-checkbox-container {
    gap: 4px;
  }
  .view-order-section .contenedor .petstop-back-btn, .view-order-section .contenedor .cont-borde-order .order-header h3, .view-order-section .contenedor .cont-borde-order .order-header span {
    font-size: 28px;
  }
  .view-order-section .contenedor .cont-borde-order .order-status-badge {
    font-size: 16px;
  }
  .view-order-section .contenedor .cont-borde-order .order-meta span, .view-order-section .contenedor .cont-borde-order .order-products-detail .product-detail-item .product-info .detail-info-product-item span {
    font-size: 20px;
  }
  .view-order-section .contenedor .cont-borde-order .order-meta {
    margin: 14px 0;
  }
  .view-order-section .contenedor .cont-borde-order .order-summary-card .summary-line, .view-order-section .contenedor .cont-borde-order .order-address-card .address-line {
    font-size: 14px;
  }
  .view-order-section .contenedor .cont-borde-order .order-products-detail .product-detail-item .product-info .detail-info-product-item .item-qty {
    font-size: 16px;
  }
  .view-order-section .contenedor .cont-borde-order .order-products-detail .product-detail-item .product-price {
    font-size: 20px;
  }
}
@media (max-width: 800px) {
  .section-login-account .contenedor .login-box .auth-header h2 {
    font-size: 28px;
  }
  .section-login-account .contenedor .login-box .auth-header p {
    font-size: 18px;
  }
  .section-login-account .contenedor .login-box .woocommerce-form.woocommerce-form-login.login .form-row input {
    font-size: 15px;
  }
  .section-login-account .contenedor .login-box .woocommerce-form.woocommerce-form-login.login .form-row input::-moz-placeholder {
    font-size: 15px;
  }
  .section-login-account .contenedor .login-box .woocommerce-form.woocommerce-form-login.login .form-row input::placeholder {
    font-size: 15px;
  }
  .section-login-account .contenedor .login-box .auth-header {
    gap: 4px;
  }
  .section-login-account .contenedor .login-box .woocommerce-form.woocommerce-form-login.login .login-actions .woocommerce-form__label-for-checkbox span {
    font-size: 15px;
  }
  .section-login-account .contenedor .login-box .woocommerce-form.woocommerce-form-login.login .login-actions a {
    font-size: 15px;
  }
  .section-login-account .contenedor .login-box .woocommerce-form.woocommerce-form-login.login .auth-footer {
    font-size: 18px;
  }
  .section-login-account .contenedor .login-box .woocommerce-form.woocommerce-form-login.login .auth-footer a {
    font-size: 18px;
  }
  .section-login-account .contenedor .login-box .woocommerce-form.woocommerce-form-login.login .form-row input {
    min-width: 200px;
  }
  .section-login-account .contenedor .register-box .auth-header h2 {
    font-size: 28px;
  }
  .section-login-account .contenedor .register-box .woocommerce-form-register p input {
    min-width: 200px;
    font-size: 15px;
  }
  .section-login-account .contenedor .register-box .woocommerce-form-register p input::-moz-placeholder {
    font-size: 15px;
  }
  .section-login-account .contenedor .register-box .woocommerce-form-register p input::placeholder {
    font-size: 15px;
  }
  .section-login-account .contenedor .register-box .woocommerce-form-register .auth-footer {
    font-size: 18px;
  }
  .section-login-account .contenedor .register-box .woocommerce-form-register .auth-footer a {
    font-size: 18px;
  }
  .petstop-auth-box .auth-header h2 {
    font-size: 28px;
  }
  .petstop-auth-box .auth-header p {
    font-size: 18px;
  }
  .petstop-auth-box .woocommerce-ResetPassword p .input-text {
    font-size: 15px;
  }
  .petstop-auth-box .woocommerce-ResetPassword p .input-text::-moz-placeholder {
    font-size: 15px;
  }
  .petstop-auth-box .woocommerce-ResetPassword p .input-text::placeholder {
    font-size: 15px;
  }
}
.profile-form-section .contenedor .petstop-orders-list .petstop-order-card .order-header span bdi {
  color: var(--2, #de222a);
  text-align: center;
  font-family: "Fredoka";
  font-size: 36px;
  font-style: normal;
  font-weight: bolder;
  line-height: normal;
}

/* Oculta completamente el campo País en el formulario de facturación */
.woocommerce-billing-fields .hidden-field {
  display: none !important;
}

.woocommerce-form-coupon-toggle {
  display: none;
}

.page-content .woocommerce .cart-header-title h1 {
  color: var(--2, #de222a);
  text-align: center;
  /* Titulo Bold/Titulo 56 Bold */
  font-family: "Fredoka";
  font-size: 56px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.page-content .woocommerce .woocommerce-cart-form {
  display: flex;
  align-items: flex-start;
  position: relative;
  gap: 56px;
  align-self: stretch;
}
.page-content .woocommerce .woocommerce-cart-form .cart-right-column {
  display: flex;
  max-width: 600px;
  flex-direction: column;
  gap: 60px;
  width: 50%;
}
@media (max-width: 800px) {
  .page-content .woocommerce .woocommerce-cart-form .cart-right-column {
    display: none;
  }
}
.page-content .woocommerce .woocommerce-cart-form .cart-right-column .coupon-section-custom p {
  color: var(--3, #6c757d);
  text-align: center;
  /* Texto Bold/Texto 18 Bold */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  margin-bottom: 12px;
}
.page-content .woocommerce .woocommerce-cart-form .cart-right-column .coupon-section-custom .coupon-flex {
  width: 100%;
  position: relative;
}
.page-content .woocommerce .woocommerce-cart-form .cart-right-column .coupon-section-custom .coupon-flex input {
  display: flex;
  padding: 10px 10px;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  border-radius: 10px;
  border: 1px solid #e2e2e2;
  background: var(--ab, #e7e8f9);
  color: var(--3, #6c757d);
  /* Texto regular/Texto 18 Regular */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  width: 100%;
}
.page-content .woocommerce .woocommerce-cart-form .cart-right-column .coupon-section-custom .coupon-flex input::-moz-placeholder {
  color: var(--3, #6c757d);
  /* Texto regular/Texto 18 Regular */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.page-content .woocommerce .woocommerce-cart-form .cart-right-column .coupon-section-custom .coupon-flex input::placeholder {
  color: var(--3, #6c757d);
  /* Texto regular/Texto 18 Regular */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.page-content .woocommerce .woocommerce-cart-form .cart-right-column .coupon-section-custom .coupon-flex button {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  padding: 10px 25px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 10px;
  background: var(--1, #2e3290);
  color: var(--4-Blanco, #fff);
  text-align: center;
  /* Texto 15 Regular */
  font-family: "Lato";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 133.333% */
}
.page-content .woocommerce .woocommerce-cart-form .cart-right-column .cart-collaterals-custom .cart_totals h2 {
  color: var(--3, #6c757d);
  /* Titulo Bold/Titulo 36 Bold */
  font-family: "Fredoka";
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 20px;
}
.page-content .woocommerce .woocommerce-cart-form .cart-right-column .cart-collaterals-custom .cart_totals .wc-proceed-to-checkout .checkout-button {
  display: flex;
  height: 43px;
  padding: 10px 25px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  border-radius: 10px;
  background: var(--1, #2e3290);
  color: var(--4-Blanco, #fff);
  text-align: center;
  /* Texto regular/Texto 18 Regular */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.page-content .woocommerce .woocommerce-cart-form .cart-right-column .cart-collaterals-custom .cart_totals .shop_table {
  border: none;
  padding: 0;
  margin: 0;
}
.page-content .woocommerce .woocommerce-cart-form .cart-right-column .cart-collaterals-custom .cart_totals .shop_table tbody tr th {
  color: var(--3, #6c757d);
  /* Texto regular/Texto 24 Regular */
  font-family: "Lato";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.page-content .woocommerce .woocommerce-cart-form .cart-right-column .cart-collaterals-custom .cart_totals .shop_table tbody tr td[data-title=Subtotal],
.page-content .woocommerce .woocommerce-cart-form .cart-right-column .cart-collaterals-custom .cart_totals .shop_table tbody tr td[data-title=Total], .page-content .woocommerce .woocommerce-cart-form .cart-right-column .cart-collaterals-custom .cart_totals .shop_table tbody tr td[data-title=IGV], .page-content .woocommerce .woocommerce-cart-form .cart-right-column .cart-collaterals-custom .cart_totals .shop_table tbody tr td {
  text-align: right;
}
.page-content .woocommerce .woocommerce-cart-form .cart-right-column .cart-collaterals-custom .cart_totals .shop_table tbody tr td[data-title=Subtotal] span,
.page-content .woocommerce .woocommerce-cart-form .cart-right-column .cart-collaterals-custom .cart_totals .shop_table tbody tr td[data-title=Total] span, .page-content .woocommerce .woocommerce-cart-form .cart-right-column .cart-collaterals-custom .cart_totals .shop_table tbody tr td[data-title=IGV] span, .page-content .woocommerce .woocommerce-cart-form .cart-right-column .cart-collaterals-custom .cart_totals .shop_table tbody tr td span, .page-content .woocommerce .woocommerce-cart-form .cart-right-column .cart-collaterals-custom .cart_totals .shop_table tbody tr td {
  color: var(--3, #6c757d);
  /* Texto regular/Texto 24 Regular */
  font-family: "Lato";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.page-content .woocommerce .woocommerce-cart-form .cart-right-column .cart-collaterals-custom .cart_totals .shop_table tbody tr td[data-title=Subtotal] a,
.page-content .woocommerce .woocommerce-cart-form .cart-right-column .cart-collaterals-custom .cart_totals .shop_table tbody tr td[data-title=Total] a, .page-content .woocommerce .woocommerce-cart-form .cart-right-column .cart-collaterals-custom .cart_totals .shop_table tbody tr td[data-title=IGV] a, .page-content .woocommerce .woocommerce-cart-form .cart-right-column .cart-collaterals-custom .cart_totals .shop_table tbody tr td a {
  color: var(--3, #6c757d);
  /* Texto regular/Texto 24 Regular */
  font-family: "Lato";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.page-content .woocommerce .woocommerce-cart-form .cart-left-column {
  width: 100%;
}
.page-content .woocommerce .woocommerce-cart-form .cart-left-column h3 {
  color: var(--1a, #6a6ed4);
  /* Titulo Regular/Titulo 36 Regular */
  font-family: "Fredoka";
  font-size: 36px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 30px;
}
.page-content .woocommerce .woocommerce-cart-form .cart-left-column h3 span {
  color: var(--1, #2e3290);
  /* Titulo Bold/Titulo 36 Bold */
  font-family: "Fredoka";
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.page-content .woocommerce .woocommerce-cart-form .cart-left-column .shop_table {
  border: none;
  margin: 0;
}
.page-content .woocommerce .woocommerce-cart-form .cart-left-column .shop_table tbody tr .actions {
  border-top: none;
  display: none;
}
.page-content .woocommerce .woocommerce-cart-form .cart-left-column .shop_table tbody .cart_item {
  display: flex;
  padding: 30px 20px;
  justify-content: left;
  align-items: center;
  position: relative;
  gap: 20px;
  align-self: stretch;
  border-radius: 20px;
  border: 1px solid #e2e2e2;
  background: #f9f9f9;
  margin-bottom: 15px;
}
.page-content .woocommerce .woocommerce-cart-form .cart-left-column .shop_table tbody .cart_item .product-thumbnail {
  width: 96px;
  height: 96px;
  padding: 0;
}
.page-content .woocommerce .woocommerce-cart-form .cart-left-column .shop_table tbody .cart_item .product-thumbnail a img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 5px;
}
.page-content .woocommerce .woocommerce-cart-form .cart-left-column .shop_table tbody .cart_item .product-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
  padding: 0;
  padding-right: 25px;
}
.page-content .woocommerce .woocommerce-cart-form .cart-left-column .shop_table tbody .cart_item .product-info .product-name-custom a {
  color: var(--3, #6c757d);
  /* Titulo Regular/Titulo 24 Regular */
  font-family: "Fredoka";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.page-content .woocommerce .woocommerce-cart-form .cart-left-column .shop_table tbody .cart_item .product-info .product-price-custom {
  color: var(--3, #6c757d);
  text-align: center;
  /* Titulo Bold/Titulo 24 Bold */
  font-family: "Fredoka";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.page-content .woocommerce .woocommerce-cart-form .cart-left-column .shop_table tbody .cart_item .product-info .product-quantity .quantity-controls {
  display: flex;
  align-items: center;
  gap: 7px;
}
.page-content .woocommerce .woocommerce-cart-form .cart-left-column .shop_table tbody .cart_item .product-info .product-quantity .quantity-controls button {
  display: flex;
  width: 35px;
  height: 35px;
  justify-content: center;
  align-items: center;
  gap: 7px;
  aspect-ratio: 1/1;
  border-radius: 28px;
  border: 0.35px solid var(--2a, #f46a6f);
  background: #fff;
  color: var(--2a, #f46a6f);
  text-align: center;
  /* Texto regular/Texto 18 Regular */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.page-content .woocommerce .woocommerce-cart-form .cart-left-column .shop_table tbody .cart_item .product-info .product-quantity .quantity-controls .quantity input {
  display: flex;
  width: 35px;
  height: 35px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 7px;
  aspect-ratio: 1/1;
  border-radius: 40px;
  background: var(--2a, #f46a6f);
  color: var(--4-Blanco, #fff);
  text-align: center;
  /* Texto Bold/Texto 18 Bold */
  font-family: "Lato";
  border: none;
  font-size: 18px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  -moz-appearance: textfield;
}
.page-content .woocommerce .woocommerce-cart-form .cart-left-column .shop_table tbody .cart_item .recurring-checkbox-mockup {
  position: absolute;
  bottom: 0;
  right: 0;
}
.page-content .woocommerce .woocommerce-cart-form .cart-left-column .shop_table tbody .cart_item .recurring-checkbox-mockup label {
  color: var(--3, #6c757d);
  /* Texto Bold/Texto 15 Bold */
  font-family: "Lato";
  font-size: 15px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
}
.page-content .woocommerce .woocommerce-cart-form .cart-left-column .shop_table tbody .cart_item .product-remove {
  position: absolute;
  top: 0;
  right: 0;
}
.page-content .woocommerce .woocommerce-cart-form .cart-left-column .shop_table tbody .cart_item .product-remove .remove {
  display: flex;
  width: 30px;
  height: 30px;
  justify-content: center;
  align-items: center;
  gap: 5.714px;
  aspect-ratio: 1/1;
  border-radius: 28.571px;
  background: var(--2, #de222a);
}
.page-content .woocommerce .woocommerce-cart-form .cart-left-column .shop_table tbody .cart_item .product-remove .remove:hover {
  background: var(--2, #de222a);
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.custom-checkout h1 {
  color: var(--2, #de222a);
  text-align: center;
  /* Titulo Bold/Titulo 56 Bold */
  font-family: "Fredoka";
  font-size: 56px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 20px;
}
.custom-checkout .checkout-wrapper {
  display: flex;
  align-items: flex-start;
  gap: 56px;
  align-self: stretch;
  width: 100%;
}
.custom-checkout .checkout-wrapper .checkout-right {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 30px;
  flex: 1 0 0;
  width: 40%;
  margin-top: 30px;
  overflow: hidden;
  position: relative;
}
.custom-checkout .checkout-wrapper .checkout-right h3 {
  color: var(--3, #6c757d);
  /* Titulo Bold/Titulo 36 Bold */
  font-family: "Fredoka";
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.custom-checkout .checkout-wrapper .checkout-right .woocommerce-checkout-review-order-custom .custom-review-totals .custom-section-heading.totals-title {
  margin-bottom: 20px;
}
.custom-checkout .checkout-wrapper .checkout-right .woocommerce-checkout-review-order-custom .custom-review-totals .total-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  color: var(--3, #6c757d);
  /* Texto regular/Texto 24 Regular */
  font-family: "Lato";
  margin-bottom: 10px;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.custom-checkout .checkout-wrapper .checkout-right .woocommerce-checkout-review-order-custom .custom-review-totals {
  margin-top: 30px;
  display: flex;
  padding: 20px;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  border-radius: 20px;
  background: #fff;
}
.custom-checkout .checkout-wrapper .checkout-right .woocommerce-checkout-review-order-custom .custom-review-products {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
}
.custom-checkout .checkout-wrapper .checkout-right .woocommerce-checkout-review-order-custom .custom-review-products .custom-product-item {
  display: flex;
  padding: 10px;
  align-items: center;
  gap: 20px;
  align-self: stretch;
  border-radius: 20px;
  border: 1px solid #e2e2e2;
  background: #f9f9f9;
}
.custom-checkout .checkout-wrapper .checkout-right .woocommerce-checkout-review-order-custom .custom-review-products .custom-product-item .custom-product-image {
  width: 67px;
  height: 67px;
  min-width: 67px;
}
.custom-checkout .checkout-wrapper .checkout-right .woocommerce-checkout-review-order-custom .custom-review-products .custom-product-item .custom-product-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 5px;
}
.custom-checkout .checkout-wrapper .checkout-right .woocommerce-checkout-review-order-custom .custom-review-products .custom-product-item .custom-product-details {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 5px;
  align-self: stretch;
}
.custom-checkout .checkout-wrapper .checkout-right .woocommerce-checkout-review-order-custom .custom-review-products .custom-product-item .custom-product-details .custom-product-name {
  color: var(--3, #6c757d);
  /* Titulo Regular/Titulo 24 Regular */
  font-family: "Fredoka";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.custom-checkout .checkout-wrapper .checkout-right .woocommerce-checkout-review-order-custom .custom-review-products .custom-product-item .custom-product-details .custom-product-price {
  color: var(--3, #6c757d);
  text-align: center;
  /* Titulo Bold/Titulo 24 Bold */
  font-family: "Fredoka";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.custom-checkout .checkout-wrapper .checkout-left {
  max-width: 1054px;
  width: 60%;
  padding: 20px;
  border-radius: 20px;
  background: #fff;
}
.custom-checkout .checkout-wrapper .checkout-left h2 {
  color: var(--1, #2e3290);
  /* Titulo Bold/Titulo 36 Bold */
  font-family: "Fredoka";
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 30px;
  margin-top: 30px;
}
.custom-checkout .checkout-wrapper .checkout-left .woocommerce-checkout-payment {
  background: none !important;
}
.custom-checkout .checkout-wrapper .checkout-left .woocommerce-checkout-payment .place-order .woocommerce-terms-and-conditions-wrapper div p {
  color: var(--3, #6c757d);
  /* Texto regular/Texto 18 Regular */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.custom-checkout .checkout-wrapper .checkout-left .woocommerce-checkout-payment .place-order .woocommerce-terms-and-conditions-wrapper div p a {
  color: var(--1, #2e3290);
  /* Texto Bold/Texto 18 Bold */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
}
.custom-checkout .checkout-wrapper .checkout-left .woocommerce-checkout-payment .place-order button {
  float: none !important;
  display: flex;
  width: 100%;
  margin-top: 30px;
  padding: 20px 25px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  border-radius: 10px;
  background: var(--1, #2e3290);
  color: var(--4-Blanco, #fff);
  text-align: center;
  /* Titulo Bold/Titulo 24 Bold */
  font-family: "Fredoka";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.custom-checkout .checkout-wrapper .checkout-left .woocommerce-checkout-payment .wc_payment_methods {
  list-style: none;
  padding: 0;
  margin: 0;
}
.custom-checkout .checkout-wrapper .checkout-left .woocommerce-checkout-payment .wc_payment_methods .payment_box {
  display: flex;
  padding: 20px !important;
  align-items: center !important;
  gap: 10px !important;
  align-self: stretch;
  border-radius: 20px !important;
  background: var(--ab, #e7e8f9) !important;
}
.custom-checkout .checkout-wrapper .checkout-left .woocommerce-checkout-payment .wc_payment_methods .payment_box p {
  color: var(--1, #2e3290);
  /* Texto regular/Texto 18 Regular */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.custom-checkout .checkout-wrapper .checkout-left .woocommerce-checkout-payment .wc_payment_methods .payment_box::before {
  content: none !important;
}
.custom-checkout .checkout-wrapper .checkout-left .woocommerce-checkout-payment .wc_payment_methods .payment_box.payment_method_woo-mercado-pago-custom {
  background: none !important;
}
.custom-checkout .checkout-wrapper .checkout-left .woocommerce-checkout-payment .wc_payment_methods .payment_box.payment_method_woo-mercado-pago-custom .mp-checkout-container {
  width: 100%;
}
.custom-checkout .checkout-wrapper .checkout-left .woocommerce-checkout-payment .wc_payment_methods li.wc_payment_method {
  position: relative;
  margin-bottom: 20px;
}
.custom-checkout .checkout-wrapper .checkout-left .woocommerce-checkout-payment .wc_payment_methods li.wc_payment_method input.input-radio {
  display: none;
}
.custom-checkout .checkout-wrapper .checkout-left .woocommerce-checkout-payment .wc_payment_methods li.wc_payment_method label {
  position: relative;
  padding-left: 42px;
  cursor: pointer;
  color: var(--3, #6c757d);
  margin-bottom: 20px;
  /* Texto Bold/Texto 24 Bold */
  font-family: Lato;
  font-size: 24px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  display: flex;
  align-items: center;
  transition: color 0.2s ease;
}
.custom-checkout .checkout-wrapper .checkout-left .woocommerce-checkout-payment .wc_payment_methods li.wc_payment_method label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  width: 28px;
  height: 29px;
  padding: 4px;
  justify-content: center;
  align-items: center;
  gap: 18.667px;
  aspect-ratio: 28/29;
  border-radius: 9.333px;
  background: var(--ab, #e7e8f9);
  transition: all 0.2s ease;
}
.custom-checkout .checkout-wrapper .checkout-left .woocommerce-checkout-payment .wc_payment_methods li.wc_payment_method input.input-radio:checked + label {
  color: var(--1, #2e3290);
}
.custom-checkout .checkout-wrapper .checkout-left .woocommerce-checkout-payment .wc_payment_methods li.wc_payment_method input.input-radio:checked + label::before {
  background-color: #cfcfcf;
  background-image: url("../../images/huella.svg");
  background-repeat: no-repeat;
  background-position: center;
}
.custom-checkout .checkout-wrapper .checkout-left .woocommerce-checkout-payment .wc_payment_methods li.wc_payment_method .payment_box {
  margin-left: 42px;
  margin-top: 8px;
  font-size: 14px;
  color: #555;
}
.custom-checkout .checkout-wrapper .checkout-left .woocommerce-billing-fields > h3 {
  display: none;
}
.custom-checkout .checkout-wrapper .checkout-left .woocommerce-billing-fields h2 {
  color: var(--1, #2e3290);
  /* Titulo Bold/Titulo 36 Bold */
  font-family: "Fredoka";
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-top: 30px;
}
.custom-checkout .checkout-wrapper .checkout-left .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper p span input,
.custom-checkout .checkout-wrapper .checkout-left .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper p span select {
  display: flex;
  padding: 15px 20px;
  align-items: center;
  gap: 10px;
  flex: 1 0 0;
  border-radius: 40px;
  background: var(--ab, #e7e8f9);
  border: none;
  color: var(--1a, #6a6ed4);
  /* Texto regular/Texto 18 Regular */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.custom-checkout .checkout-wrapper .checkout-left .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper p span input::-moz-placeholder, .custom-checkout .checkout-wrapper .checkout-left .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper p span select::-moz-placeholder {
  color: var(--1a, #6a6ed4);
  /* Texto regular/Texto 18 Regular */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.custom-checkout .checkout-wrapper .checkout-left .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper p span input::placeholder,
.custom-checkout .checkout-wrapper .checkout-left .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper p span select::placeholder {
  color: var(--1a, #6a6ed4);
  /* Texto regular/Texto 18 Regular */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.custom-checkout .checkout-wrapper .checkout-left .woocommerce-billing-fields .custom-shipping {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 25px;
  align-self: stretch;
  margin-top: 30px;
  color: var(--3, #6c757d);
  /* Texto Bold/Texto 24 Bold */
  font-family: "Lato";
  font-size: 24px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  margin-bottom: 40px;
}
.custom-checkout .checkout-wrapper .checkout-left .woocommerce-billing-fields .custom-shipping #shipping_method {
  list-style: none;
  padding: 0;
  margin: 0;
}
.custom-checkout .checkout-wrapper .checkout-left .woocommerce-billing-fields .custom-shipping #shipping_method li {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.custom-checkout .checkout-wrapper .checkout-left .woocommerce-billing-fields .custom-shipping #shipping_method li input.shipping_method {
  position: absolute;
  opacity: 0;
  pointer-events: auto;
}
.custom-checkout .checkout-wrapper .checkout-left .woocommerce-billing-fields .custom-shipping #shipping_method li label {
  position: relative;
  color: var(--3, #6c757d);
  /* Texto Bold/Texto 18 Bold */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  gap: 6px;
  transition: color 0.2s ease;
  padding-left: 50px;
}
.custom-checkout .checkout-wrapper .checkout-left .woocommerce-billing-fields .custom-shipping #shipping_method li label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  background-repeat: no-repeat;
  background-position: center;
  width: 28px;
  height: 28px;
  max-width: 28px;
  max-height: 28px;
  padding: 4px;
  justify-content: center;
  align-items: center;
  gap: 18.667px;
  aspect-ratio: 1/1;
  border-radius: 9.333px;
  background: var(--ab, #e7e8f9);
  transition: all 0.2s ease;
}
.custom-checkout .checkout-wrapper .checkout-left .woocommerce-billing-fields .custom-shipping #shipping_method li input.shipping_method:checked + label {
  color: var(--1, #2e3290);
}
.custom-checkout .checkout-wrapper .checkout-left .woocommerce-billing-fields .custom-shipping #shipping_method li input.shipping_method:checked + label::before {
  background-color: #cfcfcf;
  background-image: url("../../images/huella.svg");
  background-repeat: no-repeat;
  background-position: center;
}
.custom-checkout .checkout-wrapper .checkout-left .woocommerce-billing-fields .custom-shipping #shipping_method li input.shipping_method:checked + label .woocommerce-Price-amount {
  color: var(--1, #2e3290);
}

.custom-thankyou-wrapper .custom-header-block h1 {
  color: var(--2, #de222a);
  text-align: center;
  /* Titulo Bold/Titulo 56 Bold */
  font-family: "Fredoka";
  font-size: 56px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 15px;
}
.custom-thankyou-wrapper .custom-header-block p {
  color: var(--1, #2e3290);
  text-align: center;
  /* Texto Bold/Texto 18 Bold */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
}
.custom-thankyou-wrapper .custom-header-block .order_details.custom-detail-row {
  display: flex;
  padding: 50px 0;
  justify-content: space-between;
  align-items: flex-start;
  border-radius: 20px;
  background: #fff;
  /* Sombra suave */
  box-shadow: 0 10px 29px 0 rgba(69, 72, 157, 0.15);
  margin-top: 30px;
  gap: 30px;
}
.custom-thankyou-wrapper .custom-header-block .order_details.custom-detail-row li {
  margin-right: 0;
  padding-right: 0;
  border-right: none;
  color: var(--3, #6c757d);
  /* Texto regular/Texto 24 Regular */
  font-family: "Lato";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.custom-thankyou-wrapper .custom-header-block .order_details.custom-detail-row li strong {
  color: var(--3, #6c757d);
  /* Texto regular/Texto 24 Regular */
  font-family: "Lato";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.custom-thankyou-wrapper .details-title {
  color: var(--1, #2e3290);
  text-align: center;
  /* Titulo Bold/Titulo 36 Bold */
  font-family: "Fredoka";
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 15px;
}
.custom-thankyou-wrapper .custom-bank-details-section .custom-section-title {
  color: var(--1, #2e3290);
  text-align: center;
  margin-bottom: 30px;
  /* Titulo Bold/Titulo 36 Bold */
  font-family: "Fredoka";
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.custom-thankyou-wrapper .custom-bank-details-section .custom-bank-grid {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 50px;
  align-self: stretch;
  flex-wrap: wrap;
}
.custom-thankyou-wrapper .custom-bank-details-section .custom-bank-grid .custom-bank-card {
  display: flex;
  padding: 20px;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  flex: 1 0 0;
  border-radius: 20px;
  background: var(--3a, #e5e5e5);
  min-width: 300px;
  max-width: 420px;
}
.custom-thankyou-wrapper .custom-bank-details-section .custom-bank-grid .custom-bank-card p {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  width: 100%;
  color: var(--3, #6c757d);
  /* Texto regular/Texto 18 Regular */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
}
.custom-thankyou-wrapper .custom-bank-details-section .custom-bank-grid .custom-bank-card p strong {
  color: var(--3, #6c757d);
  /* Texto Bold/Texto 18 Bold */
  font-family: Lato;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.custom-thankyou-wrapper .custom-bank-details-section .custom-bank-footer {
  color: var(--1, #2e3290);
  text-align: center;
  /* Texto regular/Texto 24 Regular */
  font-family: "Lato";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding-top: 30px;
  margin-top: 30px;
  border-top: 2px solid var(--1, #2e3290);
}
.custom-thankyou-wrapper .custom-bank-details-section .custom-send-receipt-button {
  margin: auto;
  margin-top: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  padding: 12px 25px;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 10px;
  background: var(--1, #2e3290);
  color: var(--4-Blanco, #fff);
  /* Texto Bold/Texto 18 Bold */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
}
.custom-thankyou-wrapper .custom-order-review-container {
  border-radius: 10px;
  /* Sombra suave */
  box-shadow: 0 10px 29px 0 rgba(69, 72, 157, 0.15);
  overflow: hidden;
  margin-bottom: 80px;
}
.custom-thankyou-wrapper .custom-order-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 19px 40px;
  background: var(--1a, #6a6ed4);
}
.custom-thankyou-wrapper .custom-order-header div {
  color: var(--4-Blanco, #fff);
  /* Titulo Bold/Titulo 36 Bold */
  font-family: "Fredoka";
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.custom-thankyou-wrapper .custom-order-body {
  padding: 20px 25px;
}
.custom-thankyou-wrapper .custom-order-body .custom-product-row {
  display: flex;
  justify-content: space-between;
  padding: 10px 0;
  border-bottom: 1px solid #ccc;
  gap: 20px;
}
.custom-thankyou-wrapper .custom-order-body .custom-product-row:last-child {
  border-bottom: none;
}
.custom-thankyou-wrapper .custom-order-body .custom-product-row .product-name,
.custom-thankyou-wrapper .custom-order-body .custom-product-row .product-total {
  color: var(--3, #6c757d);
  /* Texto regular/Texto 18 Regular */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.custom-thankyou-wrapper .custom-order-footer {
  padding: 10px 25px;
}
.custom-thankyou-wrapper .custom-order-footer .total-row,
.custom-thankyou-wrapper .custom-order-footer .total-row-main {
  display: flex;
  justify-content: space-between;
  padding: 8px 0;
}
.custom-thankyou-wrapper .custom-order-footer .total-row .total-label,
.custom-thankyou-wrapper .custom-order-footer .total-row-main .total-label {
  color: var(--3, #6c757d);
  /* Texto regular/Texto 18 Regular */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.custom-thankyou-wrapper .custom-order-footer .total-row .total-value,
.custom-thankyou-wrapper .custom-order-footer .total-row-main .total-value {
  color: var(--3, #6c757d);
  /* Texto regular/Texto 18 Regular */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.custom-thankyou-wrapper .custom-order-footer .total-row {
  border-top: 1px solid #eee;
}
.custom-thankyou-wrapper .custom-order-footer .total-row:first-of-type {
  border-top: none;
}
.custom-thankyou-wrapper .custom-order-footer .total-row-main {
  border-top: 2px solid #2e3290;
  margin-top: 10px;
  font-weight: bold;
  padding-top: 15px;
  padding-bottom: 15px;
}
.custom-thankyou-wrapper .custom-order-footer .total-row-main .total-label {
  color: var(--1, #2e3290);
  /* Texto Bold/Texto 24 Bold */
  font-family: "Lato";
  font-size: 24px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
}
.custom-thankyou-wrapper .custom-order-footer .total-row-main .total-value span {
  color: var(--1, #2e3290);
  text-align: right;
  /* Texto Bold/Texto 24 Bold */
  font-family: "Lato";
  font-size: 24px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
}

/* Selector de clase + Selector de atributo 'for' */
label.andes-dropdown__label[for="#mp-checkout-custom-installments"]::before {
  content: none !important;
}

.wishlist-header-custom .wishlist-title .svg-icon {
  display: flex;
  width: 30px;
  height: 30px;
  justify-content: center;
  align-items: center;
  border-radius: 18px;
  background: var(--2b, #fde8e9);
}
.wishlist-header-custom .wishlist-title {
  display: flex;
  padding: 10px 0;
  align-items: center;
  gap: 10px;
  color: var(--2, #de222a);
  /* Titulo Bold/Titulo 36 Bold */
  font-family: "Fredoka";
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.wishlist-header-custom {
  /* ======================================================= */
  /* ESTILOS DEL CHECKBOX PERSONALIZADO (MORADO/PLOMO) */
  /* ======================================================= */
}
.wishlist-header-custom .wishlist-select-all-container {
  padding-top: 5px;
  margin-bottom: 30px;
}
.wishlist-header-custom .wishlist-select-all-container .select-text {
  font-weight: 600;
  color: #333;
  font-size: 14px;
  margin-left: 5px;
}
.wishlist-header-custom .custom-checkbox-container {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  position: relative;
}
.wishlist-header-custom .custom-checkbox-container input[type=checkbox] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.wishlist-header-custom .custom-checkbox-container .checkmark {
  width: 20px;
  height: 20px;
  border-radius: 5px;
  background-color: #d1d5db;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.25s ease;
}
.wishlist-header-custom .custom-checkbox-container .checkmark::after {
  content: "";
  width: 14px;
  height: 14px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  opacity: 0;
  transform: scale(0.5);
  transition: all 0.25s ease;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='11' viewBox='0 0 16 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.6023 2.2824C16.1276 1.7651 16.133 0.921144 15.6157 0.397172C15.0997 -0.128133 14.2584 -0.132132 13.7304 0.38384L5.98551 7.98477L2.26171 4.37562C1.73374 3.86365 0.889782 3.87565 0.376477 4.40496C-0.136829 4.93293 -0.123496 5.77688 0.405808 6.29019L4.11494 9.88466C4.63625 10.4046 5.32154 10.6646 6.00284 10.6646C6.68414 10.6646 7.3641 10.4073 7.87874 9.89133L15.6023 2.2824Z' fill='white'/%3E%3C/svg%3E");
}
.wishlist-header-custom .custom-checkbox-container input[type=checkbox]:checked + .checkmark {
  background: var(--1, #2e3290);
}
.wishlist-header-custom .custom-checkbox-container input[type=checkbox]:checked + .checkmark::after {
  opacity: 1;
  transform: scale(1);
}
.wishlist-header-custom .custom-checkbox-container:hover .checkmark {
  background-color: #9ca3af;
}
.wishlist-header-custom .custom-checkbox-container .select-text {
  color: var(--3, #6c757d);
  /* Titulo Regular/Titulo 24 Regular */
  font-family: "Fredoka";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

#yith-wcwl-form .wishlist-cards-wrapper {
  display: flex;
  align-items: center;
  align-content: center;
  gap: 30px;
  align-self: stretch;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 50px;
}
#yith-wcwl-form .wishlist-cards-wrapper .wishlist-card-item {
  display: flex;
  padding: 20px;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  border-radius: 20px;
  border: 1px solid #e2e2e2;
  background: #f9f9f9;
}
#yith-wcwl-form .wishlist-cards-wrapper .wishlist-card-item .card-left {
  display: flex;
  align-items: center;
  gap: 20px;
}
#yith-wcwl-form .wishlist-cards-wrapper .wishlist-card-item .card-left .card-checkbox .custom-checkbox-container {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  position: relative;
}
#yith-wcwl-form .wishlist-cards-wrapper .wishlist-card-item .card-left .card-checkbox .custom-checkbox-container input[type=checkbox] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
#yith-wcwl-form .wishlist-cards-wrapper .wishlist-card-item .card-left .card-checkbox .custom-checkbox-container .checkmark {
  width: 20px;
  height: 20px;
  border-radius: 5px;
  background-color: #d1d5db;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.25s ease;
}
#yith-wcwl-form .wishlist-cards-wrapper .wishlist-card-item .card-left .card-checkbox .custom-checkbox-container .checkmark::after {
  content: "";
  width: 14px;
  height: 14px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  opacity: 0;
  transform: scale(0.5);
  transition: all 0.25s ease;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='11' viewBox='0 0 16 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.6023 2.2824C16.1276 1.7651 16.133 0.921144 15.6157 0.397172C15.0997 -0.128133 14.2584 -0.132132 13.7304 0.38384L5.98551 7.98477L2.26171 4.37562C1.73374 3.86365 0.889782 3.87565 0.376477 4.40496C-0.136829 4.93293 -0.123496 5.77688 0.405808 6.29019L4.11494 9.88466C4.63625 10.4046 5.32154 10.6646 6.00284 10.6646C6.68414 10.6646 7.3641 10.4073 7.87874 9.89133L15.6023 2.2824Z' fill='white'/%3E%3C/svg%3E");
}
#yith-wcwl-form .wishlist-cards-wrapper .wishlist-card-item .card-left .card-checkbox .custom-checkbox-container input[type=checkbox]:checked + .checkmark {
  background: var(--1, #2e3290);
}
#yith-wcwl-form .wishlist-cards-wrapper .wishlist-card-item .card-left .card-checkbox .custom-checkbox-container input[type=checkbox]:checked + .checkmark::after {
  opacity: 1;
  transform: scale(1);
}
#yith-wcwl-form .wishlist-cards-wrapper .wishlist-card-item .card-left .card-checkbox .custom-checkbox-container:hover .checkmark {
  background-color: #9ca3af;
}
#yith-wcwl-form .wishlist-cards-wrapper .wishlist-card-item .card-left .card-checkbox .custom-checkbox-container .select-text {
  color: var(--3, #6c757d);
  /* Titulo Regular/Titulo 24 Regular */
  font-family: "Fredoka";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
#yith-wcwl-form .wishlist-cards-wrapper .wishlist-card-item .card-left .card-image {
  width: 141px;
  height: 141px;
}
#yith-wcwl-form .wishlist-cards-wrapper .wishlist-card-item .card-left .card-image a img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 5px;
}
#yith-wcwl-form .wishlist-cards-wrapper .wishlist-card-item .card-left .card-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
}
#yith-wcwl-form .wishlist-cards-wrapper .wishlist-card-item .card-left .card-info .product-name {
  color: var(--3, #6c757d);
  /* Titulo Regular/Titulo 24 Regular */
  font-family: "Fredoka";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
#yith-wcwl-form .wishlist-cards-wrapper .wishlist-card-item .card-left .card-info .product-price {
  display: flex;
  gap: 10px;
}
#yith-wcwl-form .wishlist-cards-wrapper .wishlist-card-item .card-left .card-info .product-price ins {
  order: -1;
}
#yith-wcwl-form .wishlist-cards-wrapper .wishlist-card-item .card-left .card-info .product-price ins span bdi {
  color: var(--3, #6c757d);
  text-align: center;
  /* Titulo Bold/Titulo 24 Bold */
  font-family: "Fredoka";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
#yith-wcwl-form .wishlist-cards-wrapper .wishlist-card-item .card-left .card-info .product-price span bdi {
  color: var(--3, #6c757d);
  text-align: center;
  /* Titulo Bold/Titulo 24 Bold */
  font-family: "Fredoka";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
#yith-wcwl-form .wishlist-cards-wrapper .wishlist-card-item .card-left .card-info .product-price ins span bdi span {
  color: var(--3, #6c757d);
  text-align: center;
  /* Titulo Bold/Titulo 24 Bold */
  font-family: "Fredoka";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
#yith-wcwl-form .wishlist-cards-wrapper .wishlist-card-item .card-left .card-info .product-price span bdi span {
  color: var(--3, #6c757d);
  text-align: center;
  /* Titulo Bold/Titulo 24 Bold */
  font-family: "Fredoka";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
#yith-wcwl-form .wishlist-cards-wrapper .wishlist-card-item .card-left .card-info .product-price del span bdi {
  color: var(--3, #6c757d);
  text-align: center;
  /* Texto regular/Texto 18 Regular */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration-line: line-through;
}
#yith-wcwl-form .wishlist-cards-wrapper .wishlist-card-item .card-left .card-info .card-qty-selector {
  display: flex;
  align-items: center;
  gap: 7px;
}
#yith-wcwl-form .wishlist-cards-wrapper .wishlist-card-item .card-left .card-info .card-qty-selector button {
  display: flex;
  width: 35px;
  height: 35px;
  justify-content: center;
  align-items: center;
  gap: 7px;
  aspect-ratio: 1/1;
  border-radius: 28px;
  border: 0.35px solid var(--2a, #f46a6f);
  background: #fff;
  color: var(--2a, #f46a6f);
  text-align: center;
  /* Texto regular/Texto 18 Regular */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
#yith-wcwl-form .wishlist-cards-wrapper .wishlist-card-item .card-left .card-info .card-qty-selector input {
  display: flex;
  width: 35px;
  height: 35px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 7px;
  aspect-ratio: 1/1;
  border-radius: 40px;
  background: var(--2a, #f46a6f);
  color: var(--4-Blanco, #fff);
  text-align: center;
  /* Texto Bold/Texto 18 Bold */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  border: none;
}
#yith-wcwl-form .wishlist-cards-wrapper .wishlist-card-item .card-remove {
  display: flex;
  width: 30px;
  height: 30px;
  justify-content: center;
  align-items: center;
  gap: 5.714px;
  aspect-ratio: 1/1;
  border-radius: 28.571px;
  background: var(--2, #de222a);
}
#yith-wcwl-form .wishlist-cards-wrapper .wishlist-card-item .card-remove a {
  display: flex;
}
#yith-wcwl-form .wishlist-footer-actions {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 15px;
  align-self: stretch;
}
#yith-wcwl-form .wishlist-footer-actions .btn-add-all {
  display: flex;
  padding: 14px 25px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 10px;
  background: var(--1, #2e3290);
  color: var(--4-Blanco, #fff);
  /* Texto Bold/Texto 18 Bold */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
}
#yith-wcwl-form .wishlist-footer-actions .btn-remove-all {
  color: var(--2a, #f46a6f);
  /* Texto regular/Texto 24 Regular */
  font-family: "Lato";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration-line: underline;
  text-decoration-style: solid;
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

#abrir-resume-check {
  display: flex;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  padding: 25px 40px;
  justify-content: center;
  align-items: center;
  gap: 5px;
  background: var(--2, #de222a);
  color: var(--4-Blanco, #fff);
  /* Titulo Bold/Titulo 18 Bold */
  font-family: "Fredoka";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  display: none;
}

#btn-resume-check {
  display: none;
}

.checkout-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99999;
}

.checkout-overlay.show {
  opacity: 1;
  visibility: visible;
}

.desaparecer.show {
  z-index: 100;
}

.view-order-section {
  position: relative;
  z-index: 10;
  background: #fff;
}

.cart-right-column-movil {
  display: none;
  flex-direction: column;
  gap: 60px;
  width: 100%;
}
@media (max-width: 800px) {
  .cart-right-column-movil {
    display: flex;
  }
}
.cart-right-column-movil .coupon-section-custom p {
  color: var(--3, #6c757d);
  text-align: center;
  /* Texto Bold/Texto 18 Bold */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  margin-bottom: 12px;
}
.cart-right-column-movil .coupon-section-custom .coupon-flex {
  width: 100%;
  position: relative;
}
.cart-right-column-movil .coupon-section-custom .coupon-flex input {
  display: flex;
  padding: 14px 10px;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  border-radius: 10px;
  border: 1px solid #e2e2e2;
  background: var(--ab, #e7e8f9);
  color: var(--3, #6c757d);
  /* Texto regular/Texto 18 Regular */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  width: 100%;
}
.cart-right-column-movil .coupon-section-custom .coupon-flex input::-moz-placeholder {
  color: var(--3, #6c757d);
  /* Texto regular/Texto 18 Regular */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.cart-right-column-movil .coupon-section-custom .coupon-flex input::placeholder {
  color: var(--3, #6c757d);
  /* Texto regular/Texto 18 Regular */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.cart-right-column-movil .coupon-section-custom .coupon-flex button {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  padding: 10px 25px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 1 0px;
  background: var(--1, #2e3290);
  color: var(--4-Blanco, #fff);
  text-align: center;
  /* Texto 15 Regular */
  font-family: "Lato";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 133.333% */
}
.cart-right-column-movil .cart-collaterals-custom .cart_totals h2 {
  color: var(--3, #6c757d);
  /* Titulo Bold/Titulo 36 Bold */
  font-family: "Fredoka";
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 20px;
}
.cart-right-column-movil .cart-collaterals-custom .cart_totals .wc-proceed-to-checkout .checkout-button {
  display: flex;
  height: 43px;
  padding: 10px 25px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  border-radius: 10px;
  background: var(--1, #2e3290);
  color: var(--4-Blanco, #fff);
  text-align: center;
  /* Texto regular/Texto 18 Regular */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.cart-right-column-movil .cart-collaterals-custom .cart_totals .shop_table {
  border: none;
  padding: 0;
  margin: 0;
}
.cart-right-column-movil .cart-collaterals-custom .cart_totals .shop_table tbody tr th {
  color: var(--3, #6c757d);
  /* Texto regular/Texto 24 Regular */
  font-family: "Lato";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.cart-right-column-movil .cart-collaterals-custom .cart_totals .shop_table tbody tr td[data-title=Subtotal],
.cart-right-column-movil .cart-collaterals-custom .cart_totals .shop_table tbody tr td[data-title=Total], .cart-right-column-movil .cart-collaterals-custom .cart_totals .shop_table tbody tr td[data-title=IGV] {
  text-align: right;
}
.cart-right-column-movil .cart-collaterals-custom .cart_totals .shop_table tbody tr td[data-title=Subtotal] span,
.cart-right-column-movil .cart-collaterals-custom .cart_totals .shop_table tbody tr td[data-title=Total] span, .cart-right-column-movil .cart-collaterals-custom .cart_totals .shop_table tbody tr td[data-title=IGV] span, .cart-right-column-movil .cart-collaterals-custom .cart_totals .shop_table tbody tr td {
  color: var(--3, #6c757d);
  /* Texto regular/Texto 24 Regular */
  font-family: "Lato";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

body .mp-checkout-custom-card-form .mp-checkout-custom-card-input input, #form-checkout__cardNumber-container input #form-checkout__expirationDate-container, #form-checkout__securityCode-container input {
  height: auto !important;
  padding: 0 !important;
  margin: 0 !important;
}

body .mp-checkout-custom-card-form .mp-checkout-custom-card-input, #form-checkout__cardNumber-container, #form-checkout__expirationDate-container, #form-checkout__securityCode-container, body .mp-input-document .mp-input, body .mp-custom-checkout-select-input {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  align-self: stretch !important;
  border-radius: 28px !important;
  background: var(--ab, #E7E8F9) !important;
  border: none !important;
}

.custom-checkout .checkout-wrapper .checkout-left .woocommerce-checkout-payment .wc_payment_methods li.wc_payment_method .mp-input-label::before {
  display: none !important;
}

body .mp-input-document .mp-input .mp-document-select, body .mp-input-document .mp-input .mp-document {
  background: transparent !important;
}

body .mp-checkout-custom-card-form {
  gap: 16px !important;
}

body .custom-checkout .checkout-wrapper .checkout-left .woocommerce-checkout-payment .wc_payment_methods li.wc_payment_method #yape-input-code-label {
  color: var(--andes-gray-900) !important;
  font-family: var(--mp-font-inter) !important;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 18px !important;
  padding-bottom: 4px !important;
  padding-left: 6px !important;
  width: 100% !important;
}
body .custom-checkout .checkout-wrapper .checkout-left .woocommerce-checkout-payment .wc_payment_methods li.wc_payment_method #yape-input-code-label::before {
  display: none !important;
}

@media (max-width: 1550px) {
  .custom-checkout h1 {
    font-size: 40px;
  }
  .wishlist-header-custom .wishlist-title {
    font-size: 30px;
  }
  .wishlist-header-custom .custom-checkbox-container {
    gap: 4px;
  }
  .wishlist-header-custom .custom-checkbox-container .select-text {
    font-size: 20px;
  }
  #yith-wcwl-form .wishlist-cards-wrapper .wishlist-card-item .card-left .card-info .product-name {
    font-size: 20px;
  }
  #yith-wcwl-form .wishlist-footer-actions .btn-add-all {
    font-size: 16px;
  }
  #yith-wcwl-form .wishlist-footer-actions .btn-remove-all {
    font-size: 20px;
  }
  .page-content .woocommerce .cart-header-title h1 {
    font-size: 40px;
  }
  .page-content .woocommerce .woocommerce-cart-form .cart-left-column h3, .page-content .woocommerce .woocommerce-cart-form .cart-left-column h3 span {
    font-size: 28px;
  }
  .page-content .woocommerce .woocommerce-cart-form .cart-left-column .shop_table tbody .cart_item .product-info .product-name-custom a {
    font-size: 20px;
  }
  .page-content .woocommerce .woocommerce-cart-form .cart-left-column .shop_table tbody .cart_item .product-info .product-price-custom {
    font-size: 20px;
  }
  .page-content .woocommerce .woocommerce-cart-form .cart-left-column .shop_table tbody .cart_item .product-info .product-quantity .quantity-controls button, .page-content .woocommerce .woocommerce-cart-form .cart-left-column .shop_table tbody .cart_item .product-info .product-quantity .quantity-controls .quantity input {
    width: 30px;
    height: 30px;
  }
  .page-content .woocommerce .woocommerce-cart-form .cart-right-column .coupon-section-custom p {
    font-size: 14px;
  }
  .page-content .woocommerce .woocommerce-cart-form .cart-right-column .coupon-section-custom .coupon-flex input::-moz-placeholder {
    font-size: 14px;
  }
  .page-content .woocommerce .woocommerce-cart-form .cart-right-column .coupon-section-custom .coupon-flex input, .page-content .woocommerce .woocommerce-cart-form .cart-right-column .coupon-section-custom .coupon-flex input::placeholder, .page-content .woocommerce .woocommerce-cart-form .cart-right-column .coupon-section-custom .coupon-flex button {
    font-size: 14px;
  }
  .page-content .woocommerce .woocommerce-cart-form .cart-right-column .cart-collaterals-custom .cart_totals h2 {
    font-size: 28px;
  }
  .page-content .woocommerce .woocommerce-cart-form .cart-right-column .cart-collaterals-custom .cart_totals .shop_table tbody tr th {
    font-size: 18px;
  }
  .page-content .woocommerce .woocommerce-cart-form .cart-right-column .cart-collaterals-custom .cart_totals .shop_table tbody tr td[data-title=Subtotal] span, .page-content .woocommerce .woocommerce-cart-form .cart-right-column .cart-collaterals-custom .cart_totals .shop_table tbody tr td[data-title=Total] span, .page-content .woocommerce .woocommerce-cart-form .cart-right-column .cart-collaterals-custom .cart_totals .shop_table tbody tr td[data-title=IGV] span, .page-content .woocommerce .woocommerce-cart-form .cart-right-column .cart-collaterals-custom .cart_totals .shop_table tbody tr td span, .page-content .woocommerce .woocommerce-cart-form .cart-right-column .cart-collaterals-custom .cart_totals .shop_table tbody tr td {
    font-size: 18px;
  }
  .custom-checkout .checkout-wrapper .checkout-left .woocommerce-billing-fields h2 {
    font-size: 30px;
  }
  .custom-checkout .checkout-wrapper .checkout-left .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper p span input::-moz-placeholder, .custom-checkout .checkout-wrapper .checkout-left .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper p span select::-moz-placeholder, .select2-container .select2-selection--single .select2-selection__rendered::-moz-placeholder {
    font-size: 14px;
  }
  .custom-checkout .checkout-wrapper .checkout-left .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper p span input, .custom-checkout .checkout-wrapper .checkout-left .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper p span select, .custom-checkout .checkout-wrapper .checkout-left .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper p span input::placeholder, .custom-checkout .checkout-wrapper .checkout-left .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper p span select::placeholder, .select2-container .select2-selection--single .select2-selection__rendered, .select2-container .select2-selection--single .select2-selection__rendered::placeholder {
    font-size: 14px;
  }
  .custom-checkout .checkout-wrapper .checkout-right h3 {
    font-size: 30px;
  }
  .custom-checkout .checkout-wrapper .checkout-right .woocommerce-checkout-review-order-custom .custom-review-products .custom-product-item .custom-product-details .custom-product-name {
    font-size: 18px;
  }
  .custom-checkout .checkout-wrapper .checkout-right .woocommerce-checkout-review-order-custom .custom-review-products .custom-product-item .custom-product-details .custom-product-price {
    font-size: 18px;
  }
  .custom-checkout .checkout-wrapper .checkout-right .woocommerce-checkout-review-order-custom .custom-review-totals .total-row {
    font-size: 20px;
  }
  .custom-checkout .checkout-wrapper .checkout-left .woocommerce-billing-fields .custom-shipping #shipping_method li label {
    font-size: 16px;
  }
  .custom-checkout .checkout-wrapper .checkout-left h2 {
    font-size: 30px;
  }
  .custom-checkout .checkout-wrapper .checkout-left .woocommerce-checkout-payment .wc_payment_methods li.wc_payment_method label {
    font-size: 20px;
  }
  .custom-checkout .checkout-wrapper .checkout-left .woocommerce-checkout-payment .wc_payment_methods .payment_box p {
    font-size: 14px;
  }
  .custom-checkout .checkout-wrapper .checkout-left .woocommerce-checkout-payment .place-order .woocommerce-terms-and-conditions-wrapper div p, .custom-checkout .checkout-wrapper .checkout-left .woocommerce-checkout-payment .place-order .woocommerce-terms-and-conditions-wrapper div p a {
    font-size: 16px;
  }
  .custom-checkout .checkout-wrapper .checkout-left .woocommerce-checkout-payment .place-order button {
    font-size: 20px;
  }
  .custom-thankyou-wrapper .custom-header-block h1 {
    font-size: 40px;
  }
  .custom-thankyou-wrapper .custom-header-block p {
    font-size: 16px;
  }
  .custom-thankyou-wrapper .custom-header-block .order_details.custom-detail-row li {
    font-size: 12px;
  }
  .custom-thankyou-wrapper .details-title {
    font-size: 30px;
  }
  .custom-thankyou-wrapper .custom-order-header div {
    font-size: 28px;
  }
  .custom-thankyou-wrapper .custom-order-body .custom-product-row .product-name, .custom-thankyou-wrapper .custom-order-body .custom-product-row .product-total, .custom-thankyou-wrapper .custom-order-footer .total-row .total-label, .custom-thankyou-wrapper .custom-order-footer .total-row-main .total-label, .custom-thankyou-wrapper .custom-order-footer .total-row .total-value, .custom-thankyou-wrapper .custom-order-footer .total-row-main .total-value, .custom-thankyou-wrapper .custom-order-footer .total-row-main .total-value span, .custom-thankyou-wrapper .custom-bank-details-section .custom-bank-grid .custom-bank-card p, .custom-thankyou-wrapper .custom-bank-details-section .custom-bank-grid .custom-bank-card p strong {
    font-size: 16px;
  }
  .custom-thankyou-wrapper .custom-bank-details-section .custom-section-title {
    font-size: 26px;
  }
  .custom-thankyou-wrapper .custom-bank-details-section .custom-bank-footer {
    font-size: 20PX;
  }
}
@media (max-width: 800px) {
  #btn-resume-check {
    display: flex;
  }
  .page-content .woocommerce .cart-header-title h1 {
    font-size: 36px;
  }
  .page-content .woocommerce .woocommerce-cart-form .cart-left-column h3 {
    font-size: 18px;
  }
  .page-content .woocommerce .woocommerce-cart-form .cart-left-column h3 span {
    font-size: 18px;
  }
  .page-content .woocommerce .woocommerce-cart-form {
    flex-direction: column;
  }
  .page-content .woocommerce .woocommerce-cart-form .cart-left-column .shop_table tbody .cart_item {
    padding: 30px 15px;
  }
  .page-content .woocommerce .woocommerce-cart-form .cart-left-column .shop_table tbody .cart_item .product-thumbnail {
    width: 80px;
    height: 80px;
    flex-shrink: 0;
  }
  .page-content .woocommerce .woocommerce-cart-form .cart-left-column .shop_table tbody .cart_item .product-info .product-name-custom a {
    font-size: 18px;
  }
  .page-content .woocommerce .woocommerce-cart-form .cart-left-column .shop_table tbody .cart_item .product-info .product-price-custom {
    font-size: 18px;
  }
  .page-content .woocommerce .woocommerce-cart-form .cart-left-column .shop_table tbody .cart_item .product-info .product-quantity .quantity-controls button {
    width: 30px;
    height: 30px;
  }
  .page-content .woocommerce .woocommerce-cart-form .cart-left-column .shop_table tbody .cart_item .product-info .product-quantity .quantity-controls .quantity input {
    width: 30px;
    height: 30px;
  }
  .woocommerce table.shop_table td {
    padding: 6px 12px;
  }
  .woocommerce table.shop_table td span {
    color: var(--3, #6c757d);
    font-family: "Lato";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
  .page-content .woocommerce .woocommerce-cart-form .cart-left-column .shop_table tbody .cart_item .product-info {
    margin-bottom: 6px;
  }
  .page-content .woocommerce .woocommerce-cart-form .cart-left-column .shop_table tbody .cart_item .product-remove {
    top: 10px;
  }
  .page-content .woocommerce .woocommerce-cart-form .cart-right-column {
    width: 100%;
    margin: auto;
  }
  .page-content .woocommerce .woocommerce-cart-form .cart-right-column .coupon-section-custom .coupon-flex input {
    font-size: 15px;
  }
  .page-content .woocommerce .woocommerce-cart-form .cart-right-column .coupon-section-custom .coupon-flex input::-moz-placeholder {
    font-size: 15px;
  }
  .page-content .woocommerce .woocommerce-cart-form .cart-right-column .coupon-section-custom .coupon-flex input::placeholder {
    font-size: 15px;
  }
  .page-content .woocommerce .woocommerce-cart-form .cart-right-column .cart-collaterals-custom .cart_totals h2 {
    font-size: 28px;
  }
  .page-content .woocommerce .woocommerce-cart-form .cart-right-column .cart-collaterals-custom .cart_totals .shop_table tbody tr th {
    font-size: 18px;
  }
  .page-content .woocommerce .woocommerce-cart-form .cart-right-column .cart-collaterals-custom .cart_totals .shop_table tbody tr td[data-title=Subtotal] span,
  .page-content .woocommerce .woocommerce-cart-form .cart-right-column .cart-collaterals-custom .cart_totals .shop_table tbody tr td[data-title=Total] span {
    font-size: 18px;
  }
  .custom-checkout h1 {
    font-size: 36px;
  }
  .custom-checkout .checkout-wrapper {
    flex-direction: column;
  }
  .custom-checkout .checkout-wrapper .checkout-left {
    width: 100%;
    padding: 20px 0;
  }
  .custom-checkout .checkout-wrapper .checkout-left .woocommerce-billing-fields h2 {
    font-size: 28px;
  }
  .woocommerce form .form-row-first,
  .woocommerce form .form-row-last,
  .woocommerce-page form .form-row-first,
  .woocommerce-page form .form-row-last {
    width: 100%;
    float: none;
  }
  .custom-checkout .checkout-wrapper .checkout-left .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper p span input,
  .custom-checkout .checkout-wrapper .checkout-left .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper p span select {
    font-size: 15px;
  }
  .custom-checkout .checkout-wrapper .checkout-left .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper p span input::-moz-placeholder, .custom-checkout .checkout-wrapper .checkout-left .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper p span select::-moz-placeholder {
    font-size: 15px;
  }
  .custom-checkout .checkout-wrapper .checkout-left .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper p span input::placeholder,
  .custom-checkout .checkout-wrapper .checkout-left .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper p span select::placeholder {
    font-size: 15px;
  }
  .custom-checkout .checkout-wrapper .checkout-left .woocommerce-billing-fields .custom-shipping {
    font-size: 18px;
  }
  .custom-checkout .checkout-wrapper .checkout-left .woocommerce-billing-fields .custom-shipping #shipping_method li label {
    font-size: 15px;
  }
  .custom-checkout .checkout-wrapper .checkout-left .woocommerce-billing-fields .custom-shipping #shipping_method li label::before {
    width: 20px;
    height: 20px;
  }
  .custom-checkout .checkout-wrapper .checkout-left .woocommerce-billing-fields .custom-shipping #shipping_method li label {
    padding-left: 38px;
  }
  .checkout-left .woocommerce-billing-fields {
    margin-bottom: 30px;
  }
  .custom-checkout .checkout-wrapper .checkout-left h2 {
    font-size: 28px;
  }
  .custom-checkout .checkout-wrapper .checkout-left .woocommerce-checkout-payment .wc_payment_methods li.wc_payment_method label {
    font-size: 15px;
  }
  .custom-checkout .checkout-wrapper .checkout-left .woocommerce-checkout-payment .wc_payment_methods .payment_box p {
    font-size: 15px;
  }
  .custom-checkout .checkout-wrapper .checkout-left .woocommerce-checkout-payment .wc_payment_methods li.wc_payment_method label::before {
    width: 20px;
    height: 20px;
  }
  .custom-checkout .checkout-wrapper .checkout-left .woocommerce-checkout-payment .place-order button {
    font-size: 18px;
  }
  .custom-checkout .checkout-wrapper .checkout-right {
    width: 100%;
    position: fixed;
    bottom: 0;
    z-index: 99999;
    border-radius: 40px 40px 0 0;
    background: #fff;
    padding: 20px 30px 0 30px;
    left: 0;
    min-height: 72px;
    display: block;
  }
  .custom-checkout .checkout-wrapper .checkout-right h3 {
    font-size: 28px;
  }
  .custom-checkout .checkout-wrapper .checkout-right .woocommerce-checkout-review-order-custom .custom-review-products .custom-product-item .custom-product-details .custom-product-name {
    font-size: 18px;
  }
  .custom-checkout .checkout-wrapper .checkout-right .woocommerce-checkout-review-order-custom .custom-review-products .custom-product-item .custom-product-details .custom-product-price {
    font-size: 18px;
  }
  .custom-checkout .checkout-wrapper .checkout-right .woocommerce-checkout-review-order-custom .custom-review-totals .total-row {
    font-size: 18px;
  }
  .custom-thankyou-wrapper .custom-header-block h1 {
    font-size: 36px;
  }
  .custom-thankyou-wrapper .custom-header-block p {
    font-size: 15px;
  }
  .custom-checkout .checkout-wrapper .checkout-right .woocommerce-checkout-review-order-custom .custom-review-products {
    overflow-y: auto;
    max-height: 30vh;
  }
  .custom-thankyou-wrapper .custom-header-block .order_details.custom-detail-row {
    flex-direction: column;
    padding: 20px 15px;
    max-width: 400px;
    margin: 30px auto;
  }
  .custom-thankyou-wrapper .details-title {
    font-size: 28px;
    text-align: left;
  }
  .custom-thankyou-wrapper .custom-order-header div {
    font-size: 24px;
  }
  .custom-thankyou-wrapper .custom-order-footer .total-row-main .total-label {
    font-size: 18px;
  }
  .custom-thankyou-wrapper .custom-order-footer .total-row-main .total-value span {
    font-size: 18px;
  }
  .custom-thankyou-wrapper .custom-bank-details-section .custom-section-title {
    font-size: 28px;
  }
  .custom-thankyou-wrapper .custom-bank-details-section .custom-bank-grid .custom-bank-card p strong {
    font-size: 15px;
  }
  .custom-thankyou-wrapper .custom-bank-details-section .custom-bank-grid .custom-bank-card p {
    font-size: 15px;
  }
  .custom-thankyou-wrapper .custom-bank-details-section .custom-bank-footer {
    font-size: 18px;
  }
  .custom-thankyou-wrapper .custom-order-footer .total-row .total-value,
  .custom-thankyou-wrapper .custom-order-footer .total-row-main .total-value {
    text-align: right;
  }
  .custom-thankyou-wrapper .custom-bank-details-section .custom-bank-grid .custom-bank-card {
    min-width: 200px;
  }
  #abrir-resume-check {
    display: flex;
  }
  #abrir-resume-check.show {
    display: none;
  }
  .desaparecer {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: all 0.3s ease;
  }
  .desaparecer.show {
    max-height: 1000px;
    opacity: 1;
  }
}
body .mp-checkout-custom-container {
  padding: 0 !important;
}

table.wishlist_table tbody td.wishlist-empty,
p.wishlist-empty {
  color: var(--3, #6c757d);
  text-align: center;
  /* Texto regular/Texto 18 Regular */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

#mi-cuenta-volver {
  display: none;
  z-index: 2;
}

@media (max-width: 800px) {
  /* Por ejemplo, para tabletas y móviles */
  #mi-cuenta-volver {
    display: flex;
  }
  /* 1. Ocultar el botón de volver por defecto */
  .btn-volver-movil {
    display: none;
    cursor: pointer;
    padding: 10px;
    position: absolute;
    left: 5%;
    top: 40px;
    border: none;
    background: transparent;
    font-weight: bold;
    color: #333; /* Ajusta el color a tu diseño */
  }
  /* 2. Ocultar el contenido por defecto en móvil */
  .mi-cuenta-contenido-movil {
    display: none;
    width: 100%;
    position: relative;
  }
  /* 3. Asegurar que la navegación esté siempre visible por defecto */
  .mi-cuenta-navegacion-movil {
    display: block;
    width: 100%;
  }
  /* ESTADO 'content-active': Cuando se muestra el contenido */
  .mi-cuenta-responsive-wrapper.content-active .mi-cuenta-navegacion-movil {
    display: none; /* Oculta la navegación */
  }
  .mi-cuenta-responsive-wrapper.content-active .mi-cuenta-contenido-movil {
    display: block; /* Muestra el contenido */
  }
  .mi-cuenta-responsive-wrapper.content-active .btn-volver-movil {
    display: block; /* Muestra el botón de volver */
  }
  .profile-form-section .contenedor .petstop-profile-header {
    justify-content: center;
  }
  .navigation-section .contenedor .petstop-account-nav ul {
    flex-direction: column;
  }
  .navigation-section .contenedor .petstop-account-nav ul li a {
    border-radius: 20px;
    border: 1px solid rgba(229, 229, 229, 0.5);
    background: #fff;
  }
  .navigation-section .contenedor .petstop-account-nav ul li a span {
    text-align: center;
  }
  .profile-form-section .contenedor .petstop-profile-header h2 {
    font-size: 24px;
  }
  .profile-form-section .contenedor .woocommerce-EditAccountForm .profile-grid {
    flex-direction: column;
  }
  .profile-form-section .contenedor .woocommerce-EditAccountForm .profile-grid .profile-col p input,
  .profile-form-section .contenedor .woocommerce-EditAccountForm .profile-grid .profile-col p select {
    font-size: 15px;
  }
  .profile-form-section .contenedor .woocommerce-EditAccountForm .profile-grid .profile-col p input::-moz-placeholder, .profile-form-section .contenedor .woocommerce-EditAccountForm .profile-grid .profile-col p select::-moz-placeholder {
    font-size: 15px;
  }
  .profile-form-section .contenedor .woocommerce-EditAccountForm .profile-grid .profile-col p input::placeholder,
  .profile-form-section .contenedor .woocommerce-EditAccountForm .profile-grid .profile-col p select::placeholder {
    font-size: 15px;
  }
  .profile-form-section .contenedor .woocommerce-EditAccountForm .form-action button {
    margin: auto;
    font-size: 15px;
  }
  .profile-form-section .contenedor .profile-subtitle {
    font-size: 18px;
  }
  .profile-form-section .contenedor .petstop-orders-list .petstop-order-card .order-header h3 {
    font-size: 28px;
  }
  .profile-form-section .contenedor .petstop-orders-list .petstop-order-card .order-status-badge {
    font-size: 15px;
  }
  .profile-form-section .contenedor .petstop-orders-list .petstop-order-card .order-header span {
    font-size: 28px;
  }
  .profile-form-section .contenedor .petstop-orders-list .petstop-order-card .order-header {
    flex-direction: column;
    align-items: flex-start;
  }
  .profile-form-section .contenedor .petstop-orders-list .petstop-order-card .order-header span bdi {
    font-size: 28px;
  }
  .profile-form-section .contenedor .petstop-orders-list .petstop-order-card .limit-order-card {
    padding-right: 0;
    padding-top: 20px;
  }
  .profile-form-section .contenedor .petstop-orders-list .petstop-order-card .order-meta span {
    font-size: 15px;
  }
  .profile-form-section .contenedor .petstop-orders-list .petstop-order-card .order-meta {
    flex-direction: column;
    align-items: flex-start;
  }
  .profile-form-section .contenedor .petstop-orders-list .petstop-order-card .view-summary-btn {
    font-size: 15px;
  }
  .profile-form-section .contenedor .petstop-orders-list .petstop-order-card .order-products-carousel .product-item {
    width: 80px;
    height: 80px;
  }
  .wishlist-header-custom .wishlist-title {
    font-size: 28px;
    justify-content: center;
  }
  .wishlist-header-custom .custom-checkbox-container .select-text {
    font-size: 18px;
  }
  #yith-wcwl-form .wishlist-cards-wrapper .wishlist-card-item .card-left .card-image {
    width: 90px;
    height: 90px;
    flex-shrink: 0;
  }
  #yith-wcwl-form .wishlist-cards-wrapper .wishlist-card-item .card-left .card-info .product-name {
    font-size: 18px;
  }
  #yith-wcwl-form .wishlist-cards-wrapper .wishlist-card-item .card-left .card-info .product-price ins span bdi {
    font-size: 18px;
  }
   #yith-wcwl-form .wishlist-cards-wrapper .wishlist-card-item .card-left .card-info .product-price span bdi {
    font-size: 18px;
  }
  #yith-wcwl-form .wishlist-cards-wrapper .wishlist-card-item .card-left .card-info .product-price del span bdi {
    font-size: 15px;
  }
  #yith-wcwl-form .wishlist-cards-wrapper .wishlist-card-item .card-left .card-info .product-price ins span bdi span {
    font-size: 18px;
  }
  #yith-wcwl-form .wishlist-cards-wrapper .wishlist-card-item .card-left .card-info .product-price span bdi span {
    font-size: 18px;
  }
  #yith-wcwl-form .wishlist-cards-wrapper .wishlist-card-item .card-left .card-info .card-qty-selector button {
    width: 30px;
    height: 30px;
  }
  #yith-wcwl-form .wishlist-cards-wrapper .wishlist-card-item .card-left .card-info .card-qty-selector input {
    width: 30px;
    height: 30px;
  }
  #yith-wcwl-form .wishlist-cards-wrapper .wishlist-card-item .card-left {
    gap: 0;
  }
  #yith-wcwl-form .wishlist-cards-wrapper .wishlist-card-item {
    padding: 10px;
  }
  #yith-wcwl-form .wishlist-footer-actions .btn-add-all {
    font-size: 15px;
  }
  #yith-wcwl-form .wishlist-footer-actions .btn-remove-all {
    font-size: 18px;
  }
  .view-order-section .contenedor .petstop-back-btn {
    font-size: 24px;
  }
  .view-order-section .contenedor .petstop-back-btn a {
    opacity: 0;
  }
  .view-order-section .contenedor .cont-borde-order .order-header h3 {
    font-size: 28px;
  }
  .view-order-section .contenedor .cont-borde-order .order-status-badge {
    font-size: 15px;
  }
  .view-order-section .contenedor .cont-borde-order .order-header span {
    font-size: 28px;
  }
  .view-order-section .contenedor .cont-borde-order .order-meta {
    flex-direction: column;
    align-items: flex-start;
  }
  .view-order-section .contenedor .cont-borde-order .order-meta span {
    font-size: 15px;
  }
  .view-order-section .contenedor .cont-borde-order .order-summary-card .summary-line {
    flex-wrap: wrap;
    align-items: flex-start;
  }
  .view-order-section .contenedor .cont-borde-order .order-address-card .address-line {
    flex-wrap: wrap;
    align-items: flex-start;
  }
  .view-order-section .contenedor .cont-borde-order {
    padding: 40px 10px 30px 10px;
  }
  .view-order-section .contenedor .cont-borde-order .order-products-detail .product-detail-item {
    padding: 10px;
  }
  .view-order-section .contenedor .cont-borde-order .order-products-detail .product-detail-item .product-info .detail-info-product-item span {
    font-size: 18px;
  }
  .view-order-section .contenedor .cont-borde-order .order-products-detail .product-detail-item .product-info .detail-info-product-item .item-qty {
    font-size: 15px;
  }
  .view-order-section .contenedor .cont-borde-order .order-products-detail .product-detail-item .product-price {
    font-size: 18px;
  }
}
.wishlist-empty-message {
  display: none;
}

#custom-delivery-wrapper {
  background: #f8f8f8;
  padding: 25px;
  border-radius: 15px;
  margin-bottom: 25px;
}

.delivery-dates,
.delivery-times {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  margin-bottom: 20px;
}

.date-card,
.time-card {
  position: relative;
  cursor: pointer;
}

.date-card input,
.time-card input {
  display: none;
}

.date-card span,
.time-card span {
  display: block;
  padding: 15px 25px;
  border: 2px solid #ddd;
  border-radius: 12px;
  background: #fff;
  font-weight: 600;
  transition: 0.3s;
}

.date-card span:hover,
.time-card span:hover {
  border-color: #2e687d;
}

.date-card input:checked + span,
.time-card input:checked + span {
  background: #2e697d;
  color: #fff;
  border-color: #2e5f7d;
}

.contact-section .contenedor {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
}
.contact-section .contenedor .contact-title {
  color: var(--2, #DE222A);
  text-align: center;
  /* Titulo Bold/Titulo 36 Bold */
  font-family: "Fredoka";
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  max-width: 854px;
}
.contact-section .contenedor .contact-grid {
  display: flex;
  align-items: flex-start;
  gap: 64px;
  align-self: stretch;
  justify-content: center;
}
.contact-section .contenedor .contact-grid .contact-info {
	margin: 0 auto;
  display: flex;
  padding: 40px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 30px;
}
.contact-section .contenedor .contact-grid .contact-info .info-item {
  display: flex;
  align-items: center;
  gap: 10px;
}
.contact-section .contenedor .contact-grid .contact-info .info-item .svg-item {
  display: flex;
  width: 50px;
  height: 50px;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.contact-section .contenedor .contact-grid .contact-info .info-item div p {
  color: var(--1, #2E3290);
  /* Texto regular/Texto 18 Regular */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.contact-section .contenedor .contact-grid .contact-info .info-item div strong {
  color: var(--1, #2E3290);
  /* Texto Bold/Texto 24 Bold */
  font-family: "Lato";
  font-size: 24px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
}
.contact-section .contenedor .contact-grid .contact-form .wpcf7 form .form-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
.contact-section .contenedor .contact-grid .contact-form .wpcf7 form .form-grid p {
  margin: 0;
}
.contact-section .contenedor .contact-grid .contact-form .wpcf7 form .form-grid {
  /* Inputs y textarea */
}
.contact-section .contenedor .contact-grid .contact-form .wpcf7 form .form-grid input,
.contact-section .contenedor .contact-grid .contact-form .wpcf7 form .form-grid textarea {
  display: flex;
  padding: 15px 20px;
  align-items: center;
  gap: 10px;
  width: 100%;
  flex: 1 0 0;
  border-radius: 10px;
  background: var(--ab, #E7E8F9);
  border: none;
  color: var(--1a, #6A6ED4);
  /* Texto regular/Texto 18 Regular */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.contact-section .contenedor .contact-grid .contact-form .wpcf7 form .form-grid input::-moz-placeholder, .contact-section .contenedor .contact-grid .contact-form .wpcf7 form .form-grid textarea::-moz-placeholder {
  color: var(--1a, #6A6ED4);
  /* Texto regular/Texto 18 Regular */
  font-family: Lato;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.contact-section .contenedor .contact-grid .contact-form .wpcf7 form .form-grid input::placeholder,
.contact-section .contenedor .contact-grid .contact-form .wpcf7 form .form-grid textarea::placeholder {
  color: var(--1a, #6A6ED4);
  /* Texto regular/Texto 18 Regular */
  font-family: Lato;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.contact-section .contenedor .contact-grid .contact-form .wpcf7 form .form-grid input:focus,
.contact-section .contenedor .contact-grid .contact-form .wpcf7 form .form-grid textarea:focus {
  border-color: none;
}
.contact-section .contenedor .contact-grid .contact-form .wpcf7 form .form-grid {
  /* Textarea ocupa todo el ancho */
}
.contact-section .contenedor .contact-grid .contact-form .wpcf7 form .form-grid .full {
  grid-column: 1/-1;
}
.contact-section .contenedor .contact-grid .contact-form .wpcf7 form .form-grid .full textarea {
  min-height: 120px;
  resize: vertical;
}
.contact-section .contenedor .contact-grid .contact-form .wpcf7 form {
  /* Botón */
}
.contact-section .contenedor .contact-grid .contact-form .wpcf7 form .btn-submit {
  display: flex;
  padding: 10px 25px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 10px;
  background: var(--1, #2E3290);
  margin-top: 30px;
  color: var(--4-Blanco, #FFF);
  text-align: center;
  border: none;
  /* Texto regular/Texto 18 Regular */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.contact-section .contenedor .contact-grid .contact-form .wpcf7 form {
  /* 📱 Responsive */
}
@media (max-width: 640px) {
  .contact-section .contenedor .contact-grid .contact-form .wpcf7 form .form-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 1550px) {
  .contact-section .contenedor .contact-title {
    font-size: 26px;
  }
  .contact-section .contenedor .contact-grid .contact-info .info-item div strong {
    font-size: 20px;
  }
  .contact-section .contenedor .contact-grid .contact-info .info-item div p {
    font-size: 16px;
  }
  .contact-section .contenedor .contact-grid .contact-form .wpcf7 form .form-grid input::-moz-placeholder, .contact-section .contenedor .contact-grid .contact-form .wpcf7 form .form-grid textarea::-moz-placeholder {
    font-size: 14px;
    padding: 10px 20px;
  }
  .contact-section .contenedor .contact-grid .contact-form .wpcf7 form .form-grid input,
  .contact-section .contenedor .contact-grid .contact-form .wpcf7 form .form-grid textarea, .contact-section .contenedor .contact-grid .contact-form .wpcf7 form .form-grid input::placeholder,
  .contact-section .contenedor .contact-grid .contact-form .wpcf7 form .form-grid textarea::placeholder {
    font-size: 14px;
    padding: 10px 20px;
  }
  .contact-section .contenedor .contact-grid .contact-form .wpcf7 form .form-grid {
    gap: 16px;
  }
  .contact-section .contenedor .contact-grid .contact-form .wpcf7 form .btn-submit {
    font-size: 16px;
  }
}
@media (max-width: 800px) {
  .contact-section .contenedor .contact-title {
    font-size: 28px;
  }
  .contact-section .contenedor .contact-grid {
    flex-direction: column;
	  align-items: center;
  }
  .contact-section .contenedor .contact-grid .contact-info {
    padding: 20px;
  }
  .contact-section .contenedor .contact-grid .contact-info .info-item div p {
    font-size: 15px;
  }
  .contact-section .contenedor .contact-grid .contact-info .info-item div strong {
    font-size: 18px;
  }
  .contact-section .contenedor .contact-grid .contact-info .info-item .svg-item svg {
    height: 32px;
  }
}
.section-categorias-blog .contenedor h3 {
  color: var(--2, #DE222A);
  text-align: center;
  /* Titulo Bold/Titulo 28 Bold */
  font-family: "Fredoka";
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.blog-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  gap: 50px;
}
.blog-grid .blog-card {
  flex: 1 1 calc(33.333% - 50px);
  min-width: 450px;
  max-width: 550px;
}
.blog-grid .blog-card a {
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: 100%;
}
.blog-grid .blog-card a .blog-card-img {
  width: 100%;
  height: 293px;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
}
.blog-grid .blog-card a .blog-card-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease;
  z-index: -1;
}
.blog-grid .blog-card a .blog-card-img:hover img {
  transform: scale(1.1);
}
.blog-grid .blog-card a .blog-card-img .blog-card-category {
  position: absolute;
  top: 10px;
  left: 10px;
  display: inline-flex;
  padding: 6px 12px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 20px;
  background: var(--2, #de222a);
  color: var(--4-Blanco, #fff);
  text-align: center;
  z-index: 1;
  /* Texto Bold/Texto 18 Bold */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
}
.blog-grid .blog-card a .blog-card-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 15px;
  align-self: stretch;
}
.blog-grid .blog-card a .blog-card-content h3 {
  color: var(--1a, #6a6ed4);
  /* Titulo Bold/Titulo 24 Bold */
  font-family: "Fredoka";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.blog-grid .blog-card a .blog-card-content p {
  color: var(--3, #6c757d);
  /* Texto regular/Texto 18 Regular */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

#load-more-posts {
  display: flex;
  padding: 15px 30px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 10px;
  background: var(--1, #2E3290);
  color: var(--4-Blanco, #FFF);
  text-align: center;
  /* Texto Bold/Texto 24 Bold */
  font-family: Lato;
  font-size: 18px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  margin: auto;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 20px;
}

@media (max-width: 1550px) {
  .blog-grid .blog-card {
    min-width: 350px;
    max-width: 380px;
  }
  .blog-grid .blog-card a {
    gap: 10px;
  }
  .blog-grid .blog-card a .blog-card-img {
    height: 240px;
  }
  .blog-grid .blog-card a .blog-card-img .blog-card-category {
    font-size: 14px;
  }
  .blog-grid .blog-card a .blog-card-content h3 {
    font-size: 20px;
  }
  .blog-grid .blog-card a .blog-card-content p {
    font-size: 14px;
  }
  .blog-grid .blog-card a .blog-card-content {
    gap: 10px;
  }
}
@media (max-width: 800px) {
  .blog-grid {
    flex-direction: column;
    align-items: center;
  }
  .blog-grid .blog-card {
    min-width: auto;
    width: 100%;
    max-width: 410px;
  }
  .blog-grid .blog-card a .blog-card-img .blog-card-category {
    font-size: 15px;
  }
  .blog-grid .blog-card a .blog-card-img {
    height: 240px;
  }
  .blog-grid .blog-card a .blog-card-content h3 {
    font-size: 18px;
  }
  .blog-grid .blog-card a .blog-card-content p {
    font-size: 15px;
  }
}
input:focus,
textarea:focus {
  outline: none;
}

.section-pliticas .contenedor {
  max-width: 90%;
}
.section-pliticas .contenedor h2 {
  color: var(--1, #2e3290);
  /* Texto Bold/Texto 24 Bold */
  font-family: "Lato";
  font-size: 24px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  margin-bottom: 15px;
}
.section-pliticas .contenedor p {
  color: var(--3, #6c757d);
  /* Texto regular/Texto 18 Regular */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 15px;
}
.section-pliticas .contenedor ul {
  margin-bottom: 15px;
}
.section-pliticas .contenedor ul li {
  list-style: disc;
  margin-left: 20px;
  color: var(--3, #6c757d);
  /* Texto regular/Texto 18 Regular */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.section-pliticas .contenedor .form-politicas-cont {
  margin-top: 50px;
}
.section-pliticas .contenedor .form-politicas-cont .wpcf7 form .libro-reclamaciones .fecha {
  width: 50%;
  margin: auto;
}
.section-pliticas .contenedor .form-politicas-cont .wpcf7 form .libro-reclamaciones .descripcion {
  margin: 20px 0;
}
.section-pliticas .contenedor .form-politicas-cont .wpcf7 form .libro-reclamaciones h3 {
  color: var(--1, #2e3290);
  /* Texto Bold/Texto 24 Bold */
  font-family: "Lato";
  font-size: 24px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  margin: 20px 0;
}
.section-pliticas .contenedor .form-politicas-cont .wpcf7 form .libro-reclamaciones .form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin-bottom: 35px;
  /* --- AQUÍ ESTÁ LA CORRECCIÓN --- */
  /* Esto selecciona automáticamente el último hijo directo del grid */
}
.section-pliticas .contenedor .form-politicas-cont .wpcf7 form .libro-reclamaciones .form-grid > :last-child {
  grid-column: 1/-1; /* Le dice que vaya desde la primera línea hasta la última */
}
.section-pliticas .contenedor .form-politicas-cont .wpcf7 form .libro-reclamaciones .form-grid {
  /* ------------------------------- */
}
.section-pliticas .contenedor .form-politicas-cont .wpcf7 form .libro-reclamaciones p .btn-submit {
  display: flex;
  padding: 10px 25px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 10px;
  background: var(--1, #2e3290);
  color: var(--4-Blanco, #fff);
  text-align: center;
  /* Texto regular/Texto 18 Regular */
  font-family: "Lato";
  border: none;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: auto;
  margin-top: 35px;
}
.section-pliticas .contenedor .form-politicas-cont .wpcf7 form .libro-reclamaciones p {
  width: 100%;
  margin-bottom: 0;
}
.section-pliticas .contenedor .form-politicas-cont .wpcf7 form .libro-reclamaciones p span label {
  display: flex;
  align-items: center;
  gap: 10px;
}
.section-pliticas .contenedor .form-politicas-cont .wpcf7 form .libro-reclamaciones p span input[name=atendido_por] {
  margin-top: 20px;
  margin-bottom: 30px;
}
.section-pliticas .contenedor .form-politicas-cont .wpcf7 form .libro-reclamaciones p span textarea {
  margin-top: 20px;
}
.section-pliticas .contenedor .form-politicas-cont .wpcf7 form .libro-reclamaciones p span input,
.section-pliticas .contenedor .form-politicas-cont .wpcf7 form .libro-reclamaciones p span textarea {
  display: flex;
  padding: 15px 20px;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  border-radius: 40px;
  background: var(--ab, #e7e8f9);
  color: var(--1a, #6a6ed4);
  /* Texto regular/Texto 18 Regular */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  border: none;
}
.section-pliticas .contenedor .form-politicas-cont .wpcf7 form .libro-reclamaciones p span input::-moz-placeholder, .section-pliticas .contenedor .form-politicas-cont .wpcf7 form .libro-reclamaciones p span textarea::-moz-placeholder {
  color: var(--1a, #6a6ed4);
  /* Texto regular/Texto 18 Regular */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.section-pliticas .contenedor .form-politicas-cont .wpcf7 form .libro-reclamaciones p span input::placeholder,
.section-pliticas .contenedor .form-politicas-cont .wpcf7 form .libro-reclamaciones p span textarea::placeholder {
  color: var(--1a, #6a6ed4);
  /* Texto regular/Texto 18 Regular */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.section-pliticas .contenedor .btn-link-inicio {
  color: var(--3, #6C757D);
  /* Texto regular/Texto 18 Regular */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration-line: underline;
  text-decoration-style: solid;
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  display: flex;
  justify-content: center;
  margin-top: 50px;
}

@media (max-width: 1550px) {
  .section-pliticas .contenedor h2 {
    font-size: 20px;
  }
  .section-pliticas .contenedor p, .section-pliticas .contenedor ul li {
    font-size: 14px;
  }
  .section-pliticas .contenedor .form-politicas-cont .wpcf7 form .libro-reclamaciones p span input::-moz-placeholder, .section-pliticas .contenedor .form-politicas-cont .wpcf7 form .libro-reclamaciones p span textarea::-moz-placeholder {
    font-size: 14px;
    padding: 10px 20px;
  }
  .section-pliticas .contenedor .form-politicas-cont .wpcf7 form .libro-reclamaciones p span input, .section-pliticas .contenedor .form-politicas-cont .wpcf7 form .libro-reclamaciones p span textarea, .section-pliticas .contenedor .form-politicas-cont .wpcf7 form .libro-reclamaciones p span input::placeholder, .section-pliticas .contenedor .form-politicas-cont .wpcf7 form .libro-reclamaciones p span textarea::placeholder {
    font-size: 14px;
    padding: 10px 20px;
  }
  .section-pliticas .contenedor .form-politicas-cont .wpcf7 form .libro-reclamaciones h3 {
    font-size: 20px;
  }
}
@media (max-width: 800px) {
  .section-pliticas .contenedor h2 {
    font-size: 18px;
  }
  .section-pliticas .contenedor p {
    font-size: 15px;
  }
  .section-pliticas .contenedor ul li {
    font-size: 15px;
  }
  .section-pliticas .contenedor .form-politicas-cont .wpcf7 form .libro-reclamaciones .fecha {
    width: 100%;
  }
  .section-pliticas .contenedor .form-politicas-cont .wpcf7 form .libro-reclamaciones .form-grid {
    grid-template-columns: 1fr;
  }
  .section-pliticas .contenedor .form-politicas-cont .wpcf7 form .libro-reclamaciones h3 {
    font-size: 18px;
  }
}
.banner-gracias {
  width: 100%;
  height: 100vh;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.banner-gracias .img-fondo-gracias {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: -1;
  opacity: 0.2;
}
.banner-gracias::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(50% 50% at 50% 50%, #004083 0%, #041A56 100%, #041A56 100%);
  z-index: -2;
}
.banner-gracias .img-left-gracias {
  position: absolute;
  top: 0;
  left: 0;
  width: 30%;
  height: 100%;
}
.banner-gracias .img-left-gracias img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  z-index: 1;
}
.banner-gracias .img-left-gracias::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -480px;
  transform: translateY(-50%);
  width: 716px;
  height: 716px;
  max-height: 80%;
  border-radius: 716px;
  background: var(--ab, #E7E8F9);
  z-index: -1;
}
.banner-gracias .img-right-gracias {
  position: absolute;
  top: 0;
  right: 0;
  width: 30%;
  height: 100%;
}
.banner-gracias .img-right-gracias img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  z-index: 1;
}
.banner-gracias .img-right-gracias::before {
  content: "";
  position: absolute;
  top: 50%;
  right: -480px;
  transform: translateY(-50%);
  width: 716px;
  height: 716px;
  max-height: 80%;
  border-radius: 716px;
  background: var(--ab, #E7E8F9);
  z-index: -1;
}
.banner-gracias .contenedor-gracias {
  max-width: 624px;
}
.banner-gracias .contenedor-gracias h2 {
  color: var(--4-Blanco, #FFF);
  text-align: center;
  /* Titulo Bold/Titulo 48 Bold */
  font-family: "Fredoka";
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 15px;
}
.banner-gracias .contenedor-gracias p {
  color: var(--4-Blanco, #FFF);
  text-align: center;
  /* Texto regular/Texto 24 Regular */
  font-family: "Lato";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 50px;
}
.banner-gracias .contenedor-gracias a {
  display: flex;
  padding: 10px 25px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 40px;
  background: var(--1, #2E3290);
  color: var(--4-Blanco, #FFF);
  text-align: center;
  /* Texto regular/Texto 18 Regular */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  width: -moz-fit-content;
  width: fit-content;
  line-height: normal;
  margin: auto;
}

@media (max-width: 1000px) {
  .banner-gracias .img-left-gracias {
    display: none;
  }
  .banner-gracias .img-right-gracias {
    display: none;
  }
  .banner-gracias .contenedor-gracias h2 {
    font-size: 36px;
  }
  .banner-gracias .contenedor-gracias p {
    font-size: 15px;
    margin-bottom: 30px;
  }
  .banner-gracias .contenedor-gracias a {
    font-size: 15px;
  }
}
.main-search-results .contenedor .page-header h1 {
  color: var(--1a, #6a6ed4);
  /* Titulo Bold/Titulo 48 Bold */
  font-family: "Fredoka";
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.main-search-results .contenedor .page-header h1 span {
  color: var(--1a, #6a6ed4);
  /* Titulo Bold/Titulo 48 Bold */
  font-family: "Fredoka";
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.main-search-results .contenedor .search-content .search-results-grid {
  display: grid;
  /* Define columnas responsivas */
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 30px;
  margin-top: 40px;
}
.main-search-results .contenedor .search-content .no-results h2 {
  color: var(--1, #2E3290);
  /* Texto Bold/Texto 24 Bold */
  font-family: "Lato";
  font-size: 24px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
}
.main-search-results .contenedor .search-content .no-results p {
  color: var(--3, #6C757D);
  /* Texto regular/Texto 18 Regular */
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

@media (max-width: 1550px) {
  .main-search-results .contenedor .page-header h1, .main-search-results .contenedor .page-header h1 span {
    font-size: 40px;
  }
  .main-search-results .contenedor .search-content .search-results-grid {
    grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
  }
}
@media (max-width: 800px) {
  .main-search-results .contenedor .page-header h1, .main-search-results .contenedor .page-header h1 span {
    font-size: 30px;
  }
}/*# sourceMappingURL=app.css.map */








.woocommerce-checkout.woocommerce-order-pay .woocommerce{
      margin-top: 50px;
    height: 60vh;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    background: var(--1a, #e5ecff);
  .order_details{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin:  30px auto;
    gap: 0px;
    justify-content: center;
    li{
      width: 200px !important;
      padding: 0 !important;
      float: none !important;
      border-right: none !important;
      margin: 0 20px 20px 20px !important;
      color: var(--1, #2e3290);
    font-family: "Lato";
    font-size: 20px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    text-align: center;
      
    strong{
     color: var(--1, #2e3290);
    font-family: "Lato";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    }
    }
  }
  p{
        color: var(--3, #6c757d);
    font-family: "Lato";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 20px;
  }
  .niubiz-btn{
    margin: 0 auto;
    display: flex;
    margin-bottom: 50px;
  }
}






.woocommerce-order-received {

  .row {
      width: 1920px;
    max-width: 95%;
    margin: 0 auto;

    > .col-md-6 {

      border-radius: 10px;
      background: #fff;
      box-shadow: 0 10px 29px 0 rgba(69, 72, 157, 0.15);
      padding: 25px;
      margin-top: 30px;

      h2.woocommerce-column__title {
        color: var(--1, #2e3290);

        /* Titulo Bold/Titulo 24 Bold */
        font-family: "Fredoka";
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;

        padding-bottom: 15px;
        margin-bottom: 20px;
        border-bottom: 2px solid var(--1, #2e3290);
      }

      > .row {

        .col-md-12 {
          display: flex;
          justify-content: space-between;
          align-items: center;
          padding: 10px 0;
          border-bottom: 1px dashed #e2e2e2;

          color: var(--3, #6c757d);

          /* Texto regular/Texto 18 Regular */
          font-family: "Lato";
          font-size: 18px;
          font-style: normal;
          font-weight: 400;
          line-height: normal;

          b {
            color: var(--1, #2e3290);

            /* Texto Bold/Texto 18 Bold */
            font-family: "Lato";
            font-size: 18px;
            font-style: normal;
            font-weight: 800;
          }

         

          &:last-child {
            border-bottom: none;
          }

          a {
            color: var(--1, #2e3290);
            text-decoration: underline;

            font-family: "Lato";
            font-size: 18px;
            font-weight: 400;
          }

          .btn-primary {
            margin: auto;
            margin-top: 20px;
            width: fit-content;
            display: flex;
            padding: 12px 25px;
            justify-content: center;
            align-items: center;
            border-radius: 10px;
            background: var(--1, #2e3290);
            color: var(--4-Blanco, #fff);

            font-family: "Lato";
            font-size: 18px;
            font-weight: 800;
            border: none;
            transition: 0.25s ease;

            &:hover {
              transform: translateY(-2px);
              box-shadow: 0 6px 18px rgba(46, 50, 144, 0.25);
            }
          }

        }

      }

    }

  }

}


@media (max-width: 768px) {

  .woocommerce-order-received {

    .row > .col-md-6 {
      padding: 18px;
    }

    .row > .col-md-6 > .row .col-md-12 {
      flex-direction: column;
      align-items: flex-start;
      gap: 4px;
      font-size: 16px;
    }

    h2.woocommerce-column__title {
      font-size: 20px;
    }

  }

}