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

/* --- limón persa --- */
  

@keyframes fr-fa{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-16px) rotate(1.5deg)}}
.fr-float-a{animation:fr-fa 6.2s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.fr-float-a{animation:none}}
.fr-hchip{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;border:1px solid rgba(238,124,155,.5);background:rgba(238,124,155,.14);font-size:13px;font-weight:600;color:#f7c8d5}
.fr-ico{width:44px;height:44px;border-radius:12px;background:#FBE9EC;display:flex;align-items:center;justify-content:center;color:#B03A52;flex:none}
.fr-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.fr-card{background:#fff;border:1px solid rgba(31,38,20,.08);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.fr-card:hover{transform:translateY(-8px);box-shadow:0 28px 54px -26px rgba(31,38,20,.34)}
.fr-card[data-berry="fresa"]:hover,.fr-card[data-berry="frambuesa"]:hover{border-color:rgba(214,80,120,.6)}
.fr-card[data-berry="arandano"]:hover,.fr-card[data-berry="mora"]:hover{border-color:rgba(96,88,168,.5)}
.fr-card .lp-ph{border-radius:0}
.fr-card .fr-img{aspect-ratio:4/3;background:#fff;overflow:hidden;display:flex;align-items:center;justify-content:center;border-bottom:1px solid rgba(31,38,20,.07)}
.fr-card .fr-img img{width:auto;height:100%;max-width:100%;object-fit:contain;transition:transform .45s cubic-bezier(.22,.61,.36,1)}
.fr-card:hover .fr-img img{transform:scale(1.09) rotate(-2deg)}
.fr-name{font-family:'Bricolage Grotesque','Bricolage Fallback',sans-serif;font-size:24px;font-weight:800;color:#1F2614}
.fr-desc{margin-top:9px;font-size:14.5px;line-height:1.6;color:#3A4429}
.fr-chips{margin-top:14px;display:flex;flex-wrap:wrap;gap:7px}
.fr-chip{display:inline-flex;padding:7px 13px;border-radius:999px;background:#FBE9EC;font-size:12px;font-weight:600;color:#8f2f45}
.fr-card[data-berry="arandano"] .fr-chip,.fr-card[data-berry="mora"] .fr-chip{background:#EFEDF8;color:#4b4491}
.fr-dtile{background:rgba(252,251,247,.05);border:1px solid rgba(252,251,247,.12);border-radius:18px;padding:28px 26px}
.fr-dico{width:44px;height:44px;border-radius:12px;background:rgba(238,124,155,.18);display:flex;align-items:center;justify-content:center;color:#EE7C9B}
.fr-use{background:#fff;border:1px solid rgba(31,38,20,.07);border-radius:18px;padding:22px;display:flex;flex-direction:column;gap:7px;transition:transform .25s ease,box-shadow .25s ease}
.fr-use:hover{transform:translateY(-5px);box-shadow:0 22px 44px -24px rgba(31,38,20,.28)}
.fr-useico{width:40px;height:40px;border-radius:11px;background:#FBE9EC;display:flex;align-items:center;justify-content:center;color:#B03A52}
.fr-use strong{font-family:'Bricolage Grotesque','Bricolage Fallback',sans-serif;font-size:18px;font-weight:700;color:#1F2614}
.fr-uset{font-size:13px;line-height:1.5;color:#3A4429}
@media (max-width:1000px){.fr-cards{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.fr-cards{grid-template-columns:1fr}}

.h-frutos-rojos-1:hover{background:#98C23D;border-color:#98C23D;color:#2E3D14;opacity:1}
.h-frutos-rojos-2:hover{background:#98C23D;border-color:#98C23D;color:#2E3D14;opacity:1}
.h-frutos-rojos-3:hover{background:#98C23D;border-color:#98C23D;color:#2E3D14;opacity:1}
.h-frutos-rojos-4:hover{background:#D8421E}
.h-frutos-rojos-5:hover{color:#98C23D}
.h-frutos-rojos-6:hover{color:#98C23D}
.h-frutos-rojos-7:hover{background:#D8421E;box-shadow:0 22px 44px -12px rgba(240,83,45,.95)}
.h-frutos-rojos-8:hover{background:rgba(252,251,247,.14)}
.h-frutos-rojos-9:hover{color:#f3adc0}
.h-frutos-rojos-10:hover{background:#D8421E}
.h-frutos-rojos-11:hover{background:rgba(252,251,247,.16)}
.h-frutos-rojos-12:hover{background:#3f5318}
.h-frutos-rojos-13:hover{background:rgba(152,194,61,.14);border-color:#5E7D24}
.h-frutos-rojos-14:hover{background:#D8421E;box-shadow:0 22px 44px -12px rgba(240,83,45,.95)}
.h-frutos-rojos-15:hover{background:rgba(252,251,247,.14)}
.h-frutos-rojos-16:hover{background:#D8421E}
.h-frutos-rojos-17:hover{color:#98C23D}
.h-frutos-rojos-18:hover{color:#98C23D}
.h-frutos-rojos-19:hover{color:#98C23D}
.h-frutos-rojos-20:hover{color:#98C23D}
.h-frutos-rojos-21:hover{color:#98C23D}
.h-frutos-rojos-22:hover{color:#98C23D}
.h-frutos-rojos-23:hover{color:#98C23D}
.h-frutos-rojos-24:hover{color:#98C23D}
.h-frutos-rojos-25:hover{background:#98C23D;border-color:#98C23D;color:#2E3D14}
.h-frutos-rojos-26:hover{background:#98C23D;border-color:#98C23D;color:#2E3D14}
.h-frutos-rojos-27:hover{background:#98C23D;border-color:#98C23D;color:#2E3D14}
.h-frutos-rojos-28:hover{color:#98C23D}
.h-frutos-rojos-29:hover{color:#98C23D}
.h-frutos-rojos-30:hover{color:#98C23D}
.h-frutos-rojos-31:hover{color:#98C23D}
.h-frutos-rojos-32:hover{transform:scale(1.06)}

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