@charset "UTF-8";
/* Colores */
/* Tipografía */
/* Botón */
input[type="reset"],
input[type="submit"],
button,
#respond #cancel-comment-reply-link,
.commentlist .comment-reply-link {
  background-color: #4f46e5;
  color: #ffffff;
  border-radius: 15px;
  border: 1px solid #ffffff;
  padding: 10px 18px;
  font-family: "Segoe UI", Roboto, Arial, sans-serif;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
  text-decoration: none;
  display: inline-block; }

/* Hover */
input[type="reset"]:hover,
input[type="submit"]:hover,
button:hover,
#respond #cancel-comment-reply-link:hover,
.commentlist .comment-reply-link:hover {
  background-color: #6366f1;
  color: #ffffff;
  border-color: #4f46e5;
  -webkit-box-shadow: 0 6px 14px rgba(0, 0, 0, 0.25);
          box-shadow: 0 6px 14px rgba(0, 0, 0, 0.25);
  -webkit-transform: translateY(-2px);
      -ms-transform: translateY(-2px);
          transform: translateY(-2px); }

/* Active (clic) */
input[type="reset"]:active,
input[type="submit"]:active,
button:active {
  -webkit-transform: scale(0.97);
      -ms-transform: scale(0.97);
          transform: scale(0.97);
  -webkit-box-shadow: none;
          box-shadow: none; }

/* Focus (accesibilidad) */
input[type="reset"]:focus,
input[type="submit"]:focus,
button:focus {
  outline: 3px solid rgba(79, 70, 229, 0.4);
  outline-offset: 2px; }

/* Disabled */
button:disabled,
input:disabled {
  background-color: #cccccc;
  color: #666666;
  cursor: not-allowed;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-color: #bbbbbb; }

@media screen and (min-width: 500px) {
  .desktop {
    display: inline; }
  .movil {
    display: none; } }

@media screen and (max-width: 499px) {
  .desktop {
    display: none; }
  .movil {
    display: inline; } }