.elementor-3171 .elementor-element.elementor-element-89cfa9c > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-3171 .elementor-element.elementor-element-97ad4fa img{width:100%;height:400px;object-fit:cover;object-position:center center;}.elementor-3171 .elementor-element.elementor-element-caa9ba8 > .elementor-container{max-width:1000px;}.elementor-3171 .elementor-element.elementor-element-caa9ba8{padding:50px 50px 50px 50px;}.elementor-3171 .elementor-element.elementor-element-ef781f7 .elementor-heading-title{font-family:"Locator", Sans-serif;font-weight:600;text-transform:uppercase;color:var( --e-global-color-primary );}.elementor-3171 .elementor-element.elementor-element-7708f87 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-3171 .elementor-element.elementor-element-7708f87 .elementor-heading-title{font-family:"Locator", Sans-serif;font-size:22px;font-weight:600;text-transform:uppercase;color:var( --e-global-color-accent );}.elementor-3171 .elementor-element.elementor-element-ca96be7{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-3171 .elementor-element.elementor-element-ca96be7 .elementor-heading-title{font-family:"Locator", Sans-serif;font-weight:400;line-height:18px;}.elementor-3171 .elementor-element.elementor-element-a971c0a .elementor-button{background-color:#FFF6E300;font-family:"Locator", Sans-serif;font-weight:600;fill:var( --e-global-color-accent );color:var( --e-global-color-accent );transition-duration:0.8s;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-accent );border-radius:30px 30px 30px 30px;padding:5px 40px 5px 40px;}.elementor-3171 .elementor-element.elementor-element-a971c0a .elementor-button:hover, .elementor-3171 .elementor-element.elementor-element-a971c0a .elementor-button:focus{background-color:var( --e-global-color-accent );color:var( --e-global-color-text );border-color:var( --e-global-color-91405a1 );}.elementor-3171 .elementor-element.elementor-element-a971c0a > .elementor-widget-container{margin:25px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3171 .elementor-element.elementor-element-a971c0a .elementor-button:hover svg, .elementor-3171 .elementor-element.elementor-element-a971c0a .elementor-button:focus svg{fill:var( --e-global-color-text );}.elementor-3171 .elementor-element.elementor-element-0e9cf87 .elementor-button{background-color:#FFF6E300;font-family:"Locator", Sans-serif;font-weight:600;fill:var( --e-global-color-accent );color:var( --e-global-color-accent );transition-duration:0.8s;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-accent );border-radius:30px 30px 30px 30px;padding:5px 40px 5px 40px;}.elementor-3171 .elementor-element.elementor-element-0e9cf87 .elementor-button:hover, .elementor-3171 .elementor-element.elementor-element-0e9cf87 .elementor-button:focus{background-color:var( --e-global-color-accent );color:var( --e-global-color-text );border-color:var( --e-global-color-91405a1 );}.elementor-3171 .elementor-element.elementor-element-0e9cf87 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3171 .elementor-element.elementor-element-0e9cf87 .elementor-button:hover svg, .elementor-3171 .elementor-element.elementor-element-0e9cf87 .elementor-button:focus svg{fill:var( --e-global-color-text );}.elementor-3171 .elementor-element.elementor-element-0e45753 > .elementor-container{max-width:1000px;}.elementor-3171 .elementor-element.elementor-element-0e45753{padding:0px 0px 100px 0px;}.elementor-3171 .elementor-element.elementor-element-0ea48a0{--grid-columns:1;}.elementor-3171 .elementor-element.elementor-element-0ea48a0 > .elementor-widget-container{margin:30px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(max-width:1024px){.elementor-3171 .elementor-element.elementor-element-0ea48a0{--grid-columns:2;}}@media(max-width:767px){.elementor-3171 .elementor-element.elementor-element-97ad4fa img{height:200px;}.elementor-3171 .elementor-element.elementor-element-caa9ba8{padding:20px 20px 20px 20px;}.elementor-3171 .elementor-element.elementor-element-0e45753{padding:0px 0px 0px 0px;}.elementor-3171 .elementor-element.elementor-element-0ea48a0{--grid-columns:1;}}/* Start custom CSS for section, class: .elementor-element-0e45753 *//* layout normal: imagen izquierda, texto derecha */
.pc-product-item {
  display: flex;
  align-items: center;
  gap: 40px;
}

/* layout alternativo: imagen derecha, texto izquierda */
.pc-product-item.pc-alt {
  flex-direction: row-reverse;
}

/* en mobile todo vertical igual */
@media (max-width: 768px) {
  .pc-product-item,
  .pc-product-item.pc-alt {
    flex-direction: column;
  }
}/* End custom CSS */
/* Start custom CSS *//* Ocultamos las categorías usadas solo para el filtro */
.pc-terms {
  display: none !important;
}

/* Barra principal, alineada a la izquierda */
.pc-filter-bar {
  display: flex;
  gap: 16px;
  justify-content: flex-start;
  align-items: flex-start;
}

/* Grupo STILL + submenú (por encima del resto) */
.pc-filter-group {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  z-index: 20;
}

/* Botón principal (ALL / SPARKLING / STILL WINES) */
.pc-filter-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;          /* texto centrado */
  gap: 12px;
  padding: 10px 48px;               /* padding simétrico izq/der */
  min-width: 150px;                 /* ancho mínimo para que haya espacio a la derecha */
  border-radius: 999px;
  border: none;
  cursor: pointer;

  background: linear-gradient(90deg, #002B3F 0%, #034a70 100%);
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.25);

  font-family: "Locator", sans-serif;
  font-size: 13px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #FFF6E3;

  transition:
    background 0.25s ease,
    color 0.25s ease,
    box-shadow 0.25s ease,
    transform 0.18s ease;
}

/* Circulito del botón principal (posición inicial: izquierda) */
.pc-filter-btn::before {
  content: "";
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #FFF6E3;
  opacity: 0.95;
  position: absolute;
  top: 50%;
  left: 24px;                    /* punto de partida (izquierda) */
  transform: translate(-50%, -50%);
  transition:
    left 0.35s cubic-bezier(.4,.0,.2,1),   /* animación suave de lado a lado */
    background 0.25s ease;
}

/* Hover suave */
.pc-filter-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 18px rgba(0, 0, 0, 0.25);
}

/* Estado ACTIVO del botón principal */
.pc-filter-btn.active {
  background: linear-gradient(90deg, #FFF6E3 0%, #f6dfb8 100%);
  color: #002B3F;
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.18);
}

/* Cuando está activo: bolita se va a la derecha */
.pc-filter-btn.active::before {
  left: calc(100% - 24px);        /* mismo offset pero del lado derecho */
  background: #002B3F;
}

/* botón STILL un poco más arriba que el submenú */
.pc-filter-btn.has-sub {
  position: relative;
  z-index: 21;
}

/* SUBMENÚ debajo de STILL WINES (NATURAL / TECHNICAL) con animación */
.pc-submenu {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 100%;
  margin-top: -14px;
  padding: 30px 20px 20px 20px;
  background: #FFF6E3;
  border-radius: 0 0 20px 20px;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.16);
  flex-direction: column;
  gap: 6px;
  z-index: 10;
  overflow: hidden;

  /* estado cerrado (inicial) */
  max-height: 0;
  opacity: 0;
  transform: translateY(-4px);
  pointer-events: none;

  transition:
    max-height 0.25s ease,
    opacity 0.2s ease,
    transform 0.2s ease;
}

/* cuando el grupo tiene .open, se despliega animado */
.pc-filter-group.open .pc-submenu {
  max-height: 200px;      /* ajusta según cantidad de ítems */
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

/* Botones del submenú: texto plano sobre el fondo beige */
.pc-sub-btn {
  background: none !important;
  box-shadow: none !important;
  border-radius: 0;
  border: none !important;
  padding: 0;
  margin: 0;
  justify-content: flex-start;
  font-family: "Locator", sans-serif;
  font-size: 12px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #002B3F !important;
  cursor: pointer;

  transition: transform 0.15s ease;
  transform-origin: left center;
}

/* sin circulito en sub-opciones */
.pc-sub-btn::before {
  display: none;
}

/* pequeño zoom en hover */
.pc-sub-btn:hover {
  transform: scale(1.04);
}

/* opcional: sub-opción activa subrayada */
.pc-sub-btn.active {
  text-decoration: underline;
}

/* ===========================================
   RESPONSIVE — CELULARES (≤ 600px)
   =========================================== */
@media (max-width: 600px) {

  /* Barra en columna */
  .pc-filter-bar {
    flex-direction: column;
    width: 100%;
    gap: 12px;
    align-items: stretch;
  }

  /* Botones principales 100% ancho */
  .pc-filter-btn {
    width: 100%;
    min-width: unset;
    padding: 14px 40px;
    font-size: 14px;
  }

  .pc-filter-btn::before {
    left: 30px;
  }

  .pc-filter-btn.active::before {
    left: calc(100% - 30px);
  }

  /* Grupo STILL ocupa todo el ancho */
  .pc-filter-group {
    width: 100%;
  }

  /* Submenú pasa a ser parte del flujo normal (NO flotante) */
  .pc-submenu {
    position: static;
    width: 100%;
    margin-top: 0;
    padding: 10px 20px 0 20px;

    border-radius: 0 0 20px 20px;
    box-shadow: none;

    max-height: 0;
    opacity: 0;
    transform: translateY(-4px);
  }

  /* Cuando está abierto */
  .pc-filter-group.open .pc-submenu {
    max-height: 500px;
    opacity: 1;
    transform: translateY(0);
  }

  /* Sub-botones adaptados */
  .pc-sub-btn {
    padding: 12px 0;
    font-size: 13px;
    border-bottom: 1px solid rgba(0,0,0,0.08);
  }

  .pc-sub-btn:last-child {
    border-bottom: none;
  }
}


/* ===========================================
   RESPONSIVE — TABLET (600px a 900px)
   =========================================== */
@media (min-width: 600px) and (max-width: 900px) {

  .pc-filter-bar {
    flex-wrap: wrap;
    gap: 14px;
  }

  .pc-filter-btn,
  .pc-filter-group {
    flex: 1 1 calc(50% - 14px);
  }

  .pc-filter-btn {
    min-width: unset;
    width: 100%;
    padding: 12px 30px;
  }

  /* Submenú en tablet: no flotante */
  .pc-submenu {
    position: static;
    margin-top: 6px;
    padding: 14px 20px;
    box-shadow: none;
  }

  .pc-filter-group.open .pc-submenu {
    max-height: 400px;
    opacity: 1;
  }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Locator';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://portocorkinternational.com/wp-content/uploads/2025/10/AnyConv.com__Locator-Regular.ttf') format('truetype');
}
/* End Custom Fonts CSS */