/* Producto MPV: keyframes + hovers regenerados */
.sc-placeholder{background:color-mix(in srgb,currentColor 8%,transparent);
      border:1px solid color-mix(in srgb,currentColor 50%,transparent);
      border-radius:2px;box-sizing:border-box;overflow:hidden}
    @keyframes sc-shine{0%{background-position:100% 50%}100%{background-position:0% 50%}}
    html.sc-dc-streaming .sc-placeholder,
    html.sc-dc-streaming .sc-interp.sc-missing{position:relative;
      background:color-mix(in srgb,currentColor 5%,transparent);
      border-color:transparent}
    html.sc-dc-streaming .sc-placeholder::before,
    html.sc-dc-streaming .sc-interp.sc-missing::before{content:'';
      position:absolute;inset:0;pointer-events:none;
      background:linear-gradient(90deg,rgba(217,119,87,0) 25%,rgba(247,225,211,.95) 37%,rgba(217,119,87,0) 63%);
      background-size:400% 100%;animation:sc-shine 1.4s ease infinite}
    html.sc-dc-streaming .sc-placeholder:nth-child(n+9 of .sc-placeholder)::before,
    html.sc-dc-streaming .sc-interp.sc-missing:nth-child(n+9 of .sc-interp.sc-missing)::before{animation:none;
      background:color-mix(in srgb,currentColor 8%,transparent)}
    .sc-placeholder-error{padding:4px 8px;font:11px/1.4 ui-monospace,monospace;
      color:color-mix(in srgb,currentColor 70%,transparent);word-break:break-word}
    .sc-interp.sc-missing{display:inline-block;width:2em;height:1em;overflow:hidden;
      vertical-align:text-bottom;background:rgba(255,255,255,.3);border:1px solid rgba(0,0,0,.5);
      border-radius:2px;box-sizing:border-box;color:transparent;
      user-select:none}
    .sc-interp.sc-unresolved{font-family:ui-monospace,monospace;font-size:.85em;
      color:color-mix(in srgb,currentColor 50%,transparent);
      background:color-mix(in srgb,currentColor 10%,transparent);border-radius:3px;
      padding:0 3px}
    .sc-host.sc-has-error{position:relative}
    .sc-logic-error{position:absolute;top:8px;left:8px;z-index:2147483647;max-width:60ch;
      padding:6px 10px;background:#b00020;color:#fff;font:12px/1.4 ui-monospace,monospace;
      border-radius:4px;white-space:pre-wrap;pointer-events:none}
    /* Mirrors PRINT_BASELINE_CSS in apps/web deck-stage-export.ts — keep both
       in sync until dc-runtime regains a build step. */
    @media print {
      @page { margin: 0.5cm; }
      figure, table { break-inside: avoid; }
      #dc-root, #dc-root > .sc-host { height: auto; }
      *, *::before, *::after {
        print-color-adjust: exact; -webkit-print-color-adjust: exact;
        backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
        animation-delay: -99s !important; animation-duration: .001s !important;
        animation-iteration-count: 1 !important; animation-fill-mode: both !important;
        animation-play-state: running !important; transition-duration: 0s !important;
      }
    }
  

  @keyframes mpvFloat { 0%,100% { transform: translateY(0px); } 50% { transform: translateY(-12px); } }
  @keyframes mpvFloatSm { 0%,100% { transform: translateY(0px) rotate(0deg); } 50% { transform: translateY(-10px) rotate(4deg); } }
[data-hv="p0"]:hover { color: #7c3444 !important; }
[data-hv="p1"]:hover { color: #7c3444 !important; }
[data-hv="p2"]:hover { color: #7c3444 !important; }
[data-hv="p3"]:hover { transform: translateY(-2px) !important; background: #2f4a37 !important; color: #fff !important; }
[data-hv="p4"]:hover { color: #24382b !important; }
[data-hv="p5"]:hover { color: #24382b !important; }
[data-hv="p6"]:hover { transform: translateY(-2px) !important; box-shadow: 0 14px 30px rgba(36,146,63,.38) !important; color: #fff !important; }
[data-hv="p7"]:hover { border-color: #7c3444 !important; }
[data-hv="p9"]:hover { background: #7c3444 !important; color: #fff !important; }
[data-hv="p10"]:hover { transform: translateY(-2px) !important; color: #2a0f16 !important; }
[data-hv="p11"]:hover { color: #f4ead2 !important; }
[data-hv="p12"]:hover { color: #f4ead2 !important; }
[data-hv="p13"]:hover { color: #f4ead2 !important; }
[data-hv="p14"]:hover { color: #f4ead2 !important; }
body.mpv-producto-page { margin: 0; }

/* Ficha móvil: hero (pack) más compacto y cuadrado, menos scroll */
@media (max-width: 700px) {
	#mpv-producto [style*="min-height: 560px"] {
		min-height: 0 !important;
		aspect-ratio: 1 / 1;
		border-radius: 24px !important;
	}
	.mpv-hero-fruit { font-size: 22px !important; }
	.mpv-reviews-woo { max-width: 100%; }
	/* Calificación (Tu puntuación + estrellas): apilada y centrada en móvil.
	   Las estrellas las dibuja WooCommerce; NO tocar p.stars a / span. */
	.mpv-reviews-woo .comment-form-rating {
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		text-align: center;
	}
	.mpv-reviews-woo .comment-form-rating label {
		margin: 0 0 8px !important;
	}
	.mpv-reviews-woo p.stars {
		margin: 0 auto 14px;
	}
	.mpv-reviews-woo #review_form_wrapper { padding: 18px 16px; }
	.mpv-reviews-woo form .form-row,
	.mpv-reviews-woo .comment-form-author,
	.mpv-reviews-woo .comment-form-email {
		width: 100% !important;
		float: none !important;
		margin-right: 0 !important;
	}
}


/* ============================================================
   Reseñas (WooCommerce) con la paleta MPV + interacción frutas
   ============================================================ */
.mpv-stars-big { font-size: 26px; letter-spacing: 5px; color: rgba(36,56,43,0.18); }
.mpv-stars-big .on { color: #e6a817; }
@keyframes mpvRevFruit { 0%,100% { transform: translateY(0) rotate(-4deg); } 50% { transform: translateY(-9px) rotate(4deg); } }
.mpv-rev-fruit { animation: mpvRevFruit 5s ease-in-out infinite; opacity: .9; }

/* Formulario y lista de reseñas de Woo */
.mpv-reviews-woo { max-width: 680px; margin: 0 auto; text-align: left; }
.mpv-reviews-woo .commentlist { list-style: none; margin: 0 0 24px; padding: 0; }
.mpv-reviews-woo .comment_container { background: #fffdf8; border: 1px solid rgba(36,56,43,0.12); border-radius: 16px; padding: 16px 18px; margin-bottom: 12px; overflow: hidden; }
.mpv-reviews-woo .comment-text { margin-left: 0; }
.mpv-reviews-woo .woocommerce-review__author { font-family: Bitter, serif; font-weight: 700; color: #24382b; }
.mpv-reviews-woo .woocommerce-review__dash { color: #6d7a6b; }
.mpv-reviews-woo .star-rating { color: #e6a817; margin-bottom: 6px; }
.mpv-reviews-woo .avatar { border-radius: 50%; }
.mpv-reviews-woo #review_form_wrapper { background: #fffdf8; border: 1px solid rgba(36,56,43,0.12); border-radius: 18px; padding: 22px; }
.mpv-reviews-woo .comment-reply-title { font-family: Bitter, serif; font-weight: 700; font-size: 19px; color: #24382b; display: block; margin-bottom: 6px; }
.mpv-reviews-woo label { font-weight: 700; color: #55614f; font-size: 14px; }
.mpv-reviews-woo input[type="text"],
.mpv-reviews-woo input[type="email"],
.mpv-reviews-woo textarea {
  width: 100%; box-sizing: border-box; background: #faf8f1;
  border: 1px solid #e4ddca; border-radius: 12px; padding: 11px 14px;
  font-family: 'Nunito Sans', sans-serif; font-size: 15px; color: #2b3a30; margin-top: 5px;
}
.mpv-reviews-woo .stars a { color: #e6a817; }
.mpv-reviews-woo #respond .form-submit input,
.mpv-reviews-woo button[type="submit"] {
  background: #24382b !important; color: #f4ead2 !important;
  font-family: 'Nunito Sans', sans-serif; font-weight: 800; font-size: 15px;
  padding: 12px 28px !important; border: none; border-radius: 999px !important;
  cursor: pointer; transition: transform .2s ease, background .2s ease;
}
.mpv-reviews-woo #respond .form-submit input:hover { background: #2f4a37 !important; transform: translateY(-2px); }
.mpv-reviews-woo .stars.selected a.active, .mpv-reviews-woo p.stars:hover a { color: #e6a817; }

/* Interacción: frutas flotantes en el hero de la ficha */
@keyframes mpvFloatFruit { 0%,100% { transform: translateY(0) rotate(-6deg); } 50% { transform: translateY(-14px) rotate(6deg); } }
.mpv-hero-fruit {
  position: absolute; z-index: 3; font-size: 30px; pointer-events: none;
  filter: drop-shadow(0 6px 10px rgba(0,0,0,.18));
  animation: mpvFloatFruit 6s ease-in-out infinite;
}
