/* Mariely Extras — todo en la línea del tema: cero radio, oliva, Archivo */
:root{--mfx-oliva:var(--wp--preset--color--primary-500,#55603F);--mfx-tinta:var(--wp--preset--color--tinta,#1B1D1A);--mfx-gris:var(--wp--preset--color--gris-piedra,#7A7D76);--mfx-borde:var(--wp--preset--color--borde-suave,#DEDED8);--mfx-blanco:var(--wp--preset--color--superficie,#fff)}

/* 1. Precios actualizados */
.mf-actualizado{display:flex;align-items:center;justify-content:center;gap:7px;margin:7px 0 0!important;font-size:11.5px;line-height:1.3;letter-spacing:.01em;color:var(--mfx-gris);text-align:center}
.mf-actualizado__punto{flex:0 0 6px;width:6px;height:6px;border-radius:50%!important;background:var(--mfx-oliva)}
.mf-actualizado--ficha{justify-content:flex-start;font-size:13px;margin:8px 0 12px!important}
.wc-block-product .wp-block-post-title + .mf-actualizado{display:none!important}
@media (max-width:600px){.mf-actualizado{font-size:10.5px;gap:6px}}

/* 2. Animación al agregar al carrito */
.mf-vuela{position:fixed;z-index:99999;pointer-events:none;object-fit:contain;border-radius:0!important;transition:transform .68s cubic-bezier(.4,.1,.3,1),opacity .68s ease-in}
.mf-fruta{position:fixed;z-index:99999;pointer-events:none;font-size:19px;line-height:1;transform:translate(0,0);transition:transform .85s cubic-bezier(.2,.7,.3,1),opacity .85s ease-out}
.mf-late{animation:mfx-late .6s ease-out}
@keyframes mfx-late{0%{transform:scale(1)}30%{transform:scale(1.22)}60%{transform:scale(.94)}100%{transform:scale(1)}}
.mf-btn-ok{position:relative;background:var(--mfx-oliva)!important;color:#fff!important}
.mf-btn-ok::before{content:"✓";margin-right:7px;font-weight:700}
@media (prefers-reduced-motion:reduce){.mf-vuela,.mf-fruta{display:none!important}.mf-late{animation:none}}

/* 3. Abierto / cerrado */
.mf-estado{display:inline-flex;align-items:center;gap:7px;margin-left:6px;font-size:inherit;white-space:nowrap}
.mf-estado__punto{width:7px;height:7px;border-radius:50%!important;background:#9AA38F;flex:0 0 7px}
.mf-estado--si .mf-estado__punto{background:#8FBF6A;box-shadow:0 0 0 3px rgba(143,191,106,.25)}
.mf-estado--no{opacity:.85}
.mf-estado__barra{padding:8px 16px;text-align:center;font-size:13px;background:var(--mfx-blanco);border-bottom:1px solid var(--mfx-borde)}

/* 4. Repetir el último pedido */
.mf-repetir{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin:0 auto;padding:14px 20px;max-width:var(--wp--style--global--wide-size,1200px);background:var(--mfx-blanco);border:1px solid var(--mfx-borde)}
.mf-repetir__txt{font-size:14px;color:var(--mfx-gris)}
.mf-repetir__txt strong{color:var(--mfx-tinta)}
.mf-repetir__acc{display:flex;align-items:center;gap:14px}
.mf-repetir__si{padding:11px 20px!important;font-size:11.5px!important;font-weight:600!important;letter-spacing:.08em!important;text-transform:uppercase;border:0;cursor:pointer}
.mf-repetir__no{background:none;border:0;padding:0;font-size:13px;color:var(--mfx-gris);text-decoration:underline;cursor:pointer}
@media (max-width:600px){.mf-repetir{flex-direction:column;align-items:stretch;text-align:center;margin:0 16px}.mf-repetir__acc{flex-direction:column;gap:10px}.mf-repetir__si{width:100%}}

/* 5. Pedido mínimo y zona de envío */
.mf-envio{margin:0 0 18px;padding:18px 19px;background:var(--mfx-blanco);border:1px solid var(--mfx-borde)}
.mf-envio__barra{height:6px;background:#EFEFEB;overflow:hidden}
.mf-envio__barra span{display:block;height:100%;width:0;background:var(--mfx-oliva);transition:width .5s ease}
.mf-envio__txt{margin:9px 0 0!important;font-size:13px;line-height:1.45;color:var(--mfx-gris);text-align:center}
.mf-envio__txt strong{color:var(--mfx-tinta)}
.mf-envio--listo .mf-envio__barra span{background:#6F8A4F}
.mf-envio__zona{margin-top:16px;padding-top:16px;border-top:1px solid var(--mfx-borde)}
.mf-envio__zona label{display:block;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--mfx-gris);margin-bottom:8px}
.mf-envio__zona select{width:100%;box-sizing:border-box;padding:11px 12px;font-size:14px;font-family:inherit;color:var(--mfx-tinta);background:var(--mfx-blanco);border:1px solid var(--mfx-borde);border-radius:0!important}
.mf-envio__aviso{margin:10px 0 0!important;font-size:12.5px;line-height:1.45}
.mf-envio__aviso--ok{color:var(--mfx-oliva)}
.mf-envio__aviso--consultar{color:#B4522A}

/* 6. Lluvia de frutas de temporada */
.mf-lluvia{position:fixed;left:0;right:0;top:0;z-index:9980;pointer-events:none;overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 45%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 45%,transparent 100%)}
.mf-lluvia__fruta{position:absolute;top:-140px;height:auto;max-width:none;border-radius:0!important;opacity:0;will-change:transform,opacity;animation-name:mf-cae;animation-timing-function:cubic-bezier(.35,.05,.55,1);animation-fill-mode:forwards;filter:drop-shadow(0 6px 8px rgba(27,29,26,.12))}
@keyframes mf-cae{0%{transform:translate3d(0,0,0) rotate(0);opacity:0}10%{opacity:1}70%{opacity:1}100%{transform:translate3d(var(--mf-deriva),var(--mf-cae),0) rotate(var(--mf-gira));opacity:0}}
@media (prefers-reduced-motion:reduce){.mf-lluvia{display:none!important}}
.mf-temporada{margin:18px auto 0!important;text-align:center;font-size:13px;line-height:1.5;color:var(--mfx-gris);opacity:0;transform:translateY(6px);transition:opacity .6s ease .4s,transform .6s ease .4s}
.mf-temporada--on{opacity:1;transform:none}
.mf-temporada__k{display:inline-block;margin-right:6px;padding:3px 8px;background:#EFEFEB;font-size:10.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--mfx-tinta)}

/* 7. Elegir opciones desde la tarjeta */
.mf-var{display:flex;flex-direction:column;gap:8px;margin:10px 0 0!important;width:100%;text-align:left}
.mf-var__campo{display:flex;flex-direction:column;align-items:stretch;gap:5px;margin:0;width:100%}
.mf-var__k{flex:0 0 auto;font-size:10.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--mfx-gris);text-align:center}
.mf-var .mf-var__campo select{display:block;flex:none;width:100%!important;max-width:none!important;min-width:0;box-sizing:border-box;height:40px;margin:0;padding:0 34px!important;font-size:13.5px!important;line-height:38px;font-family:inherit;color:var(--mfx-tinta);text-align:center;text-align-last:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:var(--mfx-blanco) 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='%231B1D1A' stroke-width='2.4'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center;border:1px solid var(--mfx-borde);border-radius:0!important;-webkit-appearance:none;appearance:none;cursor:pointer}
.mf-var select:focus{outline:none;border-color:var(--mfx-tinta)}
.mf-var-card .wc-block-components-product-price, .mf-var-card .price{transition:opacity .2s ease}
.mf-var--sin .wc-block-components-product-button__button, .mf-var--sin a.button{background:#C9CBC4!important;pointer-events:none}
.mf-var--cargando{opacity:.7;pointer-events:none}
@media (max-width:600px){.mf-var__campo{gap:4px}.mf-var__k{font-size:10px}.mf-var .mf-var__campo select{height:38px;line-height:36px;padding:0 20px 0 4px!important;font-size:12px!important;letter-spacing:-.01em;background-position:right 7px center;background-size:10px}}

/* 8. Descripción en la tarjeta */
.mf-desc{margin:2px auto 6px!important;max-width:32ch;font-size:12.5px;line-height:1.45;color:var(--mfx-gris);text-align:center;text-wrap:balance}
@media (max-width:600px){.mf-desc{font-size:11.5px;margin:0 auto 4px!important}}
