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

/* --- congelado page --- */
  .cg-ph{position:relative;border-radius:14px;background:repeating-linear-gradient(45deg,#EDF3EE 0 14px,#E4EDE6 14px 28px);border:1px dashed rgba(31,38,20,.22);display:flex;align-items:center;justify-content:center;overflow:hidden}
.cg-ph span{font-family:ui-monospace,Menlo,monospace;font-size:11.5px;color:#5c6a52;background:rgba(252,251,247,.85);padding:5px 10px;border-radius:6px}
.cg-card{background:#fff;border:1px solid rgba(31,38,20,.08);border-radius:20px;padding:20px 20px 24px;display:flex;flex-direction:column;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.cg-card:hover{transform:translateY(-8px);box-shadow:0 26px 52px -24px rgba(31,38,20,.38);border-color:rgba(152,194,61,.55)}
@keyframes cg-tw{0%,100%{opacity:.15;transform:scale(.8)}50%{opacity:.65;transform:scale(1.15)}}
.cg-spark{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(214,238,240,.9),rgba(214,238,240,0) 70%);animation:cg-tw 4.5s ease-in-out infinite;pointer-events:none}
@media (prefers-reduced-motion:reduce){.cg-spark{animation:none;opacity:.25}}
.cg-proc{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
@media (max-width:900px){.cg-cards{grid-template-columns:repeat(2,1fr) !important}.cg-cards > article{grid-column:auto !important}.cg-proc{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.cg-cards{grid-template-columns:1fr !important}.cg-proc{grid-template-columns:1fr}}
.h-congelados-1:hover{background:#98C23D;border-color:#98C23D;color:#2E3D14;opacity:1}
.h-congelados-2:hover{background:#98C23D;border-color:#98C23D;color:#2E3D14;opacity:1}
.h-congelados-3:hover{background:#98C23D;border-color:#98C23D;color:#2E3D14;opacity:1}
.h-congelados-4:hover{background:#D8421E}
.h-congelados-5:hover{color:#98C23D}
.h-congelados-6:hover{background:#D8421E;box-shadow:0 22px 44px -12px rgba(240,83,45,.95)}
.h-congelados-7:hover{background:rgba(252,251,247,.14)}
.h-congelados-8:hover{background:#D8421E}
.h-congelados-9:hover{background:#D8421E}
.h-congelados-10:hover{background:#D8421E}
.h-congelados-11:hover{background:#D8421E}
.h-congelados-12:hover{background:#D8421E}
.h-congelados-13:hover{background:#D8421E}
.h-congelados-14:hover{background:#D8421E}
.h-congelados-15:hover{background:rgba(152,194,61,.16)}
.h-congelados-16:hover{background:#D8421E;box-shadow:0 22px 44px -12px rgba(240,83,45,.95)}
.h-congelados-17:hover{background:rgba(252,251,247,.14)}
.h-congelados-18:hover{background:#D8421E}
.h-congelados-19:hover{color:#98C23D}
.h-congelados-20:hover{color:#98C23D}
.h-congelados-21:hover{color:#98C23D}
.h-congelados-22:hover{color:#98C23D}
.h-congelados-23:hover{color:#98C23D}
.h-congelados-24:hover{color:#98C23D}
.h-congelados-25:hover{color:#98C23D}
.h-congelados-26:hover{color:#98C23D}
.h-congelados-27:hover{background:#98C23D;border-color:#98C23D;color:#2E3D14}
.h-congelados-28:hover{background:#98C23D;border-color:#98C23D;color:#2E3D14}
.h-congelados-29:hover{background:#98C23D;border-color:#98C23D;color:#2E3D14}
.h-congelados-30:hover{color:#98C23D}
.h-congelados-31:hover{color:#98C23D}
.h-congelados-32:hover{color:#98C23D}
.h-congelados-33:hover{color:#98C23D}
.h-congelados-34:hover{transform:scale(1.06)}

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