﻿/* ReSharper disable InvalidValue */
[class ^="botonCustom"] {
   font-family: var(--fontFamily);
   font-size: inherit;
   line-height: inherit;
   -webkit-appearance: none;
   -moz-appearance: none;
   background: none;
   cursor: pointer;
   display: inline-block;
   text-decoration: none;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   white-space: normal;
   vertical-align: middle;
   padding: .1rem .3rem;
   margin: 0;
   margin-left: .5rem;
   border: none;
   border-radius: var(--borderRadiusBoton);
   transition: all 0.2s ease;
}

button,
input[type="submit"],
.botonCustomPrimario {
   background-color: var(--colorBotonPrimario);
   color: var(--colorTextoBotonPrimario);
   box-shadow: .1rem .15rem var(--colorSombraBotones);
   background: linear-gradient(to bottom, var(--colorBotonPriMarioGradiente) var(--porcentajeLimiteSuperiorGradienteBotones), var(--colorBotonPrimario) var(--porcentajeLimiteInferiorGradienteBotones));
}

   button:hover,
   input[type="submit"]:hover,
   .botonCustomPrimario:hover {
      background-color: var(--colorBotonPrimarioHover);
      box-shadow: 0 .05rem var(--colorSombraBotones);
      top: .07rem;
      background: linear-gradient(to bottom, var(--colorBotonPrimario) var(--porcentajeLimiteSuperiorGradienteBotonesHover), var(--colorBotonPriMarioGradiente) var(--porcentajeLimiteInferiorGradienteBotonesHover));
   }

   button:active,
   input[type="submit"]:active,
   .botonCustomPrimario:active {
      background-color: var(--colorBotonPrimarioActive);
      box-shadow: 0 0 var(--colorSombraBotones);
      top: .35rem;
   }

.botonCustomSecundario {
   background-color: var(--colorBotonSecundario);
   color: var(--colorTextoBotonSecundario);
   background: linear-gradient(to bottom, var(--colorBotonSecundarioGradiente) var(--porcentajeLimiteSuperiorGradienteBotones), var(--colorBotonSecundario) var(--porcentajeLimiteInferiorGradienteBotones));
}

   .botonCustomSecundario:hover {
      background-color: var(--colorBotonSecundarioHover);
      background: linear-gradient(to bottom, var(--colorBotonSecundario) var(--porcentajeLimiteSuperiorGradienteBotonesHover), var(--colorBotonSecundarioGradiente) var(--porcentajeLimiteInferiorGradienteBotonesHover));
   }

   .botonCustomSecundario:active {
      background-color: var(--colorBotonSecundarioActive);
   }

.botonCustomSuccess {
   background-color: var(--colorBotonSuccess);
   color: var(--colorTextoBotonSuccess);
   background: linear-gradient(to bottom, var(--colorBotonSuccessGradiente) var(--porcentajeLimiteSuperiorGradienteBotones), var(--colorBotonSuccess) var(--porcentajeLimiteInferiorGradienteBotones));
}

   .botonCustomSuccess:hover {
      background-color: var(--colorBotonSuccessHover);
      background: linear-gradient(to bottom, var(--colorBotonSuccess) var(--porcentajeLimiteSuperiorGradienteBotonesHover), var(--colorBotonSuccessGradiente) var(--porcentajeLimiteInferiorGradienteBotonesHover));
   }

   .botonCustomSuccess:active {
      background-color: var(--colorBotonSuccessActive);
   }

.botonCustomInfo {
   background-color: var(--colorBotonInfo);
   color: var(--colorTextoBotonInfo);
   background: linear-gradient(to bottom, var(--colorBotonInfoGradiente) var(--porcentajeLimiteSuperiorGradienteBotones), var(--colorBotonInfo) var(--porcentajeLimiteInferiorGradienteBotones));
}

   .botonCustomInfo:hover {
      background-color: var(--colorBotonInfoHover);
      background: linear-gradient(to bottom, var(--colorBotonInfo) var(--porcentajeLimiteSuperiorGradienteBotonesHover), var(--colorBotonInfoGradiente) var(--porcentajeLimiteInferiorGradienteBotonesHover));
   }

   .botonCustomInfo:active {
      background-color: var(--colorBotonInfoActive);
   }

.botonCustomWarning {
   background-color: var(--colorBotonWarning);
   color: var(--colorTextoBotonWarning);
   background: linear-gradient(to bottom, var(--colorBotonWarningGradiente) var(--porcentajeLimiteSuperiorGradienteBotones), var(--colorBotonWarning) var(--porcentajeLimiteInferiorGradienteBotones));
}

   .botonCustomWarning:hover {
      background-color: var(--colorBotonWarningHover);
      background: linear-gradient(to bottom, var(--colorBotonWarning) var(--porcentajeLimiteSuperiorGradienteBotonesHover), var(--colorBotonWarningGradiente) var(--porcentajeLimiteInferiorGradienteBotonesHover));
   }

   .botonCustomWarning:active {
      background-color: var(--colorBotonWarningActive);
   }

.botonCustomDanger {
   background-color: var(--colorBotonDanger);
   color: var(--colorTextoBotonDanger);
   background: linear-gradient(to bottom, var(--colorBotonDangerGradiente) var(--porcentajeLimiteSuperiorGradienteBotones), var(--colorBotonDanger) var(--porcentajeLimiteInferiorGradienteBotones));
}

   .botonCustomDanger:hover {
      background-color: var(--colorBotonDangerHover);
      background: linear-gradient(to bottom, var(--colorBotonDanger) var(--porcentajeLimiteSuperiorGradienteBotonesHover), var(--colorBotonDangerGradiente) var(--porcentajeLimiteInferiorGradienteBotonesHover));
   }

   .botonCustomDanger:active {
      background-color: var(--colorBotonDangerActive);
   }

.botonCompacto {
   font-size: .7rem;
   padding-top: 0;
   padding-bottom: 0;
}

.buttonAvisoPrivacidad {
   background-color: var(--colorParaFondoPrincipal);
   color: var(--colorParaTextoPrincipal);
   border: var(--bordeGeneral);
   min-width: 0;
   width: max-content;
   max-width: 100%;
   cursor: pointer;
}

   .buttonAvisoPrivacidad:hover {
      background-color: var(--colorParaFondoControles);
      color: var(--colorParaTextoControles);
      border: var(--bordeGeneral);
   }

   .buttonAvisoPrivacidad:focus {
      background-color: var(--colorParaFondoControles);
      color: var(--colorParaTextoControles);
      box-shadow: 0 0 0 0.2rem #deaa0c;
      box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
      color: var(--colorParaTextoPrincipal);
   }

/* ReSharper restore InvalidValue */
