.pg-hero,
.pg-hero .banner { min-height: 48svh; }
 
@supports not (height: 1svh) {
  .pg-hero,
  .pg-hero .banner { min-height: 48vh; }
}
 
/* Degradado en lugar de overlay plano: oscurece solo donde va el texto.
   IMPORTANTE: pon el overlay del Banner en transparente desde
   UX Builder o se sumarán los dos. */
.pg-hero .overlay {
  background: linear-gradient(
    to top,
    rgba(1, 59, 35, .78)   0%,
    rgba(1, 59, 35, .35)  45%,
    rgba(1, 59, 35, 0)    75%
  ) !important;
}
 
.pg-hero__title {
  font-family: 'Lato', sans-serif !important;
  font-weight: 700 !important;
  font-size: 32px !important;
  line-height: 1.12 !important;
  letter-spacing: -0.01em !important;
  color: #FFFFFF !important;
  margin: 0 0 10px;
  text-shadow: 0 2px 18px rgba(1, 59, 35, .35);
}
 
.pg-hero__sub {
  font-family: 'Lato', sans-serif !important;
  font-size: 16px !important;
  line-height: 1.45 !important;
  color: #FFFFFF !important;
  margin: 0 auto 18px;
  max-width: 35ch;
  text-shadow: 0 1px 12px rgba(1, 59, 35, .35);
}
 
.pg-hero__meta {
  font-family: 'Lato', sans-serif !important;
  font-size: 13px !important;
  color: #FFFFFF !important;
  opacity: .92;
  margin: 12px 0 0;
}

.pg-quick-section { background: #FAF9F6; }
 
.pg-quick p { margin-bottom: 0; }
 
.pg-quick__item {
  display: flex;
  height: 100%;
  border-radius: 22px;
  background: #FBD9E7;
  color: #0B3524;
  text-decoration: none;
  box-shadow: 0 4px 14px rgba(11,42,28,.06);
  transition: transform .15s ease, box-shadow .15s ease;
}
 
.pg-quick__item:hover,
.pg-quick__item:focus {
  color: #0B3524;
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(11,42,28,.10);
}
 
.pg-quick__item:focus-visible {
  outline: 3px solid #0B3524;
  outline-offset: 3px;
}
 
.pg-quick__label {
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  line-height: 1.2;
}
 
.pg-quick__arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #F7C3DA;
  line-height: 1;
  transition: transform .15s ease;
}
 
.pg-quick__item:hover .pg-quick__arrow { transform: translateX(2px); }
 
 
/* ---------- Tarjeta destacada: canal propio, prioridad 1 del brief -- */
 
.pg-quick__item--primary {
  background: #0C3B26;
  color: #FFFFFF;
}
 
.pg-quick__item--primary:hover,
.pg-quick__item--primary:focus { color: #FFFFFF; }
 
.pg-quick__item--primary .pg-quick__arrow { background: rgba(255,255,255,.14); }
 
.pg-quick__item--primary:focus-visible {
  outline: 3px solid #FF6FB5;
  outline-offset: 3px;
}
 
 
/* ---------- Iconos --------------------------------------------------
   El SVG hace de máscara; el color lo pone currentColor, así el icono
   hereda el color del texto: verde en las rosas, blanco en la verde.
   -------------------------------------------------------------------- */
 
.pg-quick__icon {
  display: block;
  background-color: currentColor;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
}
 
.pg-quick__item--carta .pg-quick__icon {
  -webkit-mask-image: url('https://pinkgreenacai.com/wp-content/uploads/2026/10/bowl-new.svg');
          mask-image: url('https://pinkgreenacai.com/wp-content/uploads/2026/10/bowl-new.svg');
}
 
.pg-quick__item--recoger .pg-quick__icon {
  -webkit-mask-image: url('https://pinkgreenacai.com/wp-content/uploads/2026/09/ico-recoger.svg');
          mask-image: url('https://pinkgreenacai.com/wp-content/uploads/2026/09/ico-recoger.svg');
}
 
.pg-quick__item--domicilio .pg-quick__icon {
  -webkit-mask-image: url('https://pinkgreenacai.com/wp-content/uploads/2026/09/ico-domicilio.svg');
          mask-image: url('https://pinkgreenacai.com/wp-content/uploads/2026/09/ico-domicilio.svg');
}
 
.pg-quick__item--llegar .pg-quick__icon {
  -webkit-mask-image: url('https://pinkgreenacai.com/wp-content/uploads/2026/09/ico-llegar.svg');
          mask-image: url('https://pinkgreenacai.com/wp-content/uploads/2026/09/ico-llegar.svg');
}
 @media (prefers-reduced-motion: reduce) {
  .pg-quick__item,
  .pg-quick__arrow { transition: none; }
  .pg-quick__item:hover { transform: none; }
  .pg-quick__item:hover .pg-quick__arrow { transform: none; }
}

  .pg-quick .col {
    padding-bottom: 18px;
    padding-left: 10px;
    padding-right: 10px;
  }
 
  .pg-quick__item {
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 30px;
    min-height: 105px;
    padding: 24px 30px;
    border-radius: 24px;
    text-align: left;
  }
 
  .pg-quick__icon {
    width: 32px;
    height: 32px;
    flex: 0 0 52px;
  }

  .pg-quick__item--carta .pg-quick__icon  {
    width: 38px;
    height: 38px;
  }
 
  .pg-quick__label {
    flex: 1 1 auto;
    font-size: 20px;
  }
 
  .pg-quick__arrow {
    width: 56px;
    height: 56px;
    flex: 0 0 56px;
    font-size: 22px;
    margin-top: 0;
    align-self: center;
  }

.pg-delivery-section {
  position: relative;
  overflow: hidden;
  background: #FAF9F6;              /* blanco cálido, como el mockup */
}
 
.pg-delivery-section .row,
.pg-delivery-section .col { position: relative; z-index: 1; }
 
.pg-delivery-section p { margin-bottom: 0; }
 
/* Ancla invisible para el enlace #pg-delivery */
.pg-anchor {
  display: block;
  height: 0;
  scroll-margin-top: 20px;
  scroll-margin-bottom: 110px;
}
 
 
/* ---------- Cabecera ----------------------------------------------- */
 
.pg-delivery__eyebrow {
  font-family: 'Lato', sans-serif !important;
  font-weight: 700 !important;
  font-size: 11px !important;
  letter-spacing: .26em;
  text-transform: uppercase;
  color: #4A6B5A !important;
  margin: 0 0 10px !important;
}
 
.pg-delivery__heading {
  font-family: 'Lato', sans-serif !important;
  font-weight: 700 !important;
  font-size: 50px !important;
  line-height: 1.04 !important;
  letter-spacing: -0.02em;
  color: #0B2A1C !important;
  margin: 0 0 14px !important;
}
 
.pg-script {
  display: block;
  font-family: 'Carattere', cursive !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 1.35em !important;
  line-height: .95;
  color: #2F6B4C !important;
  margin-top: 4px;
}
 
.pg-delivery__intro {
  font-family: 'Lato', sans-serif !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
  color: #3B4A42 !important;
  margin: 0 auto !important;
  max-width: 40ch;
}
 
 
/* ---------- Botones de proveedor ----------------------------------- */
 
.pg-delivery__row .col {
  padding-bottom: 12px;
  padding-left: 8px;
  padding-right: 8px;
}
 
.pg-delivery__btn {
  display: flex;
  align-items: center;
  gap: 14px;
  width: 100%;
  min-height: 62px;
  padding: 10px 18px;
  border-radius: 999px;
  text-decoration: none;
  transition: transform .15s ease;
}
 
.pg-delivery__btn:hover,
.pg-delivery__btn:focus { transform: translateY(-2px); }
 
.pg-delivery__logo {
  height: 26px;
  width: auto;
  max-width: 104px;
  object-fit: contain;
  display: block;
  flex: 0 0 auto;
}
 
/* Separador vertical entre logo y texto */
.pg-delivery__sep {
  width: 1px;
  height: 26px;
  flex: 0 0 1px;
  background: currentColor;
  opacity: .3;
}
 
.pg-delivery__label {
  flex: 1 1 auto;
  text-align: left;
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  font-size: 15px;
  line-height: 1.2;
}
 
.pg-delivery__arrow {
  flex: 0 0 auto;
  font-size: 19px;
  line-height: 1;
  transition: transform .15s ease;
}
 
.pg-delivery__btn:hover .pg-delivery__arrow { transform: translateX(3px); }
 
 
/* ---------- Glovo --------------------------------------------------- */
 
.pg-delivery__btn--glovo {
  background: #ffd569;
  color: #0B2A1C;
}
 
.pg-delivery__btn--glovo:hover,
.pg-delivery__btn--glovo:focus { color: #0B2A1C; }
 
.pg-delivery__btn--glovo:focus-visible {
  outline: 3px solid #0B2A1C;
  outline-offset: 3px;
}
 
 
/* ---------- Uber Eats ----------------------------------------------- */
/* Necesita el logo en versión blanca: ver notas del shortcode */
 
.pg-delivery__btn--uber {
  background: #01321e;
  color: #FFFFFF;
}
 
.pg-delivery__btn--uber:hover,
.pg-delivery__btn--uber:focus { color: #FFFFFF; }
 
.pg-delivery__btn--uber:focus-visible {
  outline: 3px solid #FF6FB5;
  outline-offset: 3px;
}
 
 
/* ---------- Firma (genérica, reutilizable) -------------------------- */
 
.pg-signature {
  position: relative;
  display: inline-block;
  font-family: 'Carattere', cursive !important;
  font-size: 28px !important;
  line-height: 1.05 !important;
  color: #2F6B4C !important;
  margin: 0 !important;
  padding-bottom: 10px;
}
 
.pg-signature::after {
  content: '';
  position: absolute;
  left: 20%;
  right: 4%;
  bottom: 0;
  height: 5px;
  border-radius: 5px;
  background: #FF4FA3;
  transform: rotate(-2deg);
}
@media (prefers-reduced-motion: reduce) {
  .pg-delivery__btn,
  .pg-delivery__arrow { transition: none; }
  .pg-delivery__btn:hover { transform: none; }
  .pg-delivery__btn:hover .pg-delivery__arrow { transform: none; }
}

.pg-fav-section { background: #FAF9F6; }
 
.pg-fav p { margin-bottom: 0; }
 
 
/* ---------- Cabecera: mismo patrón que las demás secciones ---------- */
 
.pg-fav__eyebrow {
  font-family: 'Lato', sans-serif !important;
  font-weight: 700 !important;
  font-size: 11px !important;
  letter-spacing: .26em;
  text-transform: uppercase;
  color: #4A6B5A !important;
  margin: 0 0 10px !important;
}
 
.pg-fav__heading {
  font-family: 'Lato', sans-serif !important;
  font-weight: 700 !important;
  font-size: 34px !important;
  line-height: 1.05 !important;
  letter-spacing: -0.02em;
  color: #0B2A1C !important;
  margin: 0 0 12px !important;
}
 
.pg-fav__intro {
  font-family: 'Lato', sans-serif !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
  color: #3B4A42 !important;
  margin: 0 auto !important;
  max-width: 42ch;
}
 
 
/* ---------- La tarjeta ---------------------------------------------- */
 
.pg-bowl {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 12px 12px 16px;
  border-radius: 18px;
  background: #FBD9E7;
  text-decoration: none;
  transition: transform .15s ease, box-shadow .15s ease;
  min-height: 410px;
}
 
.pg-bowl:hover,
.pg-bowl:focus {
  transform: translateY(-3px);
  box-shadow: 0 10px 24px rgba(11,42,28,.10);
}
 
.pg-bowl:focus-visible {
  outline: 3px solid #0B3524;
  outline-offset: 3px;
}
 
.pg-bowl__img {
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border-radius: 12px;
  margin-bottom: 14px;
  display: block;
}
 
.pg-bowl__name {
  display: block;
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  line-height: 1.2;
  color: #0B2A1C;
  margin-bottom: 6px;
}
 
.pg-bowl__price {
  display: block;
  font-family: 'Lato', sans-serif;
  color: #3B4A42;
  opacity: .85;
}
 
.pg-bowl__arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #F7C3DA;
  color: #0B2A1C;
  line-height: 1;
  margin-top: auto;              /* pegada abajo en todas las tarjetas */
  align-self: flex-end;          /* y a la derecha, como el mockup */
  transition: transform .15s ease;
}
 
.pg-bowl:hover .pg-bowl__arrow { transform: translateX(2px); }
 
 
/* ---------- Cuarta casilla: crear bowl ------------------------------ */
 
.pg-bowl--custom {
  align-items: center;
  justify-content: center;
  text-align: center;
  background: #F5F4EF;
  border: 2px dashed rgba(11,42,28,.22);
}
 
.pg-bowl--custom:hover,
.pg-bowl--custom:focus { box-shadow: none; }
 
.pg-bowl__plus {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #DCE7DE;
  color: #0B2A1C;
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  line-height: 1;
}
 
.pg-bowl--custom .pg-bowl__name { margin-top: 18px; }
 
.pg-bowl__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border-radius: 999px;
  background: #5C8A6E;
  color: #FFFFFF;
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  transition: transform .15s ease;
}
 
.pg-bowl:hover .pg-bowl__btn { transform: translateY(-1px); }

.pg-fav .col {
    padding-bottom: 18px;
    padding-left: 10px;
    padding-right: 10px;
  }
 
  .pg-fav__heading { font-size: 50px !important; }
  .pg-fav__intro   { font-size: 16px !important; }
 
  .pg-bowl        { padding: 14px 14px 18px; border-radius: 20px; }
  .pg-bowl__name  { font-size: 22px; }
  .pg-bowl__price { font-size: 14.5px; }
 
  .pg-bowl__arrow {
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    font-size: 19px;
    margin-top: 16px;
  }
 
  .pg-bowl__plus {
    width: 92px;
    height: 92px;
    font-size: 46px;
  }
 
  .pg-bowl__btn {
    margin-top: 22px;
    min-height: 48px;
    padding: 0 24px;
    font-size: 12px;
  }
}
 
 
/* =====================================================================
   4. MOVIMIENTO REDUCIDO
   ===================================================================== */
 
@media (prefers-reduced-motion: reduce) {
  .pg-bowl,
  .pg-bowl__arrow,
  .pg-bowl__btn { transition: none; }
  .pg-bowl:hover { transform: none; }
  .pg-bowl:hover .pg-bowl__arrow,
  .pg-bowl:hover .pg-bowl__btn { transform: none; }
}

.pg-dif-section {
  position: relative;
  overflow: hidden;
  background: #FAF9F6;            /* blanco cálido, no blanco puro */
}
 
.pg-dif-section .row,
.pg-dif-section .col { position: relative; z-index: 1; }
 
 
/* ---------- Cabecera ----------------------------------------------- */
 
.pg-dif__eyebrow {
  font-family: 'Lato', sans-serif !important;
  font-weight: 700 !important;
  font-size: 11px !important;
  letter-spacing: .26em;
  text-transform: uppercase;
  color: #4A6B5A !important;
  margin: 0 0 8px !important;
}
 
.pg-dif__heading {
  font-family: 'Lato', sans-serif !important;
  font-weight: 700 !important;
  font-size: 34px !important;
  line-height: 1.02 !important;
  letter-spacing: -0.02em;
  color: #0B2A1C !important;
  margin: 0 0 14px !important;
}
 
.pg-script {
  display: block;
  font-family: 'Carattere', cursive !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 1.5em !important;
  line-height: .9;
  color: #3E6B52 !important;
  margin-top: 2px;
}
 
.pg-dif__intro {
  font-family: 'Lato', sans-serif !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
  color: #3B4A42 !important;
  margin: 0 auto !important;
  max-width: 46ch;
}
 
 
/* ---------- Las tarjetas ------------------------------------------- */
 
.pg-dif .col { padding-bottom: 16px; padding-left: 8px; padding-right: 8px; }
 
.pg-dif p { margin-bottom: 0; }
 
.pg-dif__card {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 16px;
  height: 100%;
  padding: 24px 22px 42px;       /* el 42 deja sitio a la numeración */
  border-radius: 18px;
  background: #0E3A26;
}
 
.pg-dif__body { flex: 1 1 auto; }
 
.pg-dif__title {
  font-family: 'Lato', sans-serif !important;
  font-weight: 700 !important;
  font-size: 19px !important;
  line-height: 1.2 !important;
  color: #FFFFFF !important;
  margin: 2px 0 0 !important;
}
 
.pg-dif__text {
  font-family: 'Lato', sans-serif !important;
  font-size: 14.5px !important;
  line-height: 1.5 !important;
  color: rgba(255,255,255,.76) !important;
  margin: 8px 0 0 !important;
}
 
 
/* ---------- Numeración con filete ---------------------------------- */
 
.pg-dif__index {
  position: absolute;
  left: 22px;
  bottom: 20px;
  display: flex;
  align-items: center;
  gap: 12px;
  font-family: 'Lato', sans-serif;
  font-size: 12px;
  letter-spacing: .08em;
  color: rgba(255,255,255,.55);
}
 
.pg-dif__index::after {
  content: '';
  width: 200px;
  height: 1px;
  background: rgba(255,255,255,.28);
}
 
 
/* ---------- Iconos -------------------------------------------------- */
 
.pg-dif__icon {
  flex: 0 0 62px;
  width: 62px;
  height: 62px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(255,255,255,.07);
}
 
.pg-dif__icon svg {
  width: 30px;
  height: 30px;
  fill: none;
  stroke: #FF9DD4;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
}
 
 
/* ---------- Anillo del 70 % ---------------------------------------- */
 
.pg-dif__ring {
  position: relative;
  flex: 0 0 84px;
  width: 84px;
  height: 84px;
}
 
.pg-dif__ring svg {
  width: 100%;
  height: 100%;
  transform: rotate(-90deg);      /* el trazo arranca arriba */
}
 
.pg-ring__track {
  fill: none;
  stroke: rgba(255,255,255,.16);
  stroke-width: 10;
}
 
.pg-ring__value {
  fill: none;
  stroke: #FF9DD4;
  stroke-width: 10;
  stroke-linecap: round;
  /* Circunferencia = 2 × π × 54 = 339.29 · el 70 % son 237.5 */
  stroke-dasharray: 237.5 339.29;
}
 
.pg-dif__ringnum {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  font-size: 24px;
  letter-spacing: -0.03em;
  color: #FFFFFF;
}
 
.pg-dif__ringnum em {
  font-style: normal;
  font-size: .52em;
  margin-left: 1px;
}
 
 
/* ---------- Firma 'Good Açaí Good Mood' ---------------------------- */
 
.pg-dif__signature {
  position: relative;
  display: inline-block;
  font-family: 'Carattere', cursive !important;
  font-size: 30px !important;
  line-height: 1.05 !important;
  color: #3E6B52 !important;
  margin: 0 !important;
  padding-bottom: 10px;
}
 
/* Trazo rosa bajo la segunda línea */
.pg-dif__signature::after {
  content: '';
  position: absolute;
  left: 18%;
  right: 4%;
  bottom: 0;
  height: 6px;
  border-radius: 6px;
  background: #FF4FA3;
  transform: rotate(-2deg);
}

.pg-social-section {
  position: relative;
  overflow: hidden;
  background: #FAF9F6;              /* blanco cálido, como el mockup */
}
 
/* Onda inferior */
.pg-social-section::after {
  content: '';
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 110px;
  pointer-events: none;
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: 100% 100%;
  background-image: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 1200 120%22 preserveAspectRatio=%22none%22%3E%3Cpath d=%22M0,46 C210,108 400,4 640,44 C850,78 1010,22 1200,54 L1200,120 L0,120 Z%22 fill=%22%23F1EFE9%22/%3E%3C/svg%3E');
}
 
.pg-social-section .row,
.pg-social-section .col { position: relative; z-index: 1; }
 
 
/* ---------- Cabecera ----------------------------------------------- */
 
.pg-social__eyebrow {
  font-family: 'Lato', sans-serif !important;
  font-weight: 700 !important;
  font-size: 11px !important;
  letter-spacing: .26em;
  text-transform: uppercase;
  color: #4A6B5A !important;
  margin: 0 0 8px !important;
}
 
.pg-social__heading {
  font-family: 'Lato', sans-serif !important;
  font-weight: 700 !important;
  font-size: 54px !important;
  line-height: 1.02 !important;
  letter-spacing: -0.02em;
  color: #0B2A1C !important;
  margin: 0 0 14px !important;
}
 
.pg-script {
  display: block;
  font-family: 'Carattere', cursive !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 1.5em !important;
  line-height: .9;
  color: #3E6B52 !important;
  margin-top: 2px;
}
 
.pg-social__intro {
  font-family: 'Lato', sans-serif !important;
  font-size: 16px !important;
  line-height: 1.55 !important;
  color: #3B4A42 !important;
  margin: 0 auto 22px !important;
  max-width: 42ch;
}
 
 
/* ---------- Valoración --------------------------------------------- */
 
.pg-rating {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
}
 
.pg-rating__score {
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  font-size: 52px;
  line-height: 1;
  color: #0B2A1C;
}
 
/* Capa de abajo: las cinco estrellas apagadas */
.pg-rating__stars {
  position: relative;
  display: inline-block;
  font-size: 30px;
  letter-spacing: 4px;
  line-height: 1;
  color: rgba(11,42,28,.20);
  white-space: nowrap;
}
 
.pg-rating__stars::before { content: '★★★★★'; }
 
/* Capa de arriba: recortada al 92 % (4,6 ÷ 5 = 0,92) */
.pg-rating__stars-fill {
  position: absolute;
  left: 0; top: 0;
  width: 92%;
  overflow: hidden;
  white-space: nowrap;
  color: #FF6FB5;
}
 
.pg-rating__count {
  font-family: 'Lato', sans-serif;
  font-size: 13px;
  color: #3B4A42;
  opacity: .8;
}
 
 
/* ---------- Tarjetas de reseña ------------------------------------- */
 
.pg-reviews .col {
  padding-bottom: 14px;
  padding-left: 8px;
  padding-right: 8px;
}
 
.pg-reviews p { margin-bottom: 0; }
 
.pg-review {
  display: flex;
  flex-direction: column;
  height: 100%;
  margin: 0;
  padding: 24px 26px 26px;
  border-radius: 16px;
  background: #FCE4F1;
  border: none;
}
 
/* La comilla: texto normal, se estiliza como cualquier otra cosa.
   El line-height bajo evita que deje un hueco enorme debajo. */
.pg-review__quote {
  display: block;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 62px;
  line-height: .82;
  height: 34px;                   /* recorta el espacio sobrante */
  color: #FF6FB5;
  margin-bottom: 6px;
}
 
.pg-review__text {
  font-family: 'Lato', sans-serif !important;
  font-style: italic;
  font-size: 15px !important;
  line-height: 1.55 !important;
  color: #2B3A32 !important;
  margin: 0 0 16px !important;
  flex-grow: 1;
}
 
/* Sirve tanto si el <cite> va suelto como envuelto en <p> por WordPress */
.pg-review__author {
  display: block;
  padding-top: 12px;
  border-top: 1px solid rgba(11,42,28,.14);
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  font-size: 13.5px;
  font-style: normal;
  color: #0B2A1C;
}
 
 
/* ---------- CTA ----------------------------------------------------- */
 
.pg-social__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 52px;
  padding: 0 30px;
  border-radius: 999px;
  background: #0E3A26;
  color: #FFFFFF;
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  font-size: 15px;
  text-decoration: none;
  transition: transform .15s ease;
}
 
.pg-social__cta:hover,
.pg-social__cta:focus { color: #FFFFFF; transform: translateY(-1px); }
.pg-social__cta:focus-visible { outline: 3px solid #FF6FB5; outline-offset: 3px; }
 
.pg-social__arrow {
  font-size: 19px;
  line-height: 1;
  transition: transform .15s ease;
}
 
.pg-social__cta:hover .pg-social__arrow { transform: translateX(3px); }
 
 
/* ---------- Firma --------------------------------------------------- */
 
.pg-social__signature {
  position: relative;
  display: inline-block;
  font-family: 'Carattere', cursive !important;
  font-size: 38px !important;
  line-height: 1.05 !important;
  color: #3E6B52 !important;
  margin: 26px 0 0 !important;
  padding-bottom: 10px;
}
 
.pg-social__signature::after {
  content: '';
  position: absolute;
  left: 20%;
  right: 4%;
  bottom: 0;
  height: 5px;
  border-radius: 5px;
  background: #FF4FA3;
  transform: rotate(-2deg);
}
@media (prefers-reduced-motion: reduce) {
  .pg-social__cta,
  .pg-social__arrow { transition: none; }
  .pg-social__cta:hover { transform: none; }
  .pg-social__cta:hover .pg-social__arrow { transform: none; }
}

.pg-local-section { background: #f1efe9; }
 
.pg-local-section p { margin-bottom: 0; }
 
 
/* ---------- Cabecera ------------------------------------------------ */
 
.pg-local__rule {
  display: block;
  width: 56px;
  height: 3px;
  border-radius: 3px;
  background: #FF4FA3;
  margin: 0 auto 16px;
}
 
.pg-local__eyebrow {
  font-family: 'Lato', sans-serif !important;
  font-weight: 700 !important;
  font-size: 11px !important;
  letter-spacing: .28em;
  text-transform: uppercase;
  color: #4A6B5A !important;
  margin: 0 0 6px !important;
}
 
.pg-local__heading {
  font-family: 'Lato', sans-serif !important;
  font-weight: 700 !important;
  line-height: 1.02 !important;
  letter-spacing: -0.02em;
  color: #0B2A1C !important;
  margin: 0 0 12px !important;
}
 
.pg-script {
  display: block;
  font-family: 'Carattere', cursive !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 1.5em !important;
  line-height: .92;
  letter-spacing: 0;
  color: #3E6B52 !important;
  margin-top: 2px;
}
 
.pg-local__tagline {
  font-family: 'Lato', sans-serif !important;
  font-weight: 400 !important;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: #4A6B5A !important;
  margin: 0 auto !important;
  max-width: 46ch;
}
 
 
/* ---------- Mapa ----------------------------------------------------- */
 
.pg-local__maplink {
  display: block;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 6px 20px rgba(11,42,28,.08);
}
 
.pg-local__maplink:focus-visible {
  outline: 3px solid #FF4FA3;
  outline-offset: 3px;
}
 
.pg-local__map {
  width: 100%;
  aspect-ratio: 8 / 5;
  object-fit: cover;
  display: block;
}
 
 
/* ---------- Filas de datos ------------------------------------------ */
 
.pg-local__row {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 18px 0;
  border-bottom: 1px solid rgba(11,42,28,.12);
}
 
.pg-local__row:first-child { padding-top: 0; }
 
.pg-local__rowtext {
  font-family: 'Lato', sans-serif;
  line-height: 1.35;
  color: #0B2A1C;
}
 
 
/* ---------- Iconos: el SVG hace de máscara -------------------------- */
 
.pg-local__ico {
  display: flex;
  flex: 0 0 auto;
  border-radius: 50%;
  background-color: #FCE4F1;          /* el círculo */
  position: relative;
}
 
/* El dibujo va en el pseudoelemento para poder teñirlo aparte */
.pg-local__ico::before {
  content: '';
  position: absolute;
  inset: 0;
  margin: auto;
  background-color: #FF4FA3;          /* el trazo */
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
}
 
.pg-local__ico--pin::before {
  -webkit-mask-image: url('https://pinkgreenacai.com/wp-content/uploads/2026/09/ico-llegar.svg');
          mask-image: url('https://pinkgreenacai.com/wp-content/uploads/2026/09/ico-llegar.svg');
}
 
.pg-local__ico--hora::before {
  -webkit-mask-image: url('https://pinkgreenacai.com/wp-content/uploads/2026/09/ico-hora.svg');
          mask-image: url('https://pinkgreenacai.com/wp-content/uploads/2026/09/ico-hora.svg');
}
 
 
/* ---------- Servicios ------------------------------------------------ */
 
.pg-local__services {
  list-style: none;
  margin: 22px 0 0;
  padding: 0;
}
 
.pg-local__services li {
  position: relative;
  font-family: 'Lato', sans-serif;
  color: #0B2A1C;
  padding: 5px 0 5px 22px;
	    margin-bottom: 0;
}
 
/* Punto propio: el bullet de Flatsome descuadra */
.pg-local__services li::before {
  content: '';
  position: absolute;
  left: 2px;
  top: 13px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #FF4FA3;
}
 
 
/* ---------- Botón ---------------------------------------------------- */
 
.pg-local__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  width: 100%;
  border-radius: 999px;
  background: #0C3B26;
  color: #FFFFFF;
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  text-decoration: none;
  transition: transform .15s ease;
}
 
.pg-local__btn:hover,
.pg-local__btn:focus { color: #FFFFFF; transform: translateY(-1px); }
 
.pg-local__btn:focus-visible {
  outline: 3px solid #FF4FA3;
  outline-offset: 3px;
}

  .pg-local__heading { font-size: 52px !important; }
  .pg-local__tagline { font-size: 13px !important; }
 
  .pg-local__row      { padding: 22px 0; gap: 20px; }
  .pg-local__rowtext  { font-size: 19px; }
 
  .pg-local__ico         { width: 52px; height: 52px; }
  .pg-local__ico::before { width: 26px; height: 26px; }
 
  .pg-local__services    { margin-top: 26px; }
  .pg-local__services li { font-size: 17px; padding-left: 26px; }
  .pg-local__services li::before { top: 15px; }
 
  .pg-local__btn {
    margin-top: 30px;
    min-height: 62px;
    font-size: 18px;
  }
@media (prefers-reduced-motion: reduce) {
  .pg-local__btn { transition: none; }
  .pg-local__btn:hover,
  .pg-local__btn:focus { transform: none; }
}

@media (max-width: 850px) {
.pg-quick .col {
    padding-bottom: 14px;
    padding-left: 7px;
    padding-right: 7px;
  }
 
  .pg-quick__item {
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    min-height: 176px;
    padding: 24px 18px 18px;
    text-align: center;
  }
 
  .pg-quick__icon {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
  }
 
  .pg-quick__label { font-size: 15.5px; }
 
  .pg-quick__arrow {
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    font-size: 17px;
    margin-top: auto;             /* pegada abajo en las cuatro */
    align-self: flex-end;         /* y a la derecha */
  }

.pg-delivery-section {
  position: relative;
  overflow: hidden;
  background: #FAF9F6;              /* blanco cálido, como el mockup */
}
 
.pg-delivery-section .row,
.pg-delivery-section .col { position: relative; z-index: 1; }
 
.pg-delivery-section p { margin-bottom: 0; }
 
/* Ancla invisible para el enlace #pg-delivery */
.pg-anchor {
  display: block;
  height: 0;
  scroll-margin-top: 20px;
  scroll-margin-bottom: 110px;
}
 
 
/* ---------- Cabecera ----------------------------------------------- */
 
.pg-delivery__eyebrow {
  font-family: 'Lato', sans-serif !important;
  font-weight: 700 !important;
  font-size: 11px !important;
  letter-spacing: .26em;
  text-transform: uppercase;
  color: #4A6B5A !important;
  margin: 0 0 10px !important;
}
 
.pg-delivery__heading {
  font-family: 'Lato', sans-serif !important;
  font-weight: 700 !important;
  font-size: 34px !important;
  line-height: 1.04 !important;
  letter-spacing: -0.02em;
  color: #0B2A1C !important;
  margin: 0 0 14px !important;
}
 
.pg-script {
  display: block;
  font-family: 'Carattere', cursive !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 1.35em !important;
  line-height: .95;
  color: #2F6B4C !important;
  margin-top: 4px;
}
 
.pg-delivery__intro {
  font-family: 'Lato', sans-serif !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
  color: #3B4A42 !important;
  margin: 0 auto !important;
  max-width: 40ch;
}
 
 
/* ---------- Botones de proveedor ----------------------------------- */
 
.pg-delivery__row .col {
  padding-bottom: 12px;
  padding-left: 8px;
  padding-right: 8px;
}
 
.pg-delivery__btn {
  display: flex;
  align-items: center;
  gap: 14px;
  width: 100%;
  min-height: 62px;
  padding: 10px 18px;
  border-radius: 999px;
  text-decoration: none;
  transition: transform .15s ease;
}
 
.pg-delivery__btn:hover,
.pg-delivery__btn:focus { transform: translateY(-2px); }
 
.pg-delivery__logo {
  height: 26px;
  width: auto;
  max-width: 104px;
  object-fit: contain;
  display: block;
  flex: 0 0 auto;
}
 
/* Separador vertical entre logo y texto */
.pg-delivery__sep {
  width: 1px;
  height: 26px;
  flex: 0 0 1px;
  background: currentColor;
  opacity: .3;
}
 
.pg-delivery__label {
  flex: 1 1 auto;
  text-align: left;
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  font-size: 15px;
  line-height: 1.2;
}
 
.pg-delivery__arrow {
  flex: 0 0 auto;
  font-size: 19px;
  line-height: 1;
  transition: transform .15s ease;
}
 
.pg-delivery__btn:hover .pg-delivery__arrow { transform: translateX(3px); }
 
 
/* ---------- Glovo --------------------------------------------------- */
 
.pg-delivery__btn--glovo {
  background: #ffd569;
  color: #0B2A1C;
}
 
.pg-delivery__btn--glovo:hover,
.pg-delivery__btn--glovo:focus { color: #0B2A1C; }
 
.pg-delivery__btn--glovo:focus-visible {
  outline: 3px solid #0B2A1C;
  outline-offset: 3px;
}
 
 
/* ---------- Uber Eats ----------------------------------------------- */
/* Necesita el logo en versión blanca: ver notas del shortcode */
 
.pg-delivery__btn--uber {
  background: #01321e;
  color: #FFFFFF;
}
 
.pg-delivery__btn--uber:hover,
.pg-delivery__btn--uber:focus { color: #FFFFFF; }
 
.pg-delivery__btn--uber:focus-visible {
  outline: 3px solid #FF6FB5;
  outline-offset: 3px;
}
 
 
/* ---------- Firma (genérica, reutilizable) -------------------------- */
 
.pg-signature {
  position: relative;
  display: inline-block;
  font-family: 'Carattere', cursive !important;
  font-size: 28px !important;
  line-height: 1.05 !important;
  color: #2F6B4C !important;
  margin: 0 !important;
  padding-bottom: 10px;
}
 
.pg-signature::after {
  content: '';
  position: absolute;
  left: 20%;
  right: 4%;
  bottom: 0;
  height: 5px;
  border-radius: 5px;
  background: #FF4FA3;
  transform: rotate(-2deg);
}
@media (prefers-reduced-motion: reduce) {
  .pg-delivery__btn,
  .pg-delivery__arrow { transition: none; }
  .pg-delivery__btn:hover { transform: none; }
  .pg-delivery__btn:hover .pg-delivery__arrow { transform: none; }
}

.pg-fav .col {
    padding-bottom: 14px;
    padding-left: 7px;
    padding-right: 7px;
  }
 
  .pg-fav__heading { font-size: 34px !important; }
  .pg-fav__intro   { font-size: 14.5px !important; }
 
  .pg-bowl__name  { font-size: 15px; }
  .pg-bowl__price { font-size: 13px; }
 
  .pg-bowl__arrow {
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    font-size: 15px;
    margin-top: 12px;
  }
 
  .pg-bowl__plus {
    width: 56px;
    height: 56px;
    font-size: 30px;
  }
 
  .pg-bowl__btn {
    margin-top: 16px;
    min-height: 40px;
    padding: 0 16px;
    font-size: 11px;
  }

.pg-bowl {
  min-height: 315px;
}

.pg-social__heading   { font-size: 34px !important; }
  .pg-social__intro     { font-size: 15px !important; }
  .pg-rating__score     { font-size: 42px; }
  .pg-rating__stars     { font-size: 26px; }
  .pg-review            { padding: 20px 22px 22px; }
  .pg-review__text      { font-size: 14.5px !important; }
  .pg-review__quote     { font-size: 54px; height: 30px; }
  .pg-social__signature { font-size: 28px !important; }

.pg-local__heading { font-size: 32px !important; }
  .pg-local__tagline { font-size: 11px !important; line-height: 1.7 !important; }
 
  .pg-local__maplink { margin-bottom: 22px; }
 
  .pg-local__row      { padding: 15px 0; gap: 14px; }
  .pg-local__rowtext  { font-size: 14.5px; }
 
  .pg-local__ico         { width: 40px; height: 40px; }
  .pg-local__ico::before { width: 20px; height: 20px; }
 
  .pg-local__services li { font-size: 14.5px; }
 
  .pg-local__btn {
    margin-top: 24px;
    min-height: 54px;
    font-size: 16px;
  }
}

@media (max-width: 550px) {
.pg-quick__item {
    min-height: 158px;
    padding: 20px 14px 16px;
    gap: 10px;
  }
 
  .pg-quick__icon  { width: 36px; height: 36px; flex: 0 0 36px; }
  .pg-quick__label { font-size: 14px; }
 
  .pg-quick__arrow {
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    font-size: 15px;
  }

.pg-delivery__intro   { font-size: 16px !important; max-width: 46ch; }
  .pg-delivery__btn     { min-height: 72px; padding: 12px 20px; gap: 8px; }
  .pg-delivery__logo    { height: 32px; max-width: 90px; }
  .pg-delivery__sep     { height: 32px; }
  .pg-delivery__label   { font-size: 16px; }
  .pg-signature         { font-size: 38px !important; }
}