/* BOTÓN DE ACCIÓN EN MODAL: misma geometría y tipografía que Artesanos.
   Aplicar modal-action y una variante de color a las acciones principales.
   La posición y anchura siguen perteneciendo al contenedor de cada pantalla. */
.modal-action--purple { --action-top:#ca62f0; --action-bottom:#8c36bc; --action-border:#efb3ff; --action-base:#5d207f; --action-text:#fff; }
.modal-action--green { --action-top:#80ed92; --action-bottom:#3fc363; --action-border:#baf7c3; --action-base:#176c35; --action-text:#07351a; }
.modal-action--blue { --action-top:#65d2ff; --action-bottom:#2e9dd9; --action-border:#a3ecff; --action-base:#0d507d; --action-text:#062c48; }
.modal-action--gold { --action-top:#ffe16b; --action-bottom:#efa31d; --action-border:#fff0a3; --action-base:#7c4808; --action-text:#4f3000; }
.modal-action--red,.turn-arrival.is-contest .modal-action { --action-top:#f04b56; --action-bottom:#bd1724; --action-border:#ffb4b9; --action-base:#720b14; --action-text:#fff; }
.modal-action--neutral { --action-top:#546581; --action-bottom:#2e3d57; --action-border:#a9b4cd; --action-base:#121b2c; --action-text:#fff; }
html body button.modal-action.modal-action {
  box-sizing:border-box;
  min-height:50px;
  padding:10px 14px;
  border:2px solid var(--action-border);
  border-radius:13px;
  color:var(--action-text);
  background:linear-gradient(var(--action-top),var(--action-bottom));
  box-shadow:0 4px 0 var(--action-base);
  font:900 1rem/1.15 "Baloo 2",sans-serif;
  letter-spacing:normal;
  text-align:center;
  text-shadow:none;
  white-space:normal;
  animation:none;
  cursor:pointer;
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
}
html body button.modal-action.modal-action:active:not(:disabled) { transform:translateY(2px); box-shadow:0 2px 0 var(--action-base); }
html body button.modal-action.modal-action:disabled { opacity:.5; filter:none; cursor:default; }
html body button.modal-action.modal-action:focus-visible { outline:2px solid var(--action-border); outline-offset:4px; }
html body button.modal-action.modal-action > [aria-hidden="true"] { font-size:1.4rem; line-height:1; }
html body .breaking-news__paper > button.modal-action { padding-inline:42px; }