.elementor-505 .elementor-element.elementor-element-2956e56{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-505 .elementor-element.elementor-element-2956e56:not(.elementor-motion-effects-element-type-background), .elementor-505 .elementor-element.elementor-element-2956e56 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://calzawebperu.com/wp-content/uploads/2026/07/008-La-Tienda-scaled.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-505 .elementor-element.elementor-element-2299703{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-505 .elementor-element.elementor-element-bb88daa{border-radius:10px 10px 10px 10px;}.elementor-505 .elementor-element.elementor-element-bb88daa .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-505 .elementor-element.elementor-element-7b56362{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-505 .elementor-element.elementor-element-bbdec33{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:20px 20px 20px 20px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-505 .elementor-element.elementor-element-bbdec33:not(.elementor-motion-effects-element-type-background), .elementor-505 .elementor-element.elementor-element-bbdec33 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F5F54D;}.elementor-505 .elementor-element.elementor-element-242631a .e-search-input{background-color:var( --e-global-color-5da9167 );border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-text );border-radius:5px 5px 5px 5px;}.elementor-505 .elementor-element.elementor-element-242631a{width:var( --container-widget-width, 104.96% );max-width:104.96%;--container-widget-width:104.96%;--container-widget-flex-grow:0;}.elementor-505 .elementor-element.elementor-element-242631a.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-505 .elementor-element.elementor-element-028192e{--display:flex;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:var( --e-global-color-text );--border-color:var( --e-global-color-text );--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px -27px rgba(78.12608695652173, 177.52595463138, 237.99999999999997, 0.5);}.elementor-505 .elementor-element.elementor-element-028192e:not(.elementor-motion-effects-element-type-background), .elementor-505 .elementor-element.elementor-element-028192e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-5da9167 );}.elementor-505 .elementor-element.elementor-element-028192e.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-505 .elementor-element.elementor-element-171def1 .elementor-heading-title{font-size:1.1em;font-weight:700;text-transform:uppercase;color:var( --e-global-color-text );}.elementor-505 .elementor-element.elementor-element-7f7e2d4{--e-filter-direction:column;--e-filter-white-space:initial;--e-filter-align-items:flex-start;--e-filter-item-width:initial;--e-filter-item-max-width:calc(100% - calc(var( --e-filter-item-padding )*3 ) );--e-filter-item-flex-grow:initial;--e-filter-item-box-sizing:initial;--e-filter-item-align-text:start;--e-filter-space-between:2px;--e-filter-hover-text-color:var( --e-global-color-secondary );--e-filter-active-text-color:var( --e-global-color-secondary );}.elementor-505 .elementor-element.elementor-element-a928d0b{--display:flex;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:var( --e-global-color-text );--border-color:var( --e-global-color-text );--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px -27px rgba(78.12608695652173, 177.52595463138, 237.99999999999997, 0.5);}.elementor-505 .elementor-element.elementor-element-a928d0b:not(.elementor-motion-effects-element-type-background), .elementor-505 .elementor-element.elementor-element-a928d0b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-5da9167 );}.elementor-505 .elementor-element.elementor-element-a928d0b.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-505 .elementor-element.elementor-element-c8fc6cf .elementor-heading-title{font-size:1.1em;font-weight:700;text-transform:uppercase;color:var( --e-global-color-text );}.elementor-505 .elementor-element.elementor-element-a64cb9f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-505 .elementor-element.elementor-element-f5f7317{--grid-columns:4;--grid-column-gap:10px;}.elementor-505 .elementor-element.elementor-element-f5f7317 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-505 .elementor-element.elementor-element-f5f7317 .e-loop-item > .elementor-section, .elementor-505 .elementor-element.elementor-element-f5f7317 .e-loop-item > .elementor-section > .elementor-container, .elementor-505 .elementor-element.elementor-element-f5f7317 .e-loop-item > .e-con, .elementor-505 .elementor-element.elementor-element-f5f7317 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-505 .elementor-element.elementor-element-1ee6c6a{--display:flex;}.elementor-505 .elementor-element.elementor-element-9f7c8b0{--display:flex;}@media(max-width:1024px){.elementor-505 .elementor-element.elementor-element-2956e56{--min-height:50vh;}.elementor-505 .elementor-element.elementor-element-2299703{--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-505 .elementor-element.elementor-element-7b56362{--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-505 .elementor-element.elementor-element-f5f7317{--grid-columns:1;}}@media(max-width:767px){.elementor-505 .elementor-element.elementor-element-2956e56{--min-height:25vh;}.elementor-505 .elementor-element.elementor-element-7b56362{--content-width:90%;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-505 .elementor-element.elementor-element-bbdec33{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-505 .elementor-element.elementor-element-a64cb9f{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-505 .elementor-element.elementor-element-f5f7317{--grid-columns:1;width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}}@media(min-width:768px){.elementor-505 .elementor-element.elementor-element-7b56362{--content-width:85%;}.elementor-505 .elementor-element.elementor-element-bbdec33{--width:25%;}.elementor-505 .elementor-element.elementor-element-028192e{--width:102.627%;}.elementor-505 .elementor-element.elementor-element-a928d0b{--width:102.627%;}.elementor-505 .elementor-element.elementor-element-a64cb9f{--width:80%;}}@media(max-width:1024px) and (min-width:768px){.elementor-505 .elementor-element.elementor-element-bbdec33{--width:29%;}.elementor-505 .elementor-element.elementor-element-a64cb9f{--width:68%;}}/* Start custom CSS for taxonomy-filter, class: .elementor-element-7f7e2d4 *//* 1. Forzar diseño vertical de la lista */
.elementor-505 .elementor-element.elementor-element-7f7e2d4 .e-filter-nav {
    flex-direction: column;
    align-items: stretch;
    gap: 15px;
}

/* 2. Estilo base de cada categoría */
.elementor-505 .elementor-element.elementor-element-7f7e2d4 .e-filter-item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    color: #666666;
    font-size: 16px;
    background: transparent;
    padding: 0;
    border: none;
    cursor: pointer;
}

/* 3. Crear el cuadro vacío del "Checkbox" */
.elementor-505 .elementor-element.elementor-element-7f7e2d4 .e-filter-item::before {
    content: '';
    display: block;
    width: 18px;
    height: 18px;
    border: 1.5px solid #4557b7;
    border-radius: 4px;
    margin-right: 12px;
    transition: all 0.2s ease-in-out;
    flex-shrink: 0;
}

/* 4. Estilo cuando el filtro está Activo (¡Aquí está la magia!) */
.elementor-505 .elementor-element.elementor-element-7f7e2d4 .e-filter-item[aria-pressed="true"]::before {
    background-color: #4557b7;
    border-color: #4557b7;
    /* Ícono de checkmark blanco codificado */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
}

/* 5. Mantener texto pegado al checkbox y contador a la derecha */
.elementor-505 .elementor-element.elementor-element-7f7e2d4 .e-filter-item-text {
    text-align: left;
    margin-right: auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bbdec33 *//* =============================================
   CONTENEDOR PRINCIPAL
   ============================================= */
.elementor-element-bbdec33 {
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 12px !important;
  padding: 20px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  align-self: flex-start !important;
  height: auto !important;
  min-height: unset !important;
  align-items: stretch !important;
}

/* =============================================
   BUSCADOR - FIX DEFINITIVO ELEMENTOR
   ============================================= */
.elementor-element-242631a.elementor-widget-search {
  --e-search-icon-label-absolute-width: 0px !important;
  --e-search-icon-clear-absolute-width: 0px !important;
}

/* Formulario */
.elementor-element-242631a .e-search-form {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  background: #f3f4f6 !important;
  border-radius: 8px !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Wrapper */
.elementor-element-242631a .e-search-input-wrapper {
  position: relative !important;
  width: 100% !important;
}

/* Input */
.elementor-element-242631a .e-search-input {
  width: 100% !important;
  height: 60px !important;
  background: #f3f4f6 !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  padding-left: 22px !important;
  padding-right: 80px !important;
  margin: 0 !important;
  font-size: 14px !important;
  color: #6b7280 !important;
  box-sizing: border-box !important;
}

/* Placeholder */
.elementor-element-242631a .e-search-input::placeholder {
  color: #9ca3af !important;
  opacity: 1 !important;
}

/* Lupa */
.elementor-element-242631a .e-search-label {
  position: absolute !important;
  right: 28px !important;
  left: auto !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 22px !important;
  height: 22px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 999 !important;
  pointer-events: none !important;
}

/* SVG (Color naranja #F85405 aplicado a la lupa) */
.elementor-element-242631a .e-search-label svg {
  width: 24px !important;
  height: 24px !important;
  display: block !important;
  fill: #F85405 !important;
}

/* Ocultar X */
.elementor-element-242631a .e-fas-times {
  display: none !important;
}

/* Ocultar botón submit */
.elementor-element-242631a .e-search-submit {
  display: none !important;
}

/* =============================================
   SECCIONES (Categorías y Precio)
   ============================================= */
.elementor-element-028192e,
.elementor-element-a928d0b {
  background: transparent !important;
  padding: 0 !important;
  margin-top: 20px !important;
  border: none !important;
}

/* =============================================
   TÍTULOS DE SECCIÓN
   ============================================= */
.elementor-element-171def1 .elementor-heading-title,
.elementor-element-c8fc6cf .elementor-heading-title {
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #111827 !important;
  margin: 0 0 14px 0 !important;
  padding-bottom: 0 !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}

/* Chevron decorativo */
.elementor-element-171def1 .elementor-heading-title::after,
.elementor-element-c8fc6cf .elementor-heading-title::after {
  content: "" !important;
  display: inline-flex !important;
  width: 28px !important;
  height: 28px !important;
  border: 1.5px solid #d1d5db !important;
  border-radius: 50% !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='18 15 12 9 6 15'%3E%3C/polyline%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 14px !important;
  flex-shrink: 0 !important;
  transition: transform 0.25s ease !important;
}

.elementor-element-171def1 .elementor-heading-title.collapsed::after,
.elementor-element-c8fc6cf .elementor-heading-title.collapsed::after {
  transform: rotate(180deg) !important;
}

/* =============================================
   FILTROS DE TAXONOMÍA
   ============================================= */
.e-filter {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}

.e-filter-item {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  cursor: pointer !important;
  font-size: 14px !important;
  color: #374151 !important;
  text-align: left !important;
  line-height: 1.4 !important;
  position: relative !important;
  box-shadow: none !important;
}

/* Checkbox */
.e-filter-item::before {
  content: "" !important;
  display: inline-flex !important;
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  border: 1.5px solid #d1d5db !important;
  border-radius: 3px !important;
  background: #ffffff !important;
  flex-shrink: 0 !important;
  transition: background .15s, border-color .15s !important;
}

/* Estado activo naranja (#F85405) */
.e-filter-item[aria-pressed="true"]::before {
  background: #F85405 !important;
  border-color: #F85405 !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 11px !important;
}

.e-filter-item[aria-pressed="true"] {
  color: #111827 !important;
  font-weight: 500 !important;
}

/* Hover naranja (#F85405) */
.e-filter-item:hover::before {
  border-color: #F85405 !important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-f5f7317 *//* 1. Forzar comportamiento Grid y estirar todas las tarjetas a la misma altura */
.elementor-element-f5f7317 .elementor-loop-container {
    display: grid !important;
}

.elementor-element-f5f7317 .e-loop-item {
    height: 100% !important;
    display: flex !important;
}

/* 2. Estirar la estructura interna de la tarjeta (Plantilla 7416) */
.elementor-element-f5f7317 .elementor-element-799bab0 {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    height: 100% !important;
}

.elementor-element-f5f7317 .elementor-element-799bab0 > .e-con-inner {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    width: 100% !important;
}

/* 3. Ajustar el contenedor de textos, precio y botón (Columna inferior) */
.elementor-element-f5f7317 .elementor-element-2e367a8 {
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important; /* Consume todo el espacio vertical sobrante */
}

/* 4. Separar el título del resto del contenido */
.elementor-element-f5f7317 .elementor-element-9adeb06 {
    margin-bottom: 2px !important;
}

/* 5. Alinear el contenedor del precio de forma constante */
.elementor-element-f5f7317 .elementor-element-126c64b {
    margin-top: auto !important; /* Empuja el precio y el botón hacia abajo */
    margin-bottom: 5px !important;
    width: 100% !important;
    display: flex !important;
    justify-content: center !important; /* Centra el precio horizontalmente */
}

/* 6. Fijar el botón "Ver detalles" abajo del todo */
.elementor-element-f5f7317 .elementor-element-efb0c72 {
    margin-top: 0 !important; /* Se apoya directamente debajo del precio */
    width: 100% !important;
}

.elementor-element-f5f7317 .elementor-element-efb0c72 .elementor-button {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
}
/* 1. Forzar a que las imágenes tengan la misma altura sin deformarse */
.elementor-element-f5f7317 .elementor-element-4a19ce9 img {
    height: 200px !important;    /* Ajusta este valor (en px) a la altura que prefieras */
    width: 100% !important;
    object-fit: cover !important; /* Corta y adapta la imagen para que llene el espacio sin estirarse */
    object-position: center !important; /* Centra el enfoque de la foto */
}

/* 2. Centrar el precio horizontal y verticalmente */
.elementor-element-f5f7317 .elementor-element-126c64b {
    display: flex !important;
    justify-content: center !important; /* Centrado horizontal */
    align-items: center !important;     /* Centrado vertical */
    min-height: 50px !important;        /* Opcional: Define un área de altura fija para el precio */
    margin-top: auto !important;        /* Lo mantiene alineado abajo con los demás */
    margin-bottom: 1px !important;
}

/* Forzar a que el contenedor interno de WooCommerce también se alinee al centro */
.elementor-element-f5f7317 .elementor-element-aa885ac .price {
    justify-content: center !important; /* Alinea los precios (original y rebajado) al centro */
    align-items: center !important;
    width: 100% !important;
}/* End custom CSS */