/* =========================================================
   WP overrides — neutraliza estilos por defecto de WordPress
   (Gutenberg / theme.json) que rompen el botón flotante y otros.
   ========================================================= */

/* ---- 1. Reset al boton flotante "Una pausa?" ----
   WordPress 5.9+ aplica estilos por defecto a TODOS los <button>
   via theme.json (background, padding, border-radius). Aqui
   los anulamos especificamente para el trigger del mini-juego. */

.vj-game-trigger,
button.vj-game-trigger,
body .vj-game-trigger {
  position: fixed !important;
  bottom: 20px !important;
  right: 20px !important;
  left: auto !important;
  top: auto !important;
  z-index: 99000 !important;

  /* Reset agresivo para anular Gutenberg/theme.json */
  -webkit-appearance: none !important;
          appearance: none !important;
  margin: 0 !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: none !important;
  text-decoration: none !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
  outline: none !important;

  /* Estilos originales restaurados con !important */
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 10px 16px 10px 12px !important;
  background: rgba(20, 20, 22, 0.85) !important;
  -webkit-backdrop-filter: blur(10px) !important;
          backdrop-filter: blur(10px) !important;
  border: 1px solid rgba(255, 106, 0, 0.35) !important;
  color: var(--text-muted) !important;
  border-radius: 999px !important;
  font-family: var(--font-sans) !important;
  font-size: 0.82rem !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  cursor: pointer !important;
  transition: transform .25s var(--ease), background .25s var(--ease), border-color .25s var(--ease), color .25s var(--ease) !important;
  box-shadow: 0 14px 30px -12px rgba(0, 0, 0, 0.6) !important;
}

.vj-game-trigger:hover,
button.vj-game-trigger:hover,
body .vj-game-trigger:hover {
  background: var(--orange) !important;
  border-color: var(--orange) !important;
  color: #fff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 16px 40px -10px rgba(255, 106, 0, 0.5) !important;
}

.vj-game-trigger:focus-visible,
button.vj-game-trigger:focus-visible {
  outline: 2px solid var(--orange) !important;
  outline-offset: 2px !important;
}

.vj-game-trigger > .vj-game-emoji {
  font-size: 1rem !important;
  line-height: 1 !important;
}

/* Si el WP admin bar esta visible (usuarios logueados) compensar para que
   el boton no quede tapado. El admin bar mide 32px (46px en mobile). */
.admin-bar .vj-game-trigger {
  bottom: 20px !important; /* sigue abajo, el admin bar esta arriba */
}

/* ---- 2. Boton de cerrar del modal: mismo reset ---- */
.vj-game-close,
button.vj-game-close,
body .vj-game-close {
  -webkit-appearance: none !important;
          appearance: none !important;
  margin: 0 !important;
  padding: 0 !important;

  position: absolute !important;
  top: 14px !important;
  right: 14px !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.05) !important;
  color: var(--text) !important;
  font-size: 1.4rem !important;
  line-height: 1 !important;
  cursor: pointer !important;
  border: 1px solid var(--border) !important;
  transition: background .2s, color .2s, border-color .2s !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.vj-game-close:hover,
button.vj-game-close:hover {
  background: var(--orange) !important;
  color: #fff !important;
  border-color: var(--orange) !important;
}

/* ---- 3. Emoji en cualquier sitio: tamanos sensatos ----
   Por si WP sigue inyectando img.emoji en algun contexto, lo limitamos
   al tamano de fuente del padre (1em) en lugar del default (1.375em). */
img.emoji,
img.wp-smiley {
  display: inline !important;
  border: none !important;
  box-shadow: none !important;
  height: 1em !important;
  width: 1em !important;
  margin: 0 .07em !important;
  vertical-align: -.1em !important;
  background: none !important;
  padding: 0 !important;
}

/* Específicamente dentro del subtítulo del modal (el guino), forzar 1em
   por si algun otro CSS gana especificidad. */
.vj-game-sub img.emoji,
.vj-game-sub img.wp-smiley {
  height: 1em !important;
  width: 1em !important;
  vertical-align: -.1em !important;
}

/* =========================================================
   4. Botones .btn aplicados a <button> en WordPress
   Gutenberg/theme.json mete background:#fff; color:#000 a
   los <button> por defecto. Restablecemos los estilos del
   sitio con alta especificidad.
   ========================================================= */
button.btn,
input[type="submit"].btn,
input[type="button"].btn,
body button.btn {
  -webkit-appearance: none !important;
          appearance: none !important;
  margin: 0 !important;
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 12px 20px !important;
  border-radius: 999px !important;
  font-weight: 600 !important;
  font-size: 0.92rem !important;
  letter-spacing: -0.005em !important;
  font-family: var(--font-sans) !important;
  text-transform: none !important;
  text-decoration: none !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  line-height: 1.2 !important;
  border: 0 solid transparent !important;
  background: transparent;
  color: inherit;
  transition: transform .25s var(--ease), background .25s var(--ease), box-shadow .25s var(--ease), color .25s var(--ease) !important;
}

button.btn-primary,
input[type="submit"].btn-primary,
body button.btn-primary {
  background: var(--orange) !important;
  color: var(--white) !important;
  border: 0 !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,.15) inset,
    0 10px 30px -12px var(--orange) !important;
}
button.btn-primary:hover,
body button.btn-primary:hover {
  background: var(--orange-bright) !important;
  transform: translateY(-1px) !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,.2) inset,
    0 18px 40px -12px var(--orange) !important;
}

button.btn-ghost,
body button.btn-ghost {
  background: transparent !important;
  color: var(--text) !important;
  border: 1px solid var(--border-strong) !important;
  box-shadow: none !important;
}
button.btn-ghost:hover,
body button.btn-ghost:hover {
  background: rgba(255,255,255,.05) !important;
  border-color: var(--orange) !important;
  color: var(--white) !important;
}

button.btn-lg,
body button.btn-lg {
  padding: 16px 28px !important;
  font-size: 1rem !important;
}
button.btn-full,
body button.btn-full { width: 100% !important; }

/* =========================================================
   Botones especificos del CV builder (.btn-add + .cv-item-remove)
   Mismo problema: Gutenberg los pinta blancos por defecto.
   ========================================================= */

/* "+ Anadir experiencia / formacion / idioma" — dashed naranja */
button.btn-add,
body button.btn-add {
  -webkit-appearance: none !important;
          appearance: none !important;
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 10px !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: var(--orange) !important;
  border: 1px dashed var(--orange-ring) !important;
  border-radius: var(--radius-sm) !important;
  font-family: var(--font-sans) !important;
  font-size: 0.88rem !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  text-shadow: none !important;
  box-shadow: none !important;
  cursor: pointer !important;
  transition: background .2s, color .2s, border-color .2s !important;
}
button.btn-add:hover,
body button.btn-add:hover {
  background: var(--orange-soft) !important;
  background-color: var(--orange-soft) !important;
  color: var(--orange-bright) !important;
  border-color: var(--orange) !important;
}

/* X para borrar items de experiencia / formacion / idioma */
button.cv-item-remove,
body button.cv-item-remove {
  -webkit-appearance: none !important;
          appearance: none !important;
  position: absolute !important;
  top: 8px !important;
  right: 8px !important;
  width: 26px !important;
  height: 26px !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 50% !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: var(--text-dim) !important;
  border: 1px solid var(--border) !important;
  font-family: var(--font-sans) !important;
  font-size: 1.1rem !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  cursor: pointer !important;
  text-shadow: none !important;
  box-shadow: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: color .2s, border-color .2s, background .2s !important;
}
button.cv-item-remove:hover,
body button.cv-item-remove:hover {
  color: var(--orange) !important;
  border-color: var(--orange) !important;
  background: transparent !important;
}

/* =========================================================
   Topbar eliminada del front-page → el header sin la topbar.
   Lo dejamos un pelin separado del borde superior (16px).
   ========================================================= */
.site-header {
  top: 16px !important;
}
/* Si la topbar quedara residual en algun template (cv-builder o guia
   no la tienen, pero por defensa la ocultamos globalmente). */
.topbar { display: none !important; }

/* Sin topbar el header sube y solapa el contenido del hero. Subimos el
   padding-top del hero para dar respiro entre header y badge "Aceptando
   12 nuevos clientes". Original: 160px → 200px. */
.hero {
  padding-top: 200px !important;
}

/* Logo del header: original 54px → 72px. */
.site-header .logo-img,
.site-header .logo-img-full {
  height: 72px !important;
}
/* Variante "mark" (solo en mobile cuando colapsa a icono): 48 → 60 */
.site-header .logo-img-mark {
  height: 60px !important;
}

/* =========================================================
   5. CookieYes (plugin GDPR Cookie Consent)
   Hacemos que el banner / modal / boton revisit usen la
   paleta naranja sobre fondo oscuro de VengaJobs.
   Selectores: .cky-* (estables en CookieYes).
   ========================================================= */

/* --- Contenedor / fondo del banner y modal --- */
.cky-consent-container,
.cky-modal,
.cky-modal-open .cky-modal {
  --cky-vj-orange: #FF6A00;
  --cky-vj-orange-bright: #FF8533;
  --cky-vj-bg: rgba(20, 20, 22, 0.96);
  --cky-vj-surface: rgba(255, 255, 255, 0.03);
  --cky-vj-border: rgba(255, 106, 0, 0.35);
  --cky-vj-border-soft: rgba(255, 255, 255, 0.1);
  --cky-vj-text: #E5E5E7;
  --cky-vj-text-muted: #A1A1A6;
  --cky-vj-white: #FFFFFF;
}

.cky-consent-container .cky-consent-bar,
.cky-modal .cky-modal-content,
.cky-modal-content {
  background: var(--cky-vj-bg) !important;
  background-color: var(--cky-vj-bg) !important;
  border: 1px solid var(--cky-vj-border) !important;
  border-radius: 16px !important;
  color: var(--cky-vj-text) !important;
  -webkit-backdrop-filter: blur(18px) !important;
          backdrop-filter: blur(18px) !important;
  box-shadow: 0 30px 80px -20px rgba(0, 0, 0, 0.7) !important;
}

/* --- Tipografia --- */
.cky-consent-container .cky-title,
.cky-modal .cky-title,
.cky-preference-title,
.cky-modal h2,
.cky-modal h3 {
  color: var(--cky-vj-white) !important;
  font-family: 'Fraunces', 'Inter', sans-serif !important;
  font-weight: 500 !important;
}

.cky-consent-container .cky-notice-des,
.cky-consent-container .cky-notice-des *,
.cky-modal .cky-preference-body-wrapper,
.cky-modal .cky-preference-body-wrapper *,
.cky-modal p,
.cky-notice p {
  color: var(--cky-vj-text-muted) !important;
  font-family: 'Inter', sans-serif !important;
  background: transparent !important;
}

/* --- Link "Gestionar los servicios" / "Mostrar detalles" --- */
.cky-consent-container .cky-show-desc-btn,
.cky-modal .cky-show-desc-btn,
.cky-consent-container a,
.cky-modal a {
  color: var(--cky-vj-orange) !important;
  text-decoration: none !important;
  font-weight: 500 !important;
}
.cky-consent-container a:hover,
.cky-modal a:hover {
  color: var(--cky-vj-orange-bright) !important;
  text-decoration: underline !important;
}

/* --- Botones del banner: aceptar / denegar / preferencias --- */
.cky-consent-container .cky-btn,
.cky-modal .cky-btn,
.cky-btn {
  -webkit-appearance: none !important;
          appearance: none !important;
  border-radius: 999px !important;
  padding: 10px 20px !important;
  font-weight: 600 !important;
  font-size: 0.9rem !important;
  font-family: 'Inter', sans-serif !important;
  letter-spacing: -0.005em !important;
  cursor: pointer !important;
  transition: background .25s ease, color .25s ease, border-color .25s ease, transform .25s ease !important;
  border: 1px solid transparent !important;
  line-height: 1.2 !important;
  text-shadow: none !important;
  box-shadow: none !important;
}

/* Aceptar = primario naranja */
.cky-btn.cky-btn-accept,
.cky-consent-container .cky-btn-accept,
.cky-modal .cky-btn-accept {
  background: var(--cky-vj-orange) !important;
  color: var(--cky-vj-white) !important;
  border-color: var(--cky-vj-orange) !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,.15) inset,
    0 10px 30px -12px var(--cky-vj-orange) !important;
}
.cky-btn.cky-btn-accept:hover,
.cky-consent-container .cky-btn-accept:hover,
.cky-modal .cky-btn-accept:hover {
  background: var(--cky-vj-orange-bright) !important;
  border-color: var(--cky-vj-orange-bright) !important;
  transform: translateY(-1px) !important;
}

/* Denegar = ghost con borde naranja */
.cky-btn.cky-btn-reject,
.cky-consent-container .cky-btn-reject,
.cky-modal .cky-btn-reject {
  background: transparent !important;
  color: var(--cky-vj-text) !important;
  border-color: var(--cky-vj-border) !important;
}
.cky-btn.cky-btn-reject:hover,
.cky-consent-container .cky-btn-reject:hover,
.cky-modal .cky-btn-reject:hover {
  background: rgba(255, 106, 0, 0.08) !important;
  border-color: var(--cky-vj-orange) !important;
  color: var(--cky-vj-white) !important;
}

/* Ver preferencias = ghost neutral */
.cky-btn.cky-btn-customize,
.cky-btn.cky-btn-preferences,
.cky-consent-container .cky-btn-customize,
.cky-modal .cky-btn-customize,
.cky-modal .cky-btn-preferences {
  background: transparent !important;
  color: var(--cky-vj-text-muted) !important;
  border-color: var(--cky-vj-border-soft) !important;
}
.cky-btn.cky-btn-customize:hover,
.cky-btn.cky-btn-preferences:hover,
.cky-consent-container .cky-btn-customize:hover,
.cky-modal .cky-btn-customize:hover,
.cky-modal .cky-btn-preferences:hover {
  background: rgba(255, 255, 255, 0.05) !important;
  border-color: var(--cky-vj-orange) !important;
  color: var(--cky-vj-white) !important;
}

/* Botón cerrar (x) */
.cky-btn-close,
.cky-modal .cky-btn-close,
.cky-consent-container .cky-btn-close {
  background: transparent !important;
  color: var(--cky-vj-text-muted) !important;
  opacity: 1 !important;
  filter: none !important;
  border-radius: 50% !important;
  border: 1px solid var(--cky-vj-border-soft) !important;
  width: 32px !important;
  height: 32px !important;
  transition: background .2s, color .2s, border-color .2s !important;
}
.cky-btn-close:hover {
  background: var(--cky-vj-orange) !important;
  color: var(--cky-vj-white) !important;
  border-color: var(--cky-vj-orange) !important;
}
.cky-btn-close img,
.cky-btn-close svg {
  filter: invert(1) brightness(0.9) !important;
}

/* Boton flotante "revisit" (cookie pequena que reabre el banner) */
.cky-revisit-bottom-left,
.cky-revisit-bottom-right,
.cky-btn-revisit-wrapper,
.cky-revisit-hide {
  background: var(--cky-vj-bg) !important;
  border: 1px solid var(--cky-vj-border) !important;
  color: var(--cky-vj-orange) !important;
  box-shadow: 0 14px 30px -12px rgba(0, 0, 0, 0.6) !important;
}

/* Switches del modal de preferencias */
.cky-switch input:checked + .cky-slider,
.cky-switch input:checked + label,
.cky-switch-input:checked + .cky-switch-label::before {
  background-color: var(--cky-vj-orange) !important;
  border-color: var(--cky-vj-orange) !important;
}

/* Acordeon de categorias en el modal */
.cky-accordion,
.cky-accordion-header,
.cky-accordion-body,
.cky-accordion-wrapper {
  background: var(--cky-vj-surface) !important;
  border-color: var(--cky-vj-border-soft) !important;
  color: var(--cky-vj-text) !important;
}
.cky-accordion-active,
.cky-accordion-active .cky-accordion-header {
  border-color: var(--cky-vj-border) !important;
}
.cky-accordion-chevron svg,
.cky-accordion-header svg {
  fill: var(--cky-vj-orange) !important;
  color: var(--cky-vj-orange) !important;
}
/* CF7 - Vacantes VengaJobs */
.cta-inner .wpcf7-form {
  display: flex;
  flex-direction: column;
  gap: 14px;
  max-width: 560px;
  margin: 0 auto;
  text-align: left;
}
.cta-inner .wpcf7-form p {
  margin: 0;
}
.cta-inner .wpcf7-form input[type="text"],
.cta-inner .wpcf7-form input[type="email"],
.cta-inner .wpcf7-form textarea,
.cta-inner .wpcf7-form select {
  width: 100%;
  padding: 16px 18px;
  border-radius: var(--radius);
  background: var(--surface);
  border: 1px solid var(--border-strong);
  color: var(--white);
  font-size: 0.95rem;
  transition: border-color .25s var(--ease), background .25s var(--ease);
  box-sizing: border-box;
}
.cta-inner .wpcf7-form input::placeholder,
.cta-inner .wpcf7-form textarea::placeholder { 
  color: var(--text-dim); 
}
.cta-inner .wpcf7-form input:focus,
.cta-inner .wpcf7-form textarea:focus,
.cta-inner .wpcf7-form select:focus {
  border-color: var(--orange);
  background: var(--surface-2);
  outline: none;
}
.cta-inner .wpcf7-form select option { 
  background: var(--surface); 
  color: var(--white); 
}
.cta-inner .wpcf7-form textarea { 
  resize: vertical; 
  min-height: 96px; 
  font-family: inherit; 
}
.cta-inner .wpcf7-form input[type="submit"] {
  width: 100%;
  padding: 18px;
  background: var(--orange);
  color: var(--white);
  border: none;
  border-radius: var(--radius);
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  transition: opacity .2s;
}
.cta-inner .wpcf7-form input[type="submit"]:hover {
  opacity: 0.9;
}
.cta-inner .wpcf7-form .wpcf7-not-valid-tip {
  color: var(--orange);
  font-size: 0.82rem;
}
.cta-inner .wpcf7-response-output {
  text-align: center;
  font-size: 0.85rem;
  margin-top: 8px;
  border: none !important;
  padding: 0 !important;
}
/* CF7 - Vacantes VengaJobs */
.cta-inner .wpcf7-form {
  display: flex;
  flex-direction: column;
  gap: 14px;
  max-width: 560px;
  margin: 0 auto;
  text-align: left;
}
.cta-inner .wpcf7-form p {
  margin: 0;
}
.cta-inner .wpcf7-form input[type="text"],
.cta-inner .wpcf7-form input[type="email"],
.cta-inner .wpcf7-form textarea,
.cta-inner .wpcf7-form select {
  width: 100%;
  padding: 16px 18px;
  border-radius: var(--radius);
  background: var(--surface);
  border: 1px solid var(--border-strong);
  color: var(--white);
  font-size: 0.95rem;
  font-family: inherit;
  box-sizing: border-box;
}
.cta-inner .wpcf7-form input::placeholder,
.cta-inner .wpcf7-form textarea::placeholder {
  color: var(--text-dim);
}
.cta-inner .wpcf7-form input:focus,
.cta-inner .wpcf7-form textarea:focus,
.cta-inner .wpcf7-form select:focus {
  border-color: var(--orange);
  background: var(--surface-2);
  outline: none;
}
.cta-inner .wpcf7-form select option {
  background: var(--surface);
  color: var(--white);
}
.cta-inner .wpcf7-form textarea {
  resize: vertical;
  min-height: 96px;
}
.cta-inner .wpcf7-form input[type="submit"] {
  width: 100%;
  padding: 18px;
  background: var(--orange);
  color: var(--white);
  border: none;
  border-radius: var(--radius);
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
}
.cta-inner .wpcf7-form input[type="submit"]:hover {
  opacity: 0.9;
}
.cta-inner .wpcf7-response-output {
  text-align: center;
  font-size: 0.85rem;
  border: none !important;
  padding: 0 !important;
  color: var(--text-dim);
}
/* CF7 forzado */
.cta-inner .wpcf7-form input[type="text"],
.cta-inner .wpcf7-form input[type="email"],
.cta-inner .wpcf7-form textarea,
.cta-inner .wpcf7-form select {
  display: block !important;
  width: 100% !important;
  padding: 16px 18px !important;
  border-radius: 12px !important;
  background: rgba(255,255,255,0.06) !important;
  border: 1px solid rgba(255,255,255,0.15) !important;
  color: #ffffff !important;
  font-size: 0.95rem !important;
  box-sizing: border-box !important;
  font-family: inherit !important;
}
.cta-inner .wpcf7-form input[type="submit"] {
  display: block !important;
  width: 100% !important;
  padding: 18px !important;
  background: #FF6A00 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 50px !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  font-family: inherit !important;
  margin-top: 8px !important;
}
.cta-inner .wpcf7 {
  width: 100% !important;
  max-width: 560px !important;
  margin: 0 auto !important;
}
.cta-inner .wpcf7-form p {
  margin: 0 0 14px 0 !important;
}
.cta-inner .wpcf7-form span.wpcf7-form-control-wrap {
  display: block !important;
  width: 100% !important;
}
/* CF7 máxima especificidad */
body .cta-final .cta-inner .wpcf7 .wpcf7-form input[type="text"],
body .cta-final .cta-inner .wpcf7 .wpcf7-form input[type="email"],
body .cta-final .cta-inner .wpcf7 .wpcf7-form textarea,
body .cta-final .cta-inner .wpcf7 .wpcf7-form select {
  display: block !important;
  width: 100% !important;
  padding: 16px 18px !important;
  border-radius: 12px !important;
  background: rgba(255,255,255,0.06) !important;
  border: 1px solid rgba(255,255,255,0.15) !important;
  color: #ffffff !important;
  font-size: 0.95rem !important;
  box-sizing: border-box !important;
  font-family: inherit !important;
}
body .cta-final .cta-inner .wpcf7 .wpcf7-form input[type="submit"] {
  display: block !important;
  width: 100% !important;
  padding: 18px !important;
  background: #FF6A00 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 50px !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  font-family: inherit !important;
}
/* CF7 por ID */
#wpcf7-f1083-o1 input[type="text"],
#wpcf7-f1083-o1 input[type="email"],
#wpcf7-f1083-o1 textarea,
#wpcf7-f1083-o1 select {
  display: block !important;
  width: 100% !important;
  padding: 16px 18px !important;
  border-radius: 12px !important;
  background: rgba(255,255,255,0.06) !important;
  border: 1px solid rgba(255,255,255,0.15) !important;
  color: #ffffff !important;
  font-size: 0.95rem !important;
  box-sizing: border-box !important;
  font-family: inherit !important;
}
#wpcf7-f1083-o1 input[type="submit"] {
  display: block !important;
  width: 100% !important;
  padding: 18px !important;
  background: #FF6A00 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 50px !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  cursor: pointer !important;
}
/* Menu hamburguesa */
/* Ocultar en escritorio */
button#menuToggle, button.menu-toggle, #menuToggle {
    display: none !important;
}

/* Mostrar y estilar en móvil */
@media (max-width: 768px) {
    button#menuToggle, button.menu-toggle, #menuToggle {
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
        padding: 10px !important;
        box-sizing: border-box !important;
        width: 44px !important;
        height: 44px !important;
    }
    button#menuToggle span, button.menu-toggle span, #menuToggle span {
        display: block !important;
        height: 2px !important;
        width: 24px !important;
        background: #FF6A00 !important;
        border-radius: 2px !important;
        margin: 3px 0 !important;
        flex: none !important;
    }
}
}