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

/* --- contacto --- */
  .ct-input{width:100%;box-sizing:border-box;background:#fff;border:1px solid rgba(31,38,20,.18);border-radius:10px;padding:13px 15px;color:#1F2614;font:15px/1.4 'Inter','Inter Fallback',system-ui,sans-serif;transition:border-color .2s ease,box-shadow .2s ease}
.ct-input::placeholder{color:#9AA38C}
.ct-input:focus{outline:none;border-color:#5E7D24;box-shadow:0 0 0 3px rgba(152,194,61,.25)}
/* Instruccion 27: campo de volumen numerico — sin flechas nativas (el sufijo "toneladas" ocupa la derecha) */
.ct-input[type=number]{-moz-appearance:textfield;appearance:textfield}
.ct-input[type=number]::-webkit-outer-spin-button,.ct-input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.ct-label{display:block;font-size:12.5px;font-weight:700;color:#3A4429;margin-bottom:6px;letter-spacing:.02em}
.ct-card{background:#fff;border:1px solid rgba(31,38,20,.08);border-radius:16px;padding:20px 22px;display:flex;align-items:flex-start;gap:14px;transition:transform .25s ease,box-shadow .25s ease}
.ct-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px -22px rgba(31,38,20,.3)}

details.mf-faq > summary .mf-faq-x{transition:transform .3s ease}
details.mf-faq[open] > summary .mf-faq-x{transform:rotate(45deg)}
@media (max-width:900px){.ct-main{grid-template-columns:1fr !important}}
.h-contacto-1:hover{background:#98C23D;border-color:#98C23D;color:#2E3D14;opacity:1}
.h-contacto-2:hover{background:#98C23D;border-color:#98C23D;color:#2E3D14;opacity:1}
.h-contacto-3:hover{background:#98C23D;border-color:#98C23D;color:#2E3D14;opacity:1}
.h-contacto-4:hover{background:#D8421E}
.h-contacto-5:hover{color:#98C23D}
.h-contacto-6:hover{background:#D8421E}
.h-contacto-7:hover{background:#1fb857}
.h-contacto-8:hover{background:#D8421E}
.h-contacto-9:hover{color:#98C23D}
.h-contacto-10:hover{color:#98C23D}
.h-contacto-11:hover{color:#98C23D}
.h-contacto-12:hover{color:#98C23D}
.h-contacto-13:hover{color:#98C23D}
.h-contacto-14:hover{color:#98C23D}
.h-contacto-15:hover{color:#98C23D}
.h-contacto-16:hover{color:#98C23D}
.h-contacto-17:hover{background:#98C23D;border-color:#98C23D;color:#2E3D14}
.h-contacto-18:hover{background:#98C23D;border-color:#98C23D;color:#2E3D14}
.h-contacto-19:hover{background:#98C23D;border-color:#98C23D;color:#2E3D14}
.h-contacto-20:hover{color:#98C23D}
.h-contacto-21:hover{color:#98C23D}
.h-contacto-22:hover{color:#98C23D}
.h-contacto-23:hover{color:#98C23D}
.h-contacto-24:hover{transform:scale(1.06)}

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