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

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

.lm-cmp{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.lm-cmpcol{position:relative;background:#fff;border:1px solid rgba(31,38,20,.1);border-radius:22px;padding:30px 26px;display:flex;flex-direction:column;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.lm-cmpcol:hover{transform:translateY(-6px);box-shadow:0 26px 52px -26px rgba(31,38,20,.3)}
.lm-cmpcol-b{border-color:rgba(152,194,61,.6);box-shadow:0 20px 44px -28px rgba(31,38,20,.3)}
.lm-cmpbadge{position:absolute;top:-11px;left:26px;padding:5px 13px;border-radius:999px;background:#98C23D;color:#22331B;font:700 10.5px 'Inter','Inter Fallback',sans-serif;letter-spacing:.06em;text-transform:uppercase}
.lm-cmphead{text-align:center;padding-bottom:20px;border-bottom:1px solid rgba(31,38,20,.08)}
.lm-cmphead h3{margin-top:14px;font-family:'Bricolage Grotesque','Bricolage Fallback',sans-serif;font-size:24px;font-weight:800;color:#1F2614}
.lm-cmpsci{display:block;margin-top:4px;font-size:12.5px;color:#5C6650}
.lm-cmplist{margin:0;display:flex;flex-direction:column}
.lm-cmplist > div{display:flex;align-items:baseline;justify-content:space-between;gap:14px;padding:13px 0;border-bottom:1px solid rgba(31,38,20,.07)}
.lm-cmplist dt{font:600 11.5px 'Inter','Inter Fallback',sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#5C6650;flex:none}
.lm-cmplist dd{margin:0;font-size:14.5px;font-weight:600;color:#1F2614;text-align:right}
.lm-cmpcta{margin-top:22px;align-self:flex-start;display:inline-flex;align-items:center;gap:9px;padding:14px 24px;border-radius:999px;font-weight:700;font-size:14px}
@media (max-width:760px){.lm-cmp{grid-template-columns:1fr}}
.lm-cals{display:grid;grid-template-columns:repeat(5,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){.lm-cals{grid-template-columns:repeat(3,1fr)}}
@media (max-width:560px){.lm-cals{grid-template-columns:repeat(2,1fr)}}

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

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