/* Mexfrut — estilos propios de exportacion-frutas-finas.html (secciones y estados :hover de esta página). */

/* --- frutas finas hub --- */
  @keyframes ff-float-a{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-16px) rotate(-1deg)}}
@keyframes ff-float-b{0%,100%{transform:translateY(0) rotate(5deg)}50%{transform:translateY(-22px) rotate(2deg)}}
@keyframes ff-float-c{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.ff-float-a{animation:ff-float-a 6.5s ease-in-out infinite}
.ff-float-b{animation:ff-float-b 5.6s ease-in-out infinite .5s}
.ff-float-c{animation:ff-float-c 7.2s ease-in-out infinite 1s}
@media (prefers-reduced-motion:reduce){.ff-float-a,.ff-float-b,.ff-float-c{animation:none}}
.ff-block{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,60px);align-items:center;border-radius:24px;padding:clamp(26px,3.5vw,48px);overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease}
.ff-block:hover{transform:translateY(-6px);box-shadow:0 30px 60px -30px rgba(31,38,20,.3)}
.ff-img{display:flex;align-items:center;justify-content:center;min-height:240px}
.ff-img img{filter:drop-shadow(0 26px 30px rgba(31,38,20,.28));transition:transform .45s cubic-bezier(.22,.61,.36,1)}
.ff-block:hover .ff-img img{transform:scale(1.07) rotate(-2deg)}
.ff-chip{display:inline-flex;align-items:center;gap:7px;padding:8px 15px;border-radius:999px;background:rgba(252,251,247,.75);border:1px solid rgba(31,38,20,.1);font-size:12.5px;font-weight:600;color:#2E3D14}
.ff-cta{display:inline-flex;align-items:center;gap:9px;font-weight:700;font-size:14.5px;color:#D8421E}
.ff-cta .mf-arrow{font-size:16px}
@media (max-width:900px){.ff-block{grid-template-columns:1fr !important}.ff-img{min-height:190px;order:-1}}
.h-frutas-finas-1:hover{background:#98C23D;border-color:#98C23D;color:#2E3D14;opacity:1}
.h-frutas-finas-2:hover{background:#98C23D;border-color:#98C23D;color:#2E3D14;opacity:1}
.h-frutas-finas-3:hover{background:#98C23D;border-color:#98C23D;color:#2E3D14;opacity:1}
.h-frutas-finas-4:hover{background:#D8421E}
.h-frutas-finas-5:hover{color:#98C23D}
.h-frutas-finas-6:hover{background:#D8421E;box-shadow:0 22px 44px -12px rgba(240,83,45,.95)}
.h-frutas-finas-7:hover{background:rgba(252,251,247,.14)}
.h-frutas-finas-8:hover{background:#D8421E}
.h-frutas-finas-9:hover{background:#D8421E}
.h-frutas-finas-10:hover{background:#D8421E}
.h-frutas-finas-11:hover{background:#D8421E}
.h-frutas-finas-12:hover{background:#D8421E}
.h-frutas-finas-13:hover{background:#D8421E}
.h-frutas-finas-14:hover{background:#D8421E}
.h-frutas-finas-15:hover{background:#bcd47a}
.h-frutas-finas-16:hover{background:rgba(252,251,247,.16)}
.h-frutas-finas-17:hover{background:#D8421E;box-shadow:0 22px 44px -12px rgba(240,83,45,.95)}
.h-frutas-finas-18:hover{background:rgba(252,251,247,.14)}
.h-frutas-finas-19:hover{background:#D8421E}
.h-frutas-finas-20:hover{color:#98C23D}
.h-frutas-finas-21:hover{color:#98C23D}
.h-frutas-finas-22:hover{color:#98C23D}
.h-frutas-finas-23:hover{color:#98C23D}
.h-frutas-finas-24:hover{color:#98C23D}
.h-frutas-finas-25:hover{color:#98C23D}
.h-frutas-finas-26:hover{color:#98C23D}
.h-frutas-finas-27:hover{color:#98C23D}
.h-frutas-finas-28:hover{background:#98C23D;border-color:#98C23D;color:#2E3D14}
.h-frutas-finas-29:hover{background:#98C23D;border-color:#98C23D;color:#2E3D14}
.h-frutas-finas-30:hover{background:#98C23D;border-color:#98C23D;color:#2E3D14}
.h-frutas-finas-31:hover{color:#98C23D}
.h-frutas-finas-32:hover{color:#98C23D}
.h-frutas-finas-33:hover{color:#98C23D}
.h-frutas-finas-34:hover{color:#98C23D}
.h-frutas-finas-35:hover{transform:scale(1.06)}

/* Instruccion 18: reglas de componentes compartidos migradas a css/styles.css */