/* ==========================================================================
   Packland — estilos globales
   Los estilos de maquetación viven inline en el HTML (fiel al diseño original).
   Este archivo restaura los estados :hover / :focus y el comportamiento
   responsive del menú, que antes manejaba el framework de componentes.
   ========================================================================== */

html, body { margin: 0; padding: 0; background: #F8F7F9; -webkit-font-smoothing: antialiased; }
* { box-sizing: border-box; }

/* --- Botones ------------------------------------------------------------- */
.btn-primary { background: #AC2185; transition: background .15s; }
.btn-primary:hover { background: #8C1868; }

.btn-wa { background: #25D366; transition: background .15s; }
.btn-wa:hover { background: #1FB855; }

.btn-wa-float { transition: background .15s; }
.btn-wa-float:hover { background: #1FB855; }

.btn-ghost { transition: border-color .15s; }
.btn-ghost:hover { border-color: #1A1A1A; }

/* --- Tarjetas ------------------------------------------------------------ */
.card { transition: border-color .15s; }
.card:hover { border-color: #AC2185; }

/* --- Links del footer ---------------------------------------------------- */
.foot-link { transition: color .15s; }
.foot-link:hover { color: #F8F7F9; }

/* --- Ítems de menú desplegable ------------------------------------------- */
.menu-item { transition: background .15s; }
.menu-item:hover { background: #F7F1F6; }

/* --- Campos de formulario ------------------------------------------------ */
.field { transition: border-color .15s; }
.field:focus { border-color: #AC2185; }

/* --- Zoom suave en imágenes de galería y tarjetas ------------------------ */
.zoom-wrap { overflow: hidden; }
.zoom { transition: transform .5s ease; }
.zoom-wrap:hover .zoom { transform: scale(1.06); }

/* --- Acordeón de preguntas frecuentes (FAQ) ------------------------------ */
.faq summary { list-style: none; }
.faq summary::-webkit-details-marker { display: none; }
.faq[open] .faq-ico { transform: rotate(45deg); }
.faq .faq-ico { transition: transform .2s ease; }

/* --- Navegación: desktop vs mobile --------------------------------------- */
.nav-desktop { display: flex; }
.nav-mobile-btn { display: none; }
.mobile-menu { display: none; }
.mobile-menu.open { display: flex; }

/* Menú desplegable (aparece al pasar el mouse en desktop) */
.dropdown-panel { display: none; }
.dropdown:hover .dropdown-panel { display: flex; }
.dropdown:hover > .nav-link { color: #AC2185; }

/* Puente invisible sobre el hueco botón↔panel: evita que el submenú se
   cierre al bajar el mouse antes de llegar a las opciones. */
.dropdown-panel::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -10px;
  height: 12px;
}

@media (max-width: 880px) {
  .nav-desktop { display: none; }
  .nav-mobile-btn { display: flex; }
}