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

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

.lp-cals{display:grid;grid-template-columns:repeat(7,1fr);gap:14px;align-items:end}
.lp-cal{background:#fff;border:1px solid rgba(31,38,20,.08);border-radius:18px;padding:18px 12px 20px;display:flex;flex-direction:column;align-items:center;text-align:center;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.lp-cal:hover{transform:translateY(-8px);box-shadow:0 26px 50px -24px rgba(31,38,20,.32);border-color:rgba(152,194,61,.6)}
.lp-calimg{width:100%;display:flex;align-items:flex-end;justify-content:center}
.lp-calimg img{height:auto;object-fit:contain;transform-origin:50% 100%;transition:transform .35s cubic-bezier(.34,1.4,.5,1)}
.lp-cal:hover .lp-calimg img{transform:scale(1.09) rotate(-3deg)}
.lp-calnum{margin-top:16px;font-family:'Bricolage Grotesque','Bricolage Fallback',sans-serif;font-size:clamp(26px,2.6vw,34px);font-weight:800;color:#1F2614;line-height:1}
.lp-calk{margin-top:4px;font-size:11.5px;font-weight:600;color:#5C6650}
.lp-caldest{margin-top:10px;display:inline-flex;padding:5px 11px;border-radius:999px;font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;background:#F1F5E6;color:#5E7D24}
.lp-cal[data-dest="Industria"] .lp-caldest{background:#FDF3E0;color:#C97A1E}
.lp-cal[data-dest="Mixto"] .lp-caldest{background:#EDEFE3;color:#5c6a52}
@media (max-width:1000px){.lp-cals{grid-template-columns:repeat(4,1fr)}}
@media (max-width:560px){.lp-cals{grid-template-columns:repeat(2,1fr)}}

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

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