:root {
  --darkColor: #222222;
  --lightColor: #F6F0DA;
  --letraEncaColor: #F6F0DA;
  --letraCuerpoColor: #222222;

  --sizeTituloCocina_menu: 1.75rem;
}

/* Fondos */
.bgDarkColor {
  background-color: var(--darkColor);
}

.bgLightColor {
  background-color: var(--lightColor);
}

.bgEncaColor {
  background-color: var(--letraEncaColor);
}

.bgCuerpoColor {
  background-color: var(--letraCuerpoColor);
}


/* Color de texto */
.textDarkColor {
  color: var(--darkColor);
}

.textLightColor {
  color: var(--lightColor);
}

.textEcnaColor {
  color: var(--letraEncaColor);
}

.textCuerpoColor {
  color: var(--letraCuerpoColor);
}


/* Botones */
.btnDarkColor {
  background-color: var(--darkColor);
  color: var(--lightColor);
}

.btnLightColor {
  background-color: var(--lightColor);
  color: var(--darkColor);
}

.btnEliminarApple {
  background-color: #fff;
  color: red !important;
  border: 1px solid red;
  cursor: pointer;
  width: 100%;
  border-radius: 4px;
}

.btnEliminarApple:active {
  background-color: red;
  color: white !important;
  border: 1px solid #fff;
  cursor: pointer;
}

.btnEliminarApple:focus {
  border-color: red !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px red !important;
}


/* Bordes */
.borderDarkColor-1 {
  border: 1px solid var(--darkColor);
}

.borderDarkColor-2 {
  border: 2px solid var(--darkColor);
}

.borderDarkColor-3 {
  border: 3px solid var(--darkColor);
}

.borderbDarkColor-1 {
  border-bottom: 1px solid var(--darkColor);
}

.borderbDarkColor-2 {
  border-bottom: 2px solid var(--darkColor);
}

.borderbDarkColor-3 {
  border-bottom: 3px solid var(--darkColor);
}

/* Etiquetas  */
.etiqueta {
  margin-bottom: 0px;
  font-style: italic;
}

.etiquetaInput {
  margin-bottom: 0px;
  font-style: italic;
  width: 100%;
}

.etiquetaInputHidden {
  margin-bottom: 0px;
  font-style: italic;
  visibility: hidden;
  width: 100%;
}

/* Cards */
.captionBox {
  background-color: var(--darkColor);
  color: white;
  height: 2rem;
}

/* Otros */
.cursorManita {
  cursor: pointer;
}

.btnItemDark {
  cursor: pointer;
  font-size: 1.25rem;
  color: var(--darkColor);
}

.btnItemWhite {
  cursor: pointer;
  font-size: 1.25rem;
  color: white;
}

.seccionInactiva {
  background-color: #fff;
  color: var(--darkColor);
}





/* BOOTSTRAP */
.form-control:focus,
.btn:focus {
  border-color: var(--darkColor);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px var(--darkColor);
}